@charset "UTF-8";
/* Animation ==================================================================*/
@keyframes fan-turn { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes idx-float { 0% { transform: translateY(0px); }
  25% { transform: translateY(10px); }
  50% { transform: translateY(0px); }
  75% { transform: translateY(-10px); }
  100% { transform: translateY(0px); } }
@keyframes idx-float2 { 0% { transform: translateY(0px); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0px); }
  75% { transform: translateY(10px); }
  100% { transform: translateY(0px); } }
@keyframes idx-service { 0% { background-image: url("../images/index/idx-i-service.png"); }
  50% { background-image: url("../images/index/idx-i-service2.png"); }
  100% { background-image: url("../images/index/idx-i-service.png"); } }
/* Edit Style ====================================================================*/
/* Table */
.datatable { min-width: 500px; width: 100%; }
.datatable td, .datatable th { padding: 6px 15px; border: 1px solid #ACACAC; }
.datatable td:first-child, .datatable th:first-child { border-left: none; }
.datatable td:last-child, .datatable th:last-child { border-right: none; }
.datatable th { font-weight: normal; color: #39747F; }
.datatable tr:nth-child(odd) td, .datatable tr:nth-child(odd) th { background: #EBEBEB; }

/* Edit */
.edit-box { text-align: justify; color: #2b2b2b; word-wrap: break-word; }
.edit-box ul, .edit-box ol { margin: 1.12em 0; }
.edit-box ol ul, .edit-box ul ol, .edit-box ul ul, .edit-box ol ol { margin-top: 0; margin-bottom: 0; }
.edit-box li { display: list-item; list-style-type: inherit; }
.edit-box ul { list-style-type: disc; }
.edit-box ol { list-style-type: decimal; }
.edit-box ol.n, .edit-box ul.n { list-style: none; }
.edit-box ol.c, .edit-box ul.c { list-style: circle; }
.edit-box ol.s, .edit-box ul.s { list-style: square; }
.edit-box ol.dlz, .edit-box ul.dlz { list-style: decimal-leading-zero; }
.edit-box ol.lr, .edit-box ul.lr { list-style: lower-roman; }
.edit-box ol.ur, .edit-box ul.ur { list-style: upper-roman; }
.edit-box ol.la, .edit-box ul.la { list-style: lower-alpha; }
.edit-box ol.ua, .edit-box ul.ua { list-style: upper-alpha; }
.edit-box ol.lg, .edit-box ul.lg { list-style: lower-greek; }
.edit-box ol.amn, .edit-box ul.amn { list-style: armenian; }
.edit-box ol.grg, .edit-box ul.grg { list-style: georgian; }
.edit-box ul, .edit-box ol { display: block; page-break-before: avoid; margin-left: 20px; }
.edit-box .sub { vertical-align: sub; }
.edit-box .sup { vertical-align: super; }
.edit-box .red { color: #E06666; }
.edit-box a { color: #39747F; }
.edit-box a:hover { opacity: .5; }
.edit-box .grid, .edit-box .gd { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.edit-box [class^="gd-"] { padding: 10px 15px; }
.edit-box .gd-1 { width: 8.33333%; }
.edit-box .gd-2 { width: 16.66667%; }
.edit-box .gd-3 { width: 25%; }
.edit-box .gd-4 { width: 33.33333%; }
.edit-box .gd-5 { width: 41.66667%; }
.edit-box .gd-6 { width: 50%; }
.edit-box .gd-7 { width: 58.33333%; }
.edit-box .gd-8 { width: 66.66667%; }
.edit-box .gd-9 { width: 75%; }
.edit-box .gd-10 { width: 83.33333%; }
.edit-box .gd-11 { width: 91.66667%; }
.edit-box .gd-12 { width: 100%; }
.edit-box .gdp { display: flex; flex-wrap: wrap; padding: 10px 15px; }
.edit-box .center { justify-content: center; align-items: center; }
.edit-box .left { justify-content: flex-start; }
.edit-box .right { justify-content: flex-end; }
.edit-box .on { align-items: flex-start; }
.edit-box .under { align-items: flex-end; }
@media all and (max-width: 1024px) { .edit-box [class^="gd-"] { width: 100% !important; } }
.edit-box .ps { margin-left: 30px; position: relative; }
.edit-box .ps:before { content: '註：'; position: absolute; left: -30px; }

.probox .edit-box .pro-description { list-style: none; margin: 0px; border: 1px solid #39747F; padding: 10px; }
.probox .edit-box .pro-description li { display: flex; padding: 5px 0; border-bottom: 1px solid #39747F; }
.probox .edit-box .pro-description li:last-child { border: none; }
.probox .edit-box .pro-description li .pic { width: 50px; padding: 10px; }
.probox .edit-box .pro-description li .name { display: block; color: #39747F; }