@charset "UTF-8"; @import url(/products/foreign_deposit/tools/css/style.css); .simulatorTabs .hasCustomSelect { display: block; width: 97% !important; margin-left: 1.5%; font-size: 16px !important; height: 44px !important; } .simulatorTabs .customSelect { width: 100%; border: 1px solid #ddd; overflow: hidden; color: #555; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px 8px; display: block !important; color: #535252; text-decoration: none; border: solid 1px #d4d5d5; background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%); background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0); pointer-events: none; } .simulatorTabs .customSelect span { width: 100% !important; height: 42px; padding: 11px 9px 9px; background: url(/assets/img/arrows_08_@2x.png) no-repeat; background-size: auto 42px; background-position: 100% 0; } .simulatorTabs { margin-top: 25px; margin-bottom: 60px; border: 1px solid #d4d5d5; color: #555555; } .simulatorTabs input, .simulatorTabs button { -webkit-appearance: none; outline: none; } .simulatorTabs ul.tab { width: 100%; padding-left: 0; margin-bottom: 0; display: table; } .simulatorTabs ul.tab li { line-height: 1; display: table-cell; vertical-align: top; width: 50%; border-bottom: 1px solid #d4d5d5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .simulatorTabs ul.tab li:first-child { border-right: 1px solid #d4d5d5; } .simulatorTabs ul.tab li a { outline: none; text-decoration: none; display: block; padding: 20px 0 18px; text-align: center; font-size: 16px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%); background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0); color: #535252; } .simulatorTabs ul.tab li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .simulatorTabs ul.tab li a br { display: none; } .simulatorTabs ul.tab li.select { border-bottom: 1px solid #eeeeee; } .simulatorTabs ul.tab li.select a { background: #eeeeee; filter: none; cursor: default; } .simulatorTabs ul.tab li.select a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .simulatorTabs .tabExchange, .simulatorTabs .tabForeign { display: none; } .simulatorTabs .tabExchange.on, .simulatorTabs .tabForeign.on { display: block; } .simulatorTabs .tabExchange ul.exchange, .simulatorTabs .tabForeign ul.exchange { padding: 20px 0 20px 0; margin: 0; list-style: none; font-size: 0; background: url(/products/foreign_deposit/simulator/img/arrow_@2x.png) no-repeat center center #eeeeee; -moz-background-size: 28px; -o-background-size: 28px; -webkit-background-size: 28px; background-size: 28px; border-bottom: 1px solid #d4d5d5; } .simulatorTabs .tabExchange ul.exchange li, .simulatorTabs .tabForeign ul.exchange li { display: inline-block; vertical-align: middle; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 7% 0 10%; } .simulatorTabs .tabExchange ul.exchange li:first-child, .simulatorTabs .tabForeign ul.exchange li:first-child { padding: 0 10% 0 7%; } .simulatorTabs .tabExchange ul.exchange li .yen, .simulatorTabs .tabExchange ul.exchange li .currency, .simulatorTabs .tabForeign ul.exchange li .yen, .simulatorTabs .tabForeign ul.exchange li .currency { font-size: 20px; font-weight: bold; vertical-align: middle; display: inline-block; width: 70%; text-align: center; } .simulatorTabs .tabExchange ul.exchange li .flg, .simulatorTabs .tabForeign ul.exchange li .flg { display: inline-block; vertical-align: middle; max-width: 30%; text-align: center; } .simulatorTabs .tabExchange ul.exchange li .flg img, .simulatorTabs .tabForeign ul.exchange li .flg img { max-width: 100px; width: 100%; height: auto; } .simulatorTabs .tabExchange ul.exchange li .resultCurrencyTo, .simulatorTabs .tabForeign ul.exchange li .resultCurrencyTo { display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; font-weight: bold; vertical-align: middle; width: 70%; text-align: center; } .simulatorTabs .tabExchange ul.exchange li .inputCurrencyTo, .simulatorTabs .tabForeign ul.exchange li .inputCurrencyTo { display: inline-block; vertical-align: middle; width: 65%; font-size: 16px; text-align: left; position: relative; margin-left: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .simulatorTabs .tabExchange ul.exchange li .inputCurrencyTo p.label, .simulatorTabs .tabForeign ul.exchange li .inputCurrencyTo p.label { margin-bottom: 5px; font-size: 16px; font-weight: bold; text-align: center; } .simulatorTabs .tabExchange ul.exchange.inputed .resultCurrencyTo, .simulatorTabs .tabForeign ul.exchange.inputed .resultCurrencyTo { display: inline-block; } .simulatorTabs .tabExchange ul.exchange.inputed .inputCurrencyTo, .simulatorTabs .tabForeign ul.exchange.inputed .inputCurrencyTo { display: none; } .simulatorTabs .tabExchange .content, .simulatorTabs .tabForeign .content { position: relative; font-size: 0; text-align: center; } .simulatorTabs .tabExchange .content:before, .simulatorTabs .tabForeign .content:before { background-image: url(/assets/img/marker_09_@2x.png); background-repeat: no-repeat; background-size: auto 14px; content: ""; height: 15%; left: 50%; margin-left: -15px; position: absolute; top: -1px; width: 30px; } .simulatorTabs .tabExchange .content > .calc, .simulatorTabs .tabForeign .content > .calc { font-size: 16px; } .simulatorTabs .tabExchange .content > .calc > .body, .simulatorTabs .tabForeign .content > .calc > .body { display: table; width: 100%; } .simulatorTabs .tabExchange .content > .calc > .body .input, .simulatorTabs .tabForeign .content > .calc > .body .input { width: 70%; display: table-cell; vertical-align: top; border-right: 1px solid #CCC; padding: 40px 0 50px; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .simulatorTabs .tabExchange .content > .calc > .body .input > .wrap, .simulatorTabs .tabForeign .content > .calc > .body .input > .wrap { margin: 0 12px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl, .simulatorTabs .tabForeign .content > .calc > .body .input dl { width: 100%; font-size: 0; display: table; margin: 0; padding-bottom: 45px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt { font-size: 16px; vertical-align: middle; display: table-cell; font-weight: bold; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt strong, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt strong { font-size: 24px; color: #555; font-weight: bold; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt span, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt span { font-size: 14px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top { vertical-align: top; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top .label:after, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top .label:after { content: ''; display: inline-block; vertical-align: middle; height: 44px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top + dd, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top + dd { height: 98px; vertical-align: top; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd { font-size: 16px; display: table-cell; vertical-align: middle; text-align: right; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd input[type="text"], .simulatorTabs .tabForeign .content > .calc > .body .input dl dd input[type="text"] { border: 1px solid #CCC; text-align: right; padding: 0 10px; width: 160px; height: 44px; line-height: 44px; margin-right: 5px; font-size: 20px; color: #555; vertical-align: middle; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd input[type="text"].inputDeposit, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd input[type="text"].inputRate, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd input[type="text"].inputTTB, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd input[type="text"].inputDeposit, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd input[type="text"].inputRate, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd input[type="text"].inputTTB { border: 1px solid #CCC; ime-mode: disabled; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .value, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .value { font-size: 20px; display: inline-block; min-width: 10px; vertical-align: middle; margin-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 44px; height: 44px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .yearBox, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .monthBox, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .dayBox, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .yearBox, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .monthBox, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .dayBox { display: inline-block; vertical-align: middle; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .selectWrapper, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .selectWrapper { display: inline-block; vertical-align: middle; position: relative; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .selectWrapper .year, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .selectWrapper .year { width: 100px !important; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .selectWrapper .month, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .selectWrapper .month { width: 80px !important; margin-left: 4px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .selectWrapper .day, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .selectWrapper .day { width: 80px !important; margin-left: 4px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .selectWrapper + span.sign, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .selectWrapper + span.sign { font-size: 16px; padding-left: 4px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate + .value, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate + .value { margin-right: -5px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate + .value span, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate + .value span { font-size: 16px; padding: 0 5px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputTerm, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputTerm { max-width: 177px !important; left: 0; right: 0; top: 0; margin: 0 0 0 auto; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputChangeRateSelect, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputChangeRateSelect { max-width: 220px !important; left: 0; right: 0; top: 0; margin: 0 0 0 auto; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputTTS, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputRate, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputTTB, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputTTS, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputRate, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputTTB { max-width: 96px; font-size: 20px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputRate + .value, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputRate + .value { margin-right: 10px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .nowTTS, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .nowTTS { font-size: 14px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputRateCtrl, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputRateCtrl { margin-bottom: 10px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputResultTTB, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputResultTTB { font-size: 14px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputResultTTB .nowTTB, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputResultTTB .nowTTB { font-size: 12px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputResultTTB .value, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputResultTTB .value { font-size: 14px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputForm, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputForm { display: none; vertical-align: middle; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .editbtn, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .editbtn { background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%); background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0); border: 1px solid #d4d5d5; border-radius: 8px; display: inline-block; vertical-align: middle; width: 24px; height: 24px; position: relative; text-decoration: none; margin-left: 5px; position: relative; overflow: visible; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .editbtn:hover, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .editbtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .editbtn:after, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .editbtn:after { content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url(/products/foreign_deposit/simulator/img/icon_edit_@2x.png) no-repeat center center; -moz-background-size: 24px; -o-background-size: 24px; -webkit-background-size: 24px; background-size: 24px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.edit .value, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.edit .value { display: none; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.edit .inputForm, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.edit .inputForm { display: inline-block; vertical-align: middle; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.edit .inputRateCtrl, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.edit .inputRateCtrl { display: none; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.edit .editbtn:after, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.edit .editbtn:after { background: url(/products/foreign_deposit/simulator/img/icon_back_@2x.png) no-repeat center center; -moz-background-size: 24px; -o-background-size: 24px; -webkit-background-size: 24px; background-size: 24px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .hasCustomSelect, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .customSelect, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .hasCustomSelect, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .customSelect { text-align: left; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .errorNote, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .errorNote { display: none; } .simulatorTabs .tabExchange .content > .calc > .body .input dd.error input[type="text"], .simulatorTabs .tabForeign .content > .calc > .body .input dd.error input[type="text"] { border: 1px solid #e50000 !important; background-color: #fff5f5; } .simulatorTabs .tabExchange .content > .calc > .body .input dd.error .customSelect, .simulatorTabs .tabForeign .content > .calc > .body .input dd.error .customSelect { border: 1px solid #e50000 !important; } .simulatorTabs .tabExchange .content > .calc > .body .input dd.error .errorNote, .simulatorTabs .tabForeign .content > .calc > .body .input dd.error .errorNote { display: block; text-align: right; margin: 0; padding: 0; font-size: 12px; line-height: 1.2; color: #e50000; width: 100%; position: absolute; left: 0; top: 50px; } .simulatorTabs .tabExchange .content > .calc > .body .input dt.top + dd.error .errorNote, .simulatorTabs .tabForeign .content > .calc > .body .input dt.top + dd.error .errorNote { top: 94px; } .simulatorTabs .tabExchange .content > .calc > .body .input dt.top + dd.error.edit .errorNote, .simulatorTabs .tabForeign .content > .calc > .body .input dt.top + dd.error.edit .errorNote { top: 50px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl + .resetbtn, .simulatorTabs .tabForeign .content > .calc > .body .input dl + .resetbtn { margin-top: 35px; } .simulatorTabs .tabExchange .content > .calc > .body .sheet, .simulatorTabs .tabForeign .content > .calc > .body .sheet { width: 30%; display: table-cell; vertical-align: top; padding: 40px 0 50px; font-size: 12px; text-align: left; } .simulatorTabs .tabExchange .content > .calc > .body .sheet > .wrap, .simulatorTabs .tabForeign .content > .calc > .body .sheet > .wrap { margin: 0 15px; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 { border: none; margin-top: 0; padding: 0; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item { border: none; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .head, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .head { display: none; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body { display: block; margin: 0; padding: 0; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList { width: 100%; border-bottom: 1px solid #d4d5d5; border-left: 1px solid #d4d5d5; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList caption, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList caption, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList caption, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList caption { font-size: 14px; font-weight: bold; margin-bottom: 5px; text-align: left; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList caption .nowDepositTime, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList caption .nowRateTime, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList caption .nowDepositTime, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList caption .nowRateTime, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList caption .nowDepositTime, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList caption .nowRateTime, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList caption .nowDepositTime, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList caption .nowRateTime { font-size: 12px; display: block; font-weight: normal; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList.depositList, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList.depositList, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList.depositList, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList.depositList { margin-bottom: 25px; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList.rateList, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList.rateList, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList.rateList, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList.rateList { margin-bottom: 10px; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList th, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList th, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList th, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList th { background-color: #fafafa; font-size: 12px; font-weight: normal; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList th, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList td, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList th, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList td, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList th, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList td, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList th, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList td { padding: 10px; border-top: 1px solid #d4d5d5; border-right: 1px solid #d4d5d5; font-size: 12px; word-break: break-all; } .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList th .nowTTSValue, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList th .nowTTBValue, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList td .nowTTSValue, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList td .nowTTBValue, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList th .nowTTSValue, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList th .nowTTBValue, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList td .nowTTSValue, .simulatorTabs .tabExchange .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList td .nowTTBValue, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList th .nowTTSValue, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList th .nowTTBValue, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList td .nowTTSValue, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .rateList td .nowTTBValue, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList th .nowTTSValue, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList th .nowTTBValue, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList td .nowTTSValue, .simulatorTabs .tabForeign .content > .calc > .body .sheet .c-accordion-01 .item .body .depositList td .nowTTBValue { display: inline-block; } .simulatorTabs .tabExchange .content > .calc .updateRate, .simulatorTabs .tabExchange .content > .calc .resetbtn, .simulatorTabs .tabForeign .content > .calc .updateRate, .simulatorTabs .tabForeign .content > .calc .resetbtn { background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%); background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0); border: 1px solid #d4d5d5; border-radius: 24px; display: inline-block; padding: 6px 16px 4px 16px; position: relative; text-decoration: none; font-size: 12px; color: #555; } .simulatorTabs .tabExchange .content > .calc .updateRate:hover, .simulatorTabs .tabExchange .content > .calc .resetbtn:hover, .simulatorTabs .tabForeign .content > .calc .updateRate:hover, .simulatorTabs .tabForeign .content > .calc .resetbtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .simulatorTabs .tabExchange .content > .calc .calcBtnBox, .simulatorTabs .tabForeign .content > .calc .calcBtnBox { border-top: 1px solid #d4d5d5; background-color: #EEE; padding: 30px 0 30px; text-align: center; position: relative; } .simulatorTabs .tabExchange .content > .calc .calcBtnBox .errorNote, .simulatorTabs .tabForeign .content > .calc .calcBtnBox .errorNote { display: block; text-align: center; font-size: 12px; color: #e50000; top: 10px; left: 0; width: 100%; position: absolute; margin: 0; } .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn, .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn { border-radius: 60px; border: none; display: inline-block; position: relative; text-decoration: none; font-size: 24px; font-weight: bold; color: #FFF; text-align: center; width: 209px; line-height: 1; height: 60px; margin: 0; padding: 0; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); border-top: 1px solid #9f9f9f; border-bottom: 1px solid #191818; background: #605f5f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNWY1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #605f5f 0, #484747 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #605f5f), color-stop(100%, #484747)); background: -webkit-linear-gradient(top, #605f5f 0, #484747 100%); background: -o-linear-gradient(top, #605f5f 0, #484747 100%); background: -ms-linear-gradient(top, #605f5f 0, #484747 100%); background: linear-gradient(to bottom, #605f5f 0%, #484747 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#605f5f', endColorstr='#484747', GradientType=0); } .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn:hover, .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn:before, .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn:before { content: ''; width: 20px; height: 60px; display: inline-block; vertical-align: middle; background: url(/products/foreign_deposit/simulator/img/icon_calc_@2x.png) no-repeat left center; -moz-background-size: 20px 24px; -o-background-size: 20px 24px; -webkit-background-size: 20px 24px; background-size: 20px 24px; margin-right: 5px; margin-top: -4px; } .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn.loading:before, .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn.loading:before { background: url(/products/foreign_deposit/simulator/img/icon_loader_@2x.gif) no-repeat center center; -moz-background-size: 20px; -o-background-size: 20px; -webkit-background-size: 20px; background-size: 20px; } .simulatorTabs .tabExchange .content > .result, .simulatorTabs .tabForeign .content > .result { display: none; font-size: 16px; padding: 34px 5% 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .simulatorTabs .tabExchange .content > .result .c-heading3-01, .simulatorTabs .tabForeign .content > .result .c-heading3-01 { text-align: left; margin-top: 0 !important; margin-bottom: 22px !important; } .simulatorTabs .tabExchange .content > .result .reCalcBtn, .simulatorTabs .tabForeign .content > .result .reCalcBtn { margin-top: 20px; background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%); background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%); background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0); border: 1px solid #d4d5d5; border-radius: 24px; display: inline-block; padding: 6px 16px 4px 16px; position: relative; text-decoration: none; font-size: 12px; color: #555; } .simulatorTabs .tabExchange .content > .result .reCalcBtn:hover, .simulatorTabs .tabForeign .content > .result .reCalcBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .simulatorTabs .tabExchange .content > .result .inputedData, .simulatorTabs .tabForeign .content > .result .inputedData { margin-bottom: 65px; } .simulatorTabs .tabExchange .content > .result .inputedData .inputedDataTbl, .simulatorTabs .tabForeign .content > .result .inputedData .inputedDataTbl { text-align: left; width: 100%; font-size: 16px; } .simulatorTabs .tabExchange .content > .result .inputedData .inputedDataTbl th, .simulatorTabs .tabExchange .content > .result .inputedData .inputedDataTbl td, .simulatorTabs .tabForeign .content > .result .inputedData .inputedDataTbl th, .simulatorTabs .tabForeign .content > .result .inputedData .inputedDataTbl td { vertical-align: middle; text-align: left; border: 1px solid #d4d5d5; padding: 4px 12px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .inputedData .inputedDataTbl th, .simulatorTabs .tabForeign .content > .result .inputedData .inputedDataTbl th { white-space: nowrap; background-color: #eee; } .simulatorTabs .tabExchange .content > .result .inputedData .inputedDataTbl td, .simulatorTabs .tabForeign .content > .result .inputedData .inputedDataTbl td { text-align: left; } .simulatorTabs .tabExchange .content > .result .simulated .wrap, .simulatorTabs .tabForeign .content > .result .simulated .wrap { background-color: #eee; padding: 30px 24px; border: 1px solid #d4d5d5; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .unit { font-weight: normal; margin-left: 10px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap dl, .simulatorTabs .tabForeign .content > .result .simulated .wrap dl { font-size: 0; margin: 0 !important; } .simulatorTabs .tabExchange .content > .result .simulated .wrap dl dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap dl dt { display: inline-block; vertical-align: middle; width: 50%; text-align: left; } .simulatorTabs .tabExchange .content > .result .simulated .wrap dl dt .note, .simulatorTabs .tabForeign .content > .result .simulated .wrap dl dt .note { font-size: 12px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap dl dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap dl dd { display: inline-block; vertical-align: middle; width: 50%; text-align: right; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dt { font-size: 28px; font-weight: bold; padding: 10px 0 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dt .note, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dt .note { top: -1.2em; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dd { color: #eb7000; font-weight: bold; font-size: 28px; width: 50%; padding: 10px 0 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dd .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dd .unit { font-size: 20px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dd .sign, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dd .sign { margin-right: 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options { border-top: 1px solid #CCC; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options dt { font-size: 16px; font-weight: normal; padding-left: 2em; padding: 10px 0 0; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options dd { color: #555; font-size: 16px; font-weight: normal; padding: 10px 0 0; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options dd .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options dd .unit { font-size: 16px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options dd .sign, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options dd .sign { margin-right: 3px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield { margin: 40px 0 !important; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield dt { font-size: 20px; font-weight: bold; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield dd { font-size: 20px; width: 50%; font-weight: bold; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield dd .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield dd .unit { font-size: 15px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield dd .sign, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield dd .sign { margin-right: 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult { margin-bottom: 40px !important; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult dl, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl { padding-top: 10px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult dl dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl dt { font-size: 20px; font-weight: bold; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult dl dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl dd { font-size: 20px; width: 50%; font-weight: bold; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult dl dd .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl dd .unit { font-size: 15px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options { padding-top: 0; border-bottom: 1px solid #CCC; padding-bottom: 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options dt { font-size: 16px; font-weight: normal; padding-bottom: 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options dt .note, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options dt .note { top: -0.2em; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options dd { font-size: 16px; font-weight: normal; padding-bottom: 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap p.note, .simulatorTabs .tabForeign .content > .result .simulated .wrap p.note { color: #888; font-size: 12px; text-align: left; } .simulatorTabs .tabExchange .content > .result .simulated .reCalcBtn, .simulatorTabs .tabForeign .content > .result .simulated .reCalcBtn { display: none; } .simulatorTabs .tabExchange .content > .result .terningPoint, .simulatorTabs .tabForeign .content > .result .terningPoint { margin-top: 65px; } .simulatorTabs .tabExchange .content > .result .terningPoint .reCalcBtn, .simulatorTabs .tabForeign .content > .result .terningPoint .reCalcBtn { display: none; } .simulatorTabs .tabExchange .content > .result .terningPoint .zero, .simulatorTabs .tabForeign .content > .result .terningPoint .zero { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #EEE; font-size: 0; display: table; width: 100%; } .simulatorTabs .tabExchange .content > .result .terningPoint .zero dt, .simulatorTabs .tabForeign .content > .result .terningPoint .zero dt { display: table-cell; vertical-align: middle; width: 70%; font-size: 16px; text-align: left; } .simulatorTabs .tabExchange .content > .result .terningPoint .zero dd, .simulatorTabs .tabForeign .content > .result .terningPoint .zero dd { display: table-cell; vertical-align: middle; width: 30%; text-align: right; color: #eb7000; font-size: 14px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .terningPoint .zero dd .ttb, .simulatorTabs .tabForeign .content > .result .terningPoint .zero dd .ttb { font-size: 24px; font-weight: bold; margin: 0 5px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList { margin-bottom: 45px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .reCalcBtn, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .reCalcBtn { display: none; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .header, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .header { font-weight: bold; border-top: 1px solid #CCC; background-color: #EEE; font-size: 0; display: table; width: 100%; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .header .label, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .header .label { font-weight: bold; font-size: 16px; line-height: 1.2; text-align: center; padding: 10px 0; width: 25%; display: table-cell; vertical-align: middle; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .header .label span, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .header .label span { font-size: 12px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 { border: none; border-bottom: 1px solid #CCC; margin: 0 !important; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item { width: 100%; overflow: hidden; *zoom: 1; border: none; border-top: 1px solid #CCC; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head { width: 100%; background-color: transparent !important; height: 65px; padding: 0 !important; margin: 0 !important; overflow: hidden; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell { float: right; width: 25%; height: 65px; font-size: 0; display: table; /*&:after{ content:''; display:inline-block; vertical-align: middle; height:65px; }*/ } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell:first-child, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell:first-child { float: left; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb { display: table-cell; vertical-align: middle; text-align: center; width: 100%; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y { font-size: 28px; font-weight: bold; color: #eb7000; display: inline-block; vertical-align: middle; width: 40%; text-align: right; word-break: break-all; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .sign, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .sign { font-size: 22px; font-weight: normal; margin-right: 1px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .unit { font-size: 17px; font-weight: normal; margin-left: 2px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb ul, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb ul { list-style: none; display: inline-block; vertical-align: middle; width: 60%; padding-left: 0 !important; margin: 0 !important; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb ul li, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb ul li { margin-left: 10px; font-size: 12px; text-align: left; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .p, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .p { color: #e50000; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .m, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .m { color: #0895dc; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation { display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; font-weight: bold; width: 100%; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .sign, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .sign { margin-right: 1px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .unit { margin-left: 3px; font-size: 15px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:before, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:after, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:before, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:after { visibility: hidden; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:hover, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:hover { cursor: default; background-color: transparent !important; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body { width: 100%; padding: 0 25%; height: 65px; margin: -65px auto 0 auto; font-size: 0; z-index: 10; position: relative; display: table; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEHAAEALAAAAAABAAEAAAICTAEAOw==); } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap { text-align: center; width: 50%; height: 65px; display: table-cell; vertical-align: middle; /*&:after{ content:''; display:inline-block; vertical-align: middle; height:65px; }*/ } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .label, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .label { display: none; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield { font-size: 16px; /*&:after{ content:''; display:inline-block; vertical-align: middle; height:65px; }*/ } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund .unit, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield .unit { margin-left: 3px; font-size: 14px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine { background: url(/products/foreign_deposit/simulator/img/line_orange_@2x.png) repeat-x; -moz-background-size: 16px 4px; -o-background-size: 16px 4px; -webkit-background-size: 16px 4px; background-size: 16px 4px; padding-top: 4px; border: none; position: relative; overflow: visible !important; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine:after, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine:after { content: '損益分岐点'; font-size: 12px; position: absolute; top: 0; right: -20px; display: block; font-weight: bold; line-height: 1; color: #eb7000; width: 1em; margin-top: -2.5em; } .simulatorTabs .tabExchange.tabForeign .content > .calc > .body .input dl dd .inputDate.inputForm, .simulatorTabs .tabForeign.tabForeign .content > .calc > .body .input dl dd .inputDate.inputForm { display: block; } .simulatorTabs .tabExchange.tabForeign .content > .calc > .body .input dl dd .inputTTB.inputForm, .simulatorTabs .tabForeign.tabForeign .content > .calc > .body .input dl dd .inputTTB.inputForm { display: inline-block; } .simulatorTabs .tabExchange.tabForeign .content > .result .simulated, .simulatorTabs .tabForeign.tabForeign .content > .result .simulated { margin-bottom: 40px; } .simulatorTabs .tabExchange.tabForeign .content > .result .simulated .wrap .foreignResult, .simulatorTabs .tabForeign.tabForeign .content > .result .simulated .wrap .foreignResult { margin-top: 50px; font-size: 16px; } .simulatorTabs .tabExchange.tabForeign .content > .result .simulated .wrap .foreignResult dl dt, .simulatorTabs .tabExchange.tabForeign .content > .result .simulated .wrap .foreignResult dl dd, .simulatorTabs .tabForeign.tabForeign .content > .result .simulated .wrap .foreignResult dl dt, .simulatorTabs .tabForeign.tabForeign .content > .result .simulated .wrap .foreignResult dl dd { font-weight: normal; font-size: 16px; } .simulatorTabs + .c-noteList-03 { margin-top: 0; } .relatedInfomation section { display: none; } .loginInfomation { margin-top: 54px; border: 1px solid #d4d5d5; background-color: #eeeeee; padding: 30px 0; text-align: center; } .loginInfomation.hide { display: none; } .loginInfomation .c-heading4-01 { margin-top: 0; } .alertWindow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .alertWindow .bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .alertWindow .window { position: absolute; top: 50%; left: 50%; background-color: #FFF; width: 546px; height: 377px; margin: -188px 0 0 -273px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; font-size: 0; -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); display: table; } .alertWindow .window > .wrap { display: table-cell; vertical-align: middle; width: 546px; height: 377px; } .alertWindow .window > .wrap p { font-size: 18px; font-weight: bold; line-height: 1.5; margin-bottom: 38px; } .alertWindow .window > .wrap p .spbr { display: none; } .alertWindow .window > .wrap p:before { content: ''; display: block; width: 100%; height: 140px; background: url(/products/foreign_deposit/simulator/img/icon_alert_@2x.png) no-repeat center top; -moz-background-size: 100px; -o-background-size: 100px; -webkit-background-size: 100px; background-size: 100px; } .alertWindow .window > .wrap .okBtn { color: #fff; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); background: #ed7b00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkN2IwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzY0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ed7b00 0, #e76400 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed7b00), color-stop(100%, #e76400)); background: -webkit-linear-gradient(top, #ed7b00 0, #e76400 100%); background: -o-linear-gradient(top, #ed7b00 0, #e76400 100%); background: -ms-linear-gradient(top, #ed7b00 0, #e76400 100%); background: linear-gradient(to bottom, #ed7b00 0%, #e76400 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed7b00',endColorstr='#e76400',GradientType=0); padding: 12px 0 11px; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; border: 0; text-decoration: none; font-weight: bold; font-size: 16px; text-align: center; width: 176px; margin-right: 30px; } .alertWindow .window > .wrap .okBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .alertWindow .window > .wrap .cancelBtn { color: #fff; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); background: #605f5f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNWY1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #605f5f 0, #484747 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #605f5f), color-stop(100%, #484747)); background: -webkit-linear-gradient(top, #605f5f 0, #484747 100%); background: -o-linear-gradient(top, #605f5f 0, #484747 100%); background: -ms-linear-gradient(top, #605f5f 0, #484747 100%); background: linear-gradient(to bottom, #605f5f 0%, #484747 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#605f5f',endColorstr='#484747',GradientType=0); padding: 12px 0 11px; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; border: 0; font-weight: bold; font-size: 16px; text-align: center; width: 176px; } .alertWindow .window > .wrap .cancelBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .alertWindow.show { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .alertWindow.show .window { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .ie8 .simulatorTabs .customSelect span { background: url(/assets/img/arrows_08.png) no-repeat; background-position: 100% 0; } .ie8 .simulatorTabs .tabExchange .content:before { background-image: url(/assets/img/marker_09.png); } .ie8 .simulatorTabs .tabForeign .content:before { background-image: url(/assets/img/marker_09.png); } .ie8 .simulatorTabs .tabExchange ul.exchange, .ie8 .simulatorTabs .tabForeign ul.exchange { background: url(/products/foreign_deposit/simulator/img/arrow_low.png) no-repeat center center #eeeeee; } .ie8 .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .editbtn:after, .ie8 .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .editbtn:after { background: url(/products/foreign_deposit/simulator/img/icon_edit_low.png) no-repeat center center; } .ie8 .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.edit .editbtn:after, .ie8 .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.edit .editbtn:after { background: url(/products/foreign_deposit/simulator/img/icon_back_low.png) no-repeat center center; } .ie8 .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn:before, .ie8 .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn:before { background: url(/products/foreign_deposit/simulator/img/icon_calc_low.png) no-repeat left center; } .ie8 .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn.loading:before, .ie8 .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn.loading:before { background: url(/products/foreign_deposit/simulator/img/icon_loader_low.gif) no-repeat center center; } .ie8 .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine, .ie8 .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine { background: url(/products/foreign_deposit/simulator/img/line_orange_low.png) repeat-x; } .ie8 .alertWindow .window > .wrap p:before { background: url(/products/foreign_deposit/simulator/img/icon_alert_low.png) no-repeat center top; } @media only screen and (max-width: 768px) { .simulatorTabs .tabExchange .content .calc > .body .input, .simulatorTabs .tabForeign .content .calc > .body .input { width: 100%; display: block; border-right: none; } .simulatorTabs .tabExchange .content .calc > .body .input > .wrap, .simulatorTabs .tabForeign .content .calc > .body .input > .wrap { margin: 0; padding: 15px 10px 0; } .simulatorTabs .tabExchange .content .calc > .body .sheet, .simulatorTabs .tabForeign .content .calc > .body .sheet { width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 20px; font-size: 12px; } .simulatorTabs .tabExchange .content .calc > .body .sheet > .wrap, .simulatorTabs .tabForeign .content .calc > .body .sheet > .wrap { margin: 0 12px 0; } .simulatorTabs .tabExchange .content .calc > .body .sheet .c-accordion-01, .simulatorTabs .tabForeign .content .calc > .body .sheet .c-accordion-01 { border-top: 1px solid #d4d5d5; border-bottom: 1px solid #d4d5d5; } .simulatorTabs .tabExchange .content .calc > .body .sheet .c-accordion-01 .item .head, .simulatorTabs .tabForeign .content .calc > .body .sheet .c-accordion-01 .item .head { display: block; } .simulatorTabs .tabExchange .content .calc > .body .sheet .c-accordion-01 .item .body, .simulatorTabs .tabForeign .content .calc > .body .sheet .c-accordion-01 .item .body { display: none; text-align: center; } .simulatorTabs .tabExchange .content .calc > .body .sheet .c-accordion-01 .item .body table, .simulatorTabs .tabForeign .content .calc > .body .sheet .c-accordion-01 .item .body table { text-align: left; } .simulatorTabs .tabExchange .content .calc > .body .sheet .c-accordion-01 .item .body .updateRate, .simulatorTabs .tabForeign .content .calc > .body .sheet .c-accordion-01 .item .body .updateRate { margin-bottom: 20px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList { margin-bottom: 45px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .header, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .header { font-weight: bold; border-top: 1px solid #CCC; background-color: #EEE; font-size: 0; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .header .label, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .header .label { font-weight: bold; font-size: 14px; padding: 15px 0; line-height: 1.2; text-align: center; width: 50%; display: inline-block; vertical-align: middle; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .header .label.sub, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .header .label.sub { display: none; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 { border: none; border-bottom: 1px solid #CCC; margin: 0 !important; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item { width: 100%; overflow: hidden; *zoom: 1; border: none; border-top: 1px solid #CCC; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head { height: 45px; overflow: hidden; *zoom: 1; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell { width: 50%; font-size: 0; height: 45px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y { font-size: 22px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .sign, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .sign { font-size: 14px; font-weight: normal; margin-right: 1px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .unit { font-size: 12px; font-weight: normal; margin-left: 1px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb ul li, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb ul li { font-size: 12px; text-align: left; font-weight: normal; white-space: nowrap; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation { font-size: 16px; font-weight: bold; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .sign, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .sign { margin-right: 1px; font-size: 12px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .unit { margin-left: 3px; font-size: 12px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:before, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:after, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:before, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:after { visibility: visible; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:hover, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head:hover { cursor: pointer; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body { width: 100%; margin: 0; height: auto; font-size: 0; background-color: #EEE; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; border-top: 1px solid #CCC; display: none; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap { text-align: left; width: 100%; display: block; padding: 12px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .label, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .label { display: block; font-size: 14px; font-weight: bold; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield { font-size: 14px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund .unit, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield .unit { margin-left: 3px; font-size: 14px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund.yield, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield.yield, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .refund.yield, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body > .wrap .yield.yield { padding-bottom: 12px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine:after, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine:after { display: none; } } @media only screen and (max-width: 640px) { .c-ground-01 .c-heading2-01 h2 span { letter-spacing: -1px; } .simulatorTabs { border-left: none; border-right: none; border-bottom: none; margin: 10px -10px 30px; } .simulatorTabs ul.tab li a { text-align: left; font-size: 14px; line-height: 1.2; padding: 15px 0 15px 10px; } .simulatorTabs ul.tab li a br { display: block; } .simulatorTabs .tabExchange ul.exchange, .simulatorTabs .tabForeign ul.exchange { padding-top: 42px; background-image: none; text-align: center; } .simulatorTabs .tabExchange ul.exchange li, .simulatorTabs .tabForeign ul.exchange li { width: auto; padding: 0; vertical-align: top; } .simulatorTabs .tabExchange ul.exchange li:first-child, .simulatorTabs .tabForeign ul.exchange li:first-child { padding: 0; margin-right: 10px; } .simulatorTabs .tabExchange ul.exchange li .yen, .simulatorTabs .tabExchange ul.exchange li .currency, .simulatorTabs .tabForeign ul.exchange li .yen, .simulatorTabs .tabForeign ul.exchange li .currency { font-size: 14px; line-height: 1; width: auto; text-align: center; display: block; margin-bottom: 5px; margin-top: -19px; } .simulatorTabs .tabExchange ul.exchange li .flg, .simulatorTabs .tabForeign ul.exchange li .flg { max-width: inherit; vertical-align: top; padding: 3px 0; width: auto; } .simulatorTabs .tabExchange ul.exchange li .flg img, .simulatorTabs .tabForeign ul.exchange li .flg img { width: 50px; height: auto; } .simulatorTabs .tabExchange ul.exchange li .flg.inputCurrencyFlg, .simulatorTabs .tabForeign ul.exchange li .flg.inputCurrencyFlg { margin-right: 10px; } .simulatorTabs .tabExchange ul.exchange li .flg.inputCurrencyFlg:before, .simulatorTabs .tabForeign ul.exchange li .flg.inputCurrencyFlg:before { content: ''; display: inline-block; vertical-align: middle; background: url(/products/foreign_deposit/simulator/img/arrow_@2x.png); -moz-background-size: 20px; -o-background-size: 20px; -webkit-background-size: 20px; background-size: 20px; width: 20px; height: 20px; margin-right: 10px; } .simulatorTabs .tabExchange ul.exchange li .inputCurrencyTo, .simulatorTabs .tabForeign ul.exchange li .inputCurrencyTo { width: auto; min-width: 125px; font-size: 14px; padding-left: 0; margin-left: 0; } .simulatorTabs .tabExchange ul.exchange li .inputCurrencyTo p.label, .simulatorTabs .tabForeign ul.exchange li .inputCurrencyTo p.label { font-size: 14px; line-height: 1; margin-bottom: 5px; margin-top: -19px; } .simulatorTabs .tabExchange ul.exchange li .inputCurrencyTo .hasCustomSelect, .simulatorTabs .tabForeign ul.exchange li .inputCurrencyTo .hasCustomSelect { font-size: 14px !important; } .simulatorTabs .tabExchange ul.exchange.inputed, .simulatorTabs .tabForeign ul.exchange.inputed { overflow: hidden; *zoom: 1; } .simulatorTabs .tabExchange ul.exchange.inputed li .yen, .simulatorTabs .tabForeign ul.exchange.inputed li .yen { width: auto; display: block; float: right; margin: 0 0 0 10px; line-height: 44px; } .simulatorTabs .tabExchange ul.exchange.inputed li .flg, .simulatorTabs .tabForeign ul.exchange.inputed li .flg { width: auto; display: block; float: left; } .simulatorTabs .tabExchange ul.exchange.inputed li .resultCurrencyTo, .simulatorTabs .tabForeign ul.exchange.inputed li .resultCurrencyTo { font-size: 14px; width: auto; display: block; float: right; line-height: 44px; } .simulatorTabs .tabExchange ul.exchange.inputed li .inputCurrencyFlg, .simulatorTabs .tabForeign ul.exchange.inputed li .inputCurrencyFlg { width: auto; display: block; float: left; } .simulatorTabs .tabExchange.tabForeign .inputed .currency, .simulatorTabs .tabForeign.tabForeign .inputed .currency { float: right; margin: 0 0 0 10px; line-height: 44px; } .simulatorTabs .tabExchange .content, .simulatorTabs .tabForeign .content { padding: 0; margin: 0; } .simulatorTabs .tabExchange .content > .calc, .simulatorTabs .tabForeign .content > .calc { border-bottom: 1px solid #CCC; } .simulatorTabs .tabExchange .content > .calc > .body .input, .simulatorTabs .tabForeign .content > .calc > .body .input { width: 100%; display: block; border-right: none; } .simulatorTabs .tabExchange .content > .calc > .body .input > .wrap, .simulatorTabs .tabForeign .content > .calc > .body .input > .wrap { margin: 0; padding: 15px 10px 0; } .simulatorTabs .tabExchange .content > .calc > .body .input dl, .simulatorTabs .tabForeign .content > .calc > .body .input dl { display: block; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt { display: block; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt strong, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt strong { font-size: 20px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top .label:after, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top .label:after { content: none; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top + dd, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top + dd { height: 98px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd { -moz-transition: height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-size: 16px; display: block; text-align: left; overflow: hidden; position: relative; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd input[type="text"], .simulatorTabs .tabForeign .content > .calc > .body .input dl dd input[type="text"] { width: 90%; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate { width: 85%; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .yearBox, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .yearBox { display: block; margin-bottom: 10px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .yearBox .selectWrapper, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .yearBox .selectWrapper { width: 90%; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .yearBox .selectWrapper .year, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .yearBox .selectWrapper .year { margin-left: 0 !important; width: 100% !important; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .monthBox, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .dayBox, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .monthBox, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .dayBox { width: 50%; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .monthBox .selectWrapper, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .dayBox .selectWrapper, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .monthBox .selectWrapper, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .dayBox .selectWrapper { width: 80%; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .monthBox .selectWrapper .month, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .monthBox .selectWrapper .day, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .dayBox .selectWrapper .month, .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputDate .dayBox .selectWrapper .day, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .monthBox .selectWrapper .month, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .monthBox .selectWrapper .day, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .dayBox .selectWrapper .month, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate .dayBox .selectWrapper .day { margin-left: 0 !important; width: 100% !important; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputRateCtrl, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputRateCtrl { margin-bottom: 10px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputResultTTB, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputResultTTB { position: relative; left: 0; right: 0; bottom: 0; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputTerm, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputTerm { max-width: 100% !important; left: 0; top: 0; margin: 0; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .inputChangeRateSelect, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputChangeRateSelect { max-width: 100% !important; left: 0; top: 0; margin: 0; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .editbtn, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .editbtn { width: 30px; height: 30px; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .editbtn:after, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .editbtn:after { width: 28px; height: 28px; background: url(/products/foreign_deposit/simulator/img/icon_edit_@2x.png) no-repeat center center; -moz-background-size: 30px; -o-background-size: 30px; -webkit-background-size: 30px; background-size: 30px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.edit .editbtn:after, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.edit .editbtn:after { background: url(/products/foreign_deposit/simulator/img/icon_back_@2x.png) no-repeat center center; -moz-background-size: 30px; -o-background-size: 30px; -webkit-background-size: 30px; background-size: 30px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top + dd.edit, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top + dd.edit { height: 44px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.dateBox, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.dateBox { height: 44px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.edit.dateBox, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.edit.dateBox { height: 98px; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd.error .errorNote, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd.error .errorNote { position: relative; top: auto; left: auto; bottom: auto; right: auto; margin-top: 10px; text-align: left; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top + dd.error, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top + dd.error { height: auto; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top + dd.error .errorNote, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top + dd.error .errorNote { top: auto; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dt.top + dd.edit.error .errorNote, .simulatorTabs .tabForeign .content > .calc > .body .input dl dt.top + dd.edit.error .errorNote { top: auto; } .simulatorTabs .tabExchange .content > .calc > .body .input dl + .resetbtn, .simulatorTabs .tabForeign .content > .calc > .body .input dl + .resetbtn { margin-top: 0; } .simulatorTabs .tabExchange .content > .calc > .body .sheet, .simulatorTabs .tabForeign .content > .calc > .body .sheet { padding: 0 0 20px; } .simulatorTabs .tabExchange .content > .calc > .body .sheet > .wrap, .simulatorTabs .tabForeign .content > .calc > .body .sheet > .wrap { padding: 0 10px 0; } .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn:before, .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn:before { width: 20px; height: 56px; background: url(/products/foreign_deposit/simulator/img/icon_calc_@2x.png) no-repeat left center; -moz-background-size: 18px 21px; -o-background-size: 18px 21px; -webkit-background-size: 18px 21px; background-size: 18px 21px; } .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn.loading:before, .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn.loading:before { background: url(/products/foreign_deposit/simulator/img/icon_loader_@2x.gif) no-repeat center center; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; } .simulatorTabs .tabExchange .content > .result .inputedData, .simulatorTabs .tabForeign .content > .result .inputedData { margin-bottom: 35px; } .simulatorTabs .tabExchange .content > .result .inputedData .inputedDataTbl th, .simulatorTabs .tabForeign .content > .result .inputedData .inputedDataTbl th { white-space: normal; border-left: none; } .simulatorTabs .tabExchange .content > .result .inputedData .inputedDataTbl td, .simulatorTabs .tabForeign .content > .result .inputedData .inputedDataTbl td { border-right: none; } .simulatorTabs .tabExchange .content > .result .simulated, .simulatorTabs .tabForeign .content > .result .simulated { margin-bottom: 0; } .simulatorTabs .tabExchange .content > .result .simulated .reCalcBtn, .simulatorTabs .tabForeign .content > .result .simulated .reCalcBtn { display: inline-block; } .simulatorTabs .tabExchange .content > .result .simulated .wrap, .simulatorTabs .tabForeign .content > .result .simulated .wrap { padding: 20px 10px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap dl dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap dl dt { display: block; width: 100%; } .simulatorTabs .tabExchange .content > .result .simulated .wrap dl dt .note, .simulatorTabs .tabForeign .content > .result .simulated .wrap dl dt .note { font-size: 10px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap dl dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap dl dd { display: block; width: 100% !important; text-align: left; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dt { font-size: 20px; padding: 5px 0; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dt .note, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dt .note { top: -0.65em; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dd { font-size: 20px; padding: 5px 0; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dd .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dd .unit { font-size: 15px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult dl dd .sign, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult dl dd .sign { margin-right: 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options { border-top: 1px solid #CCC; padding-top: 3px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options dt { font-size: 14px; padding: 5px 0 0 1em; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options dd { font-size: 14px; padding: 0 0 0 1em; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options dd .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options dd .unit { font-size: 14px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenResult .options dd .sign, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenResult .options dd .sign { margin-right: 1px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield { margin: 25px 0 !important; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield dt { font-size: 16px; font-weight: bold; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield dd { font-size: 16px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield dd .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield dd .unit { font-size: 12px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .yenYield dd .sign, .simulatorTabs .tabForeign .content > .result .simulated .wrap .yenYield dd .sign { margin-right: 5px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult { margin-bottom: 30px !important; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult dl, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl { margin-top: 2px; padding: 0; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult dl dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl dt { font-size: 16px; font-weight: bold; padding: 0; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult dl dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl dd { font-size: 16px; font-weight: normal; padding: 0 0 5px 0; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult dl dd .unit, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl dd .unit { font-size: 12px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options + dl, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options + dl { padding-top: 7px; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options { padding-top: 0; margin-top: 0; border-bottom: 1px solid #CCC; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options dt { font-size: 14px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options dt .note, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options dt .note { top: -0.2em; } .simulatorTabs .tabExchange .content > .result .simulated .wrap .foreignResult .options dd, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult .options dd { font-size: 14px; font-weight: normal; } .simulatorTabs .tabExchange .content > .result .simulated .wrap p.note, .simulatorTabs .tabForeign .content > .result .simulated .wrap p.note { font-size: 12px; } .simulatorTabs .tabExchange .content > .result .terningPoint, .simulatorTabs .tabForeign .content > .result .terningPoint { margin-top: 35px; } .simulatorTabs .tabExchange .content > .result .terningPoint .reCalcBtn, .simulatorTabs .tabForeign .content > .result .terningPoint .reCalcBtn { display: inline-block; } .simulatorTabs .tabExchange .content > .result .terningPoint .zero, .simulatorTabs .tabForeign .content > .result .terningPoint .zero { border: 1px solid #CCC; padding: 10px; } .simulatorTabs .tabExchange .content > .result .terningPoint .zero dt, .simulatorTabs .tabForeign .content > .result .terningPoint .zero dt { display: block; width: 100%; font-size: 16px; } .simulatorTabs .tabExchange .content > .result .terningPoint .zero dd, .simulatorTabs .tabForeign .content > .result .terningPoint .zero dd { margin-top: 15px; display: block; width: 100%; text-align: left; font-size: 14px; } .simulatorTabs .tabExchange .content > .result .terningPoint .zero dd .ttb, .simulatorTabs .tabForeign .content > .result .terningPoint .zero dd .ttb { font-size: 20px; font-weight: bold; margin: 0 5px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList { margin-bottom: 0; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .header .label, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .header .label { width: 65%; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .header .label:first-child, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .header .label:first-child { width: 35%; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell { width: 65%; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell:first-child, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell:first-child { width: 35%; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y { font-size: 14px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .sign, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .sign, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb .y .unit { font-size: 12px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb ul li, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .ttb ul li { font-size: 10px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation { font-size: 12px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .sign, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .sign, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .head .cell .fluctuation .unit { font-size: 12px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .label, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .label { font-size: 10px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .refund, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .yield, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .refund, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .yield { font-size: 10px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .refund .unit, .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .yield .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .refund .unit, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body .wrap .yield .unit { font-size: 10px; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item.terningLine { background: url(/products/foreign_deposit/simulator/img/line_orange_@2x.png) repeat-x; -moz-background-size: 16px 4px; -o-background-size: 16px 4px; -webkit-background-size: 16px 4px; background-size: 16px 4px; } .simulatorTabs .tabForeign .content > .calc > .body .input dl dd input[type="text"] { width: 75%; } .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .inputDate { width: 97%; } .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult { margin-top: 25px !important; margin-bottom: 20px !important; font-size: 14px; } .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl dt, .simulatorTabs .tabForeign .content > .result .simulated .wrap .foreignResult dl dd { font-weight: normal; font-size: 14px; } .simulatorTabs .tabForeign .content > .result .simulated .reCalcBtn { display: inline-block; margin-bottom: 33px; } .relatedInfomation .c-btn-01 { width: 100% !important; display: block !important; } .loginInfomation { margin-top: 25px; padding: 20px 0 18px; text-align: center; } .loginInfomation .c-heading4-01 { margin-top: 0; } .alertWindow .window { width: 280px; height: 290px; margin: -145px 0 0 -140px; } .alertWindow .window > .wrap { width: 280px; height: 290px; } .alertWindow .window > .wrap p { font-size: 14px; margin-bottom: 10px; } .alertWindow .window > .wrap p .spbr { display: block; } .alertWindow .window > .wrap p:before { content: ''; display: block; width: 100%; height: 100px; background: url(/products/foreign_deposit/simulator/img/icon_alert_@2x.png) no-repeat center top; -moz-background-size: 80px; -o-background-size: 80px; -webkit-background-size: 80px; background-size: 80px; } .alertWindow .window > .wrap .okBtn { width: 112px; margin-right: 12px; } .alertWindow .window > .wrap .cancelBtn { width: 112px; } } @media only screen and (min-width: 769px) { .simulatorTabs .tabExchange .content > .calc .sheet .c-accordion-01 .item .head, .simulatorTabs .tabForeign .content > .calc .sheet .c-accordion-01 .item .head { display: none !important; } .simulatorTabs .tabExchange .content > .calc .sheet .c-accordion-01 .item .body, .simulatorTabs .tabForeign .content > .calc .sheet .c-accordion-01 .item .body { display: block !important; } .simulatorTabs .tabExchange .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body, .simulatorTabs .tabForeign .content > .result .terningPoint .terningPointList .c-accordion-01 .item .body { display: table !important; } } .ie9 .simulatorTabs .customSelect { filter: none; } .ie9 .simulatorTabs ul.tab li a { filter: none; } .ie9 .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .editbtn, .ie9 .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .editbtn { filter: none; } .ie9 .simulatorTabs .tabExchange .content > .calc .updateRate, .ie9 .simulatorTabs .tabExchange .content > .calc .resetbtn, .ie9 .simulatorTabs .tabForeign .content > .calc .updateRate, .ie9 .simulatorTabs .tabForeign .content > .calc .resetbtn { filter: none; } .ie9 .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn, .ie9 .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn { filter: none; } .ie9 .simulatorTabs .tabExchange .content > .result .reCalcBtn, .ie9 .simulatorTabs .tabForeign .content > .result .reCalcBtn { filter: none; } .ie9 .alertWindow .window > .wrap .okBtn, .ie9 .alertWindow .window > .wrap .cancelBtn { filter: none; } @media only screen and (max-width: 1024px) { .simulatorTabs ul.tab li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .simulatorTabs ul.tab li.select a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .simulatorTabs .tabExchange .content > .calc > .body .input dl dd .editbtn:hover, .simulatorTabs .tabForeign .content > .calc > .body .input dl dd .editbtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .simulatorTabs .tabExchange .content > .calc .updateRate:hover, .simulatorTabs .tabExchange .content > .calc .resetbtn:hover, .simulatorTabs .tabForeign .content > .calc .updateRate:hover, .simulatorTabs .tabForeign .content > .calc .resetbtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .simulatorTabs .tabExchange .content > .calc .calcBtnBox .calcBtn:hover, .simulatorTabs .tabForeign .content > .calc .calcBtnBox .calcBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .simulatorTabs .tabExchange .content > .result .reCalcBtn:hover, .simulatorTabs .tabForeign .content > .result .reCalcBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .alertWindow .window > .wrap .okBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .alertWindow .window > .wrap .cancelBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }