.he-table {
  position: relative;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.he-td {
  position: relative;
  min-height: 30px;
  line-height: 150%;
  vertical-align: top;
  padding: 3px 6px 3px 6px;
  border: 1px solid black !important;
  word-wrap: break-word;
  overflow: hidden;
}

.pen-record {
  display: flex;
  flex-direction: row;
}

.pen-record-ans {
  flex: initial;
  outline-color: #AAAAAA;
  max-width: 600px;
}

.pen-record-ques {
  flex: initial;
  outline-color: #AAAAAA;
  max-width: 600px;
}

.pen-record-text {
  flex: 1;
  outline-color: #AAAAAA;
}

.he-h2 {
  line-height: 150%;
}

.he-h3 {
/*  font-weight: bold;
  line-height: 200%;*/
  /*padding-left: 96px;*/
}

/*.he-button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0 4px;
  margin: 0 2px;
  background: linear-gradient(#ffffff,#E0E1E2);
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
  -webkit-user-select: none !important;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
}

.he-button:hover {
  background: #FFF;
  box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset, 0 0 0 0 rgba(34,36,38,.15) inset;
}*/

.ui-resizable-helper {
    border: 2px dotted #888888;
    background-color: #888888;
    opacity: .3;
}

.thin-scrollbar::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

::-webkit-scrollbar {
    height: 15px;
    width: 15px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.6); 
    background-color: #DDDDDD;
}

/*overWrite user agent styleSheet*/
table {
    white-space: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
}

@media print {
    .page-break {
        page-break-after: always;
    }
}

/* 為了讓padding可以讓裡面長 */
* { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
 }

/*selection color*/
::selection{
  background: #009FCC;
}

div {
	-ms-text-justify: inter-ideograph;
}