/* BASIC
--------------------------------------------------------- */
html { overflow-y: scroll; }

body { color: black; min-width: 320px; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

a { color: #eb7000; text-decoration: underline; }

a:hover { color: #eb7000; text-decoration: none; }

a:visited { color: #eb7000; }

::-moz-selection { background: #ffab4f; color: white; text-shadow: none; }

::selection { background: #ffab4f; color: white; text-shadow: none; }

a:link { -webkit-tap-highlight-color: rgba(238, 163, 33, 0.45); }

/* CONTENTS
--------------------------------------------------------- */
#header { background-color: #f4f5f8; width: 100%; }
#header header { padding: 15px; }
#header header h1 { font-size: 108%; display: table; }
#header header h1 span { display: table-cell; vertical-align: top; }
#header header h1 span img { margin-right: 15px; }

h2 { font-size: 120%; line-height: 0; color: #e96a02; }
h3 { margin: 0.9em 15px 0.7em; font-size: 108%; line-height: 1.5; padding-bottom: 10px; border-bottom: 1px solid #dcdee0; }
h4 { margin: 0.9em 15px 0.3em; font-size: 100%; line-height: 1.5; }
h5 { margin: 0.9em 15px 0.3em; font-size: 100%; line-height: 1.3; color: #e96a02; }
h6 { margin: 0.9em 15px 0.3em; font-size: 108%; line-height: 1.3; } 

p { font-size: 90%; line-height: 1.7; margin: 0 15px; }
p.left-indent { border-left: 1px solid #dcdee0; padding-left: 10px; text-indent: 0; padding-bottom: 8px; }

.btn-anchor { background-color: #f5d328; -moz-border-radius: 8px; border-radius: 8px; color: #000 !important; display: block; height: 3em; line-height: 3em; font-weight: bold; text-decoration: none; margin: 15px 15px 25px; background-image: url(../images/profes-btn-arw.png); background-position: 96% center; background-repeat: no-repeat; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; padding-left: 15px; }

.btn-link { background-color: #eb4028; -moz-border-radius: 8px; border-radius: 8px; color: #fff !important; display: block; height: 2.8em; line-height: 2.8em; font-weight: bold; text-decoration: none; margin: 0px 15px 15px; background-image: url(../images/jbnbank-btn-arw2.png); background-position: 96% center; background-repeat: no-repeat; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; padding-left: 15px; font-size: 108%; text-align: center; }

.txt-01 { font-size: 90%; line-height: 1.7; margin: 0 15px; }
.txt-02 { font-size: 100%; line-height: 1.7; margin: 0 0px; }
.txt-03 { font-size: 100%; line-height: 1.7; margin: 0 15px; font-weight: bold; text-align: center; }

.img-paragraph01 { clear: both; }
.img-paragraph01 img { width: 36%; float: left; margin: 8px 10px 8px 0; }

.img-paragraph02 { clear: both; }
.img-paragraph02 img { width: 50%; float: left; margin: 8px 10px 8px 0; }

.img-paragraph03 { clear: both; display: table; width: 90%; position: relative; text-indent: 0; }
.img-paragraph03 span { display: table-cell; width: 50%; vertical-align: bottom; line-height: 1.5; }
.img-paragraph03 span img { width: 98%; height: auto; padding-right: 10px; }
.img-paragraph03 span em { display: inline-block; font-size: 80%; padding-bottom: 2px; }

.img-paragraph04 { font-size: 90%; line-height: 1.7; margin: 0 15%; }

.img-l { margin: 15px 0; }
.img-l img { width: 100%; height: auto; }

.img-m { text-align: center; width: 100%; display: block; padding: 10px 15px; }
.img-m img { width: 100%; height: auto; }

.img-cv { margin: 10px 0px; }
.img-cv img { width: 100%; padding: 5px 5px; }

.img-privilege { text-align: center; width: 100%; display: block; padding: 0px 15px; }
.img-privilege img { width: 100%; height: auto; }

.sublink-list { margin-top: 25px; }
.sublink-list li { border-bottom: 1px solid #FFF; }
.sublink-list li a { display: block; width: 100%; background: #dcdee0 url(../images/profes-btn-arw3.png) no-repeat; background-position: 96% center; -webkit-background-size: 14px auto; -moz-background-size: 14px auto; background-size: 14px auto; color: #000 !important; text-decoration: none; font-weight: normal; padding: 15px 0 15px 15px; }

.caption { font-size: 90%; line-height: 1.7; }
.caption2 { font-size: 80%; line-height: 1.7; }
.caption3 { font-size: 70%; line-height: 1.7; padding: 0 15px; }

.link { font-size: 80%; text-align: center; padding-top: 0px; padding-bottom: 20px; }
.link span { font-size: 84%; }

.step { background-color: #fff7f0; -moz-border-radius: 8px; border-radius: 8px; margin: 0px 20px 15px; padding: 20px 5px 20px;  }

ul { margin: 0 15px; }
li { font-size: 90%; line-height: 1.7; margin: 10px 15px; list-style-type: disc; }

.start { text-align: center; margin: 10px 0px 10px 0px; font-size: 100%; line-height: 1.5; }
.conversion { text-align: center; margin: 10px 0px 10px 0px; font-size: 100%; line-height: 1.5; font-weight: bold; }
.annotation { margin: 0 15px 10px; font-size: 70%; line-height: 1.5; }
.annotation2 { margin: 15px 15px 0px; font-size: 80%; font-weight: bold; line-height: 1.5; }
.annotation3 { margin: 0 15px 0px; font-size: 80%; line-height: 1.5; color: #e96a02; }
.annotation4 { margin: 15px 15px 0.3em; font-size: 80%; font-weight: bold; line-height: 1.5; color: #e96a02; }
.anchor { margin: 10px 15px 10px; font-size: 90%; line-height: 1.5;  text-align: right;}
.deficit { color: #ff0000; }
.lank { text-align: center; }
.heading { margin: 0.6em 15px 0.3em; font-size: 90%; line-height: 1.5; padding: 5px 0px; border-top:1px solid #CCC; border-bottom:1px solid #CCC }

#cv { background-color: #fbe2ce; width: 100%; padding: 2px; margin: 20px 0px 20px 0px; }

.orange { font-weight:bold; color:#e96a02 !important;  }

.ac-container1 label { margin: 20px 0px 0px 0px; padding: 10px 20px; position: relative; z-index: 20; display: block; color: #ffffff; font-weight: bold; font-size: 100%; background: #e96a02 url(../images/arrow_down0.png) no-repeat center right; box-shadow: 0px 0px 0px 1px #eeeeee, 0px 2px 2px #dddddd; }
.ac-container1 label:hover { background: #c35205; }
.ac-container1 input:checked + label,
.ac-container1 input:checked + label:hover { background: #e96a02; color: #ffffff; box-shadow: 0px 0px 0px 1px #eeeeee, 0px 2px 2px #dddddd; }
.ac-container1 label:hover:after,
.ac-container1 input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 15px; top: 12px; background: transparent url(../images/arrow_down.png) no-repeat center center; }
.ac-container1 input:checked + label:hover:after { background-image: url(../images/arrow_up.png); }
.ac-container1 input { display: none; }
.ac-container1 article { background: #fff7f0; margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; }
.ac-container1 input:checked ~ article.ac-large { height: 100%; }

.ac-container2 label { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; z-index: 20; display: block; color: #ffffff; font-weight: bold; font-size: 100%; background: #ffffff url(../images/arrow_down002.png) no-repeat center right; box-shadow: 0px 0px 0px 1px #eeeeee, 0px 2px 2px #dddddd; }
.ac-container2 label:hover { background: #eeeeee; }
.ac-container2 input:checked + label,
.ac-container2 input:checked + label:hover { background: #eeeeee; color: #ffffff; box-shadow: 0px 0px 0px 1px #eeeeee, 0px 2px 2px #dddddd; }
.ac-container2 label:hover:after,
.ac-container2 input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 15px; top: 10px; background: transparent url(../images/arrow_down02.png) no-repeat center center; }
.ac-container2 input:checked + label:hover:after { background-image: url(../images/arrow_up02.png); }
.ac-container2 input { display: none; }
.ac-container2 article { background: #fff7f0; margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; }
.ac-container2 input:checked ~ article.ac-large { height: 100%; }

.img-lab { margin: 0; }
.img-lab img { width: 100%; height: auto; }

#footer { display: block; width: 100%; background-color: #f4f5f8; font-size: 80%; padding-top: 0.5em; padding-bottom: 3em; }
#footer .copy { width: 96%; margin: 0 auto; text-align: center; }
#footer .copy em { font-family: Helvetica, Arial, sans-serif; }