@charset "UTF-8";
.topbar::after, .Box::after, .button-and-num::after, .bar::after, .Case-search::after, .c-title::after, .Case .List .footable-row-detail-inner::after, .Case .List2 .footable-row-detail-inner::after, .landreservation .Case .List2 .footable-row-detail-inner::after, .CaseDetail .Data-detail::after, .CaseDetail .Data-box::after, .CaseDetail .Data-list .tabs::after, .Seminar .seminar-list li::after, .Seminar .button-and-num::after, .Seminar-detail .other::after, .icon-link::after, .forget::after, .Mdata dl dt .ask::after, .Mdata dl dt .answer::after, .Mdata .List .footable-row-detail-inner::after, .Faq dl dd::after, .Contact .con-map .tabs::after, .Contact .con-map .tab_content::after { clear: both; content: ''; display: block; visibility: hidden; height: 0; }

.PageBanner { display: block; width: 100%; height: 0; padding-bottom: 12.87%; position: relative; }

.pbn1 { background: url(../images/pbn1.jpg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.pbn2 { background: url(../images/pbn2.jpg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.pbn3 { background: url(../images/pbn3.jpg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.pbn4 { background: url(../images/pbn4.jpg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.pbn5 { background: url(../images/pbn5.jpg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.pbn6 { background: url(../images/pbn6.jpg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.pbn7 { background: url(../images/pbn7.jpg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.pbn8 { background: url(../images/pbn8.jpg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.topbar { display: block; width: 485px; height: 40px; background: #fff; padding: 10px 0 0px 20px; position: absolute; top: 40px; right: 0; -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3); }
.topbar li { display: block; float: left; }
.topbar .icon { width: 5%; margin-right: 10px; vertical-align: middle; }
.topbar .search { margin: 0 8px 0 5px; }
.topbar .search input { width: 150px; height: 20px; padding: 2px; border: 1px solid #92ca69; }
.topbar .search a { display: inline-block; width: 25px; height: 20px; font-size: 12px; vertical-align: middle; background: #92ca69; color: #fff; text-align: center; line-height: 20px; }
.topbar .search a:hover { background: #6ca73d; }
.topbar .language { margin: 0 4px; font-size: 13px; }
.topbar .language a { display: block; background: #6ca73d; color: #fff; padding: 0px 10px; }
.topbar .language a:hover { background: #8ac45d; }

.page-line { border: none; border-bottom: 3px solid #6ca73d; margin: 13px 0; }

.Content { display: block; width: 100%; background: #fff; min-height: 500px; padding: 35px 20px; }

nav { display: block; width: 96%; margin: 0 auto; border-bottom: 2px solid #ccc; padding-bottom: 5px; }
nav i { font-size: 20px; color: #6ca73d; margin-right: 10px; }
nav b { font-size: 24px; font-weight: bold; color: #6ca73d; padding-right: 55px; background: url(../images/nav-line.jpg) no-repeat right; }
nav span { color: #555; font-size: 12px; margin-left: 10px; }
nav a { color: #555; }
nav a:hover { color: #6ca73d; }

.Box { display: block; width: 96%; margin: 30px auto 10px auto; }

.buttonbox { display: block; text-align: center; clear: both; margin-top: 40px; }

.btnA { color: #fff; font-size: 13px; background: #8ac45d; border: none; border-bottom: 3px solid #6ca73d; padding: 6px 30px 5px 30px; cursor: pointer; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btnA:hover { background: #92ca69; border-bottom: 3px solid #4a7d00; }

.btnB { color: #fff; font-size: 13px; background: #999; border: none; border-bottom: 3px solid #666; padding: 6px 30px 5px 30px; cursor: pointer; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btnB:hover { background: #666; border-bottom: 3px solid #333; }

.btnC { color: #fff; font-size: 13px; background: #01b7b7; border: none; border-bottom: 3px solid #019393; padding: 6px 30px 5px 30px; cursor: pointer; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btnC:hover { background: #7fc7d5; border-bottom: 3px solid #00b1b0; }

.btnD { color: #fff; font-size: 13px; background: #a28601; border: none; border-bottom: 3px solid #836c01; padding: 6px 30px 5px 30px; cursor: pointer; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btnD:hover { background: #dbb917; border-bottom: 3px solid #be9b00; }

.btnE { color: #fff; font-size: 13px; background: #db2358; border: none; border-bottom: 3px solid #c31b4b; padding: 6px 30px 5px 30px; cursor: pointer; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btnE:hover { background: #fd4077; border-bottom: 3px solid #e64b77; }

.form { width: 90%; margin: 20px auto; }
.form td { padding: 10px; border-bottom: 1px dashed #ccc; }
.form td:first-child { width: 15%; }
.form b { display: inline-block; width: 20px; text-align: center; color: #f00; vertical-align: middle; }
.form input[type=text] { padding: 5px; width: 50%; }
.form tr:nth-last-child(2) input { width: 100px; }
.form tr:nth-last-child(2) img { vertical-align: middle; margin-left: 5px; }
.form tr:last-child td { border-bottom: none; padding-top: 15px; }
.form textarea { width: 80%; }
.form input[name=button] { display: inline-block; cursor: pointer; }
.form tr:last-child td { padding-left: 16%; }

.form-title { width: 100%; display: block; color: #fff; padding: 11px 20px 9px 20px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhYzQ1ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZjYTczZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ac45d), color-stop(100%, #6ca73d)); background-image: -moz-linear-gradient(top, #8ac45d, #6ca73d); background-image: -webkit-linear-gradient(top, #8ac45d, #6ca73d); background-image: linear-gradient(to bottom, #8ac45d, #6ca73d); }
.form-title p { display: block; font-size: 16px; padding-left: 40px; }

.button-and-num { display: block; overflow: hidden; }
.button-and-num > a { display: block; float: left; }
.button-and-num .pagenum { display: block; clear: none; width: 50%; margin: 5px 0 0 0; text-align: center; float: right; }

.bar { display: block; background: url(../images/bar.jpg) repeat-x; }
.bar li { float: left; width: 50%; height: 40px; }
.bar li:last-child { background: url(../images/bar1.jpg) no-repeat; }
.bar li span { display: block; font-size: 16px; color: #6ca73d; border-left: 3px solid #6ca73d; padding-left: 5px; line-height: 15px; margin: 12px 0 0 20px; }

.bar-title { display: block; background: url(../images/bar.jpg) repeat-x; height: 40px; overflow: hidden; margin: 10px 0; }
.bar-title span { display: block; font-size: 16px; color: #6ca73d; border-left: 3px solid #6ca73d; padding-left: 5px; line-height: 15px; margin: 12px 0 0 20px; }
.bar-title .bar-title-line { background: url(../images/bar1.jpg) no-repeat; overflow: hidden; }

.ADScroll { width: 90%; margin: 20px auto; text-align: center; position: relative; }
.ADScroll .bd ul { width: 100%; float: left; padding-top: 10px; }
.ADScroll .bd li { width: 25%; padding: 0 1%; float: left; }
.ADScroll .bd li a { -webkit-tap-highlight-color: transparent; color: #555; text-align: left; }
.ADScroll .bd li a i { color: #6ca73d; margin-right: 10px; margin: 0 5px 0 5px; }
.ADScroll .bd li a b { font-weight: bold; font-size: 15px; color: #000; }
.ADScroll .bd li a span { display: block; font-size: 13px; margin: 5px 0 0 5px; }
.ADScroll .bd li img { background: url(../images/loading.gif) #fff center center no-repeat; display: block; margin-bottom: 10px; }
.ADScroll .hd { display: block; }
.ADScroll .hd ul { display: none; }
.ADScroll .hd .prev { position: absolute; left: -5%; top: calc(50% - 15px); cursor: pointer; }
.ADScroll .hd .next { position: absolute; right: -5%; top: calc(50% - 15px); cursor: pointer; }

.About .Text { display: block; float: left; width: 54%; }
.About .Text .title { color: #6ca73d; font-size: 18px; }
.About .Text .title i { font-size: 18px; margin-right: 5px; }
.About .vline { display: block; float: left; width: 16px; height: 100%; margin: 0 2%; }
.About .Pic { display: block; float: right; width: 40%; margin-top: 40px; }

.News li { display: block; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.News span { display: inline-block; background: #6ca73d url(../images/dot.png) no-repeat; padding: 4px 15px 4px 42px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.News time { color: #8ac45d; margin: 0 8px; }
.News a { display: inline-block; width: 70%; color: #555; }
.News a b { margin-left: 15px; color: #00b1b0; }
.News a:hover { color: #6ca73d; }
.News a:hover b { color: #c00; }

.pagenum { display: block; clear: both; width: 100%; margin: 50px auto 20px auto; text-align: center; }
.pagenum li { display: inline-block; margin: 0 5px; }
.pagenum a { display: block; width: 25px; height: 25px; line-height: 25px; color: #555; border: 1px solid #ccc; }
.pagenum a:hover { color: #fff; background: #92ca69; }
.pagenum .on a { color: #fff; background: #6ca73d; border: 1px solid #8ac45d; }
.pagenum li:first-child a, .pagenum li:nth-child(2) a, .pagenum li:last-child a, .pagenum li:nth-last-child(2) a { color: #6ca73d; }
.pagenum li:first-child a:hover, .pagenum li:nth-child(2) a:hover, .pagenum li:last-child a:hover, .pagenum li:nth-last-child(2) a:hover { color: #fff; }

.NewsDeatil .nav { display: block; margin: 20px auto; border-bottom: 1px dashed #ccc; padding-bottom: 10px; }
.NewsDeatil .nav span { display: inline-block; background: #6ca73d url(../images/dot.png) no-repeat; padding: 2px 15px 2px 42px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.NewsDeatil .nav b { background: none; font-size: 16px; font-weight: bold; vertical-align: middle; margin-left: 10px; }
.NewsDeatil .nav time { color: #8ac45d; margin: 0 0 0 20px; }

/* .Case-search { width: 100%; margin: 20px 0; background: #fff; padding: 0px; }
.Case-search .select { display: block; margin: 1% 0 0 0px; }
.Case-search .select select { background: transparent; width: calc( 20% - 18px); padding: 5px; border: 1px solid #6ca73d; vertical-align: middle; margin: 5px auto; font: bold 14px/1 Verdana, "微軟正黑體", sans-serif; -webkit-appearance: none; for chrome }
.Case-search .search-text { margin-top: 10px; }
.Case-search .search-text input { width: calc( 40% - 70px); padding: 5px; }
.Case-search .search-text button { padding: 5px 10px; vertical-align: middle; margin-left: 0px; cursor: pointer; font: bold 15px/1 Verdana, "微軟正黑體", sans-serif; }
.Case-search .search-text button i { vertical-align: middle; } */

.c-title { width: 100%; border-bottom: 1px solid #ccc; }
.c-title span { display: block; float: left; font-size: 18px; font-weight: bold; border-bottom: 2px solid #6ca73d; padding-bottom: 5px; }
.c-title a { display: block; float: right; color: #999; }
.c-title a:hover { color: #6ca73d; }
.c-title i { vertical-align: middle; color: #7fc7d5; }

.Case .button-and-num { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 20px 0; }
.Case .button-and-num > a { font-size: 15px; padding: 9px 10px 5px 10px; }
.Case .button-and-num > a i { margin-right: 5px; }
.Case .sequence { display: block; margin: 20px 0; }
.Case .sequence li { display: inline-block; border-right: 1px solid #ccc; padding: 0 5px; line-height: 12px; }
.Case .sequence li:first-child { color: #6ca73d; font-weight: bold; padding: 0 5px 0 0; }
.Case .sequence a { color: #555; }
.Case .sequence a:hover { color: #f00; }
.Case .bar li { float: left; height: 40px; }
.Case .bar li:nth-child(n+1) { background: url(../images/bar1.jpg) no-repeat; }
.Case .bar li:nth-child(1) { width: 5%; background: none; }
.Case .bar li:nth-child(2) { width: 22%; }
.Case .bar li:nth-child(3) { width: 20%; }
.Case .bar li:nth-child(4) { width: 20%; }
.Case .bar li:nth-child(5) { width: 12%; }
.Case .bar li:nth-child(6) { width: 12%; }
.Case .bar li:nth-child(7) { width: 9%; }
.Case .bar li span { display: inline-block; font-size: 13px; color: #6ca73d; border-left: none; margin: 13px 2px 0 5px; }
.Case .bar li i { color: #999; cursor: pointer; vertical-align: middle; }
.Case .List .footable { font-size: 12px; width: 100%; border-radius: 6px; color: #444; }
.Case .List .footable thead { background: url(../images/bar.jpg) repeat-x; }
.Case .List .footable th { height: 40px; padding: 10px; text-align: center; background: url(../images/bar1.jpg) no-repeat; }
.Case .List .footable th:nth-child(1) { background: none; }
.Case .List .footable tbody > tr { border-top: 2px solid #ccc; }
.Case .List .footable tbody > tr:nth-child(1), .Case .List .footable tbody > tr.footable-row-detail { border-top: none; }
.Case .List .footable td { padding: 15px 10px; text-align: left; }
.Case .List .footable td a { color: #555; }
.Case .List .footable td a:hover { color: #c00; }
.Case .List .footable tr.footable-detail-show:hover, .Case .List .footable tr.footable-detail-show:hover + tr.footable-row-detail { background: #fbf8e9; }
.Case .List .footable td:nth-child(1) { text-align: center; }
.Case .List .footable td:nth-child(2) { text-align: center; }
.Case .List .footable td:nth-child(3) { font-size: 15px; }
.Case .List .footable td:nth-child(4) { text-align: center; }
.Case .List .footable td:nth-child(5) { text-align: center; }
.Case .List .footable td:nth-child(9) { text-align: center; }
.Case .List .footable td:nth-child(10) { text-align: center; }
.Case .List .footable td:nth-child(11) { text-align: center; }
.Case .List .footable td:nth-child(12) { text-align: center; }
.Case .List .footable b { font-size: 15px; color: #c00; }
.Case .List .footable.breakpoint > tbody > tr > td.expand { background: url("img/plus.png") no-repeat center; }
.Case .List .footable.breakpoint > tbody > tr.footable-detail-show > td.expand { background: url("img/minus.png") no-repeat center; }
.Case .List .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }
.Case .List .footable.breakpoint > tbody > tr.footable-row-detail { border-top: 1px dotted #eee; }
.Case .List .footable.breakpoint > tbody > tr.footable-row-detail td { padding: 5px 0 20px 0; }
.Case .List .footable-row-detail-inner { text-align: left; }
.Case .List .footable-row-detail-inner > div { float: left; width: 50%; padding: 0 1%; text-align: left; }
.Case .List .footable-row-detail-inner > div .img { display: block; }
.Case .List .footable-row-detail-inner > div .img img { float: left; width: 32%; margin-right: 1%; }
.Case .List .footable-row-detail-inner > div .img img:last-child { margin-right: 0%; }
.Case .List .footable-row-detail-inner > div strong { font-weight: bold; color: #6ca73d; }
.Case .List .footable-row-detail-inner > div:nth-child(n+2) { margin-top: 20px; }
.Case .List .footable > thead > tr > th > span.footable-sort-indicator { width: 16px; height: 16px; display: block; float: right; background: url("img/sorting_sprite.png") no-repeat top left; }
.Case .List .footable > thead > tr > th.footable-sortable:hover { cursor: pointer; }
.Case .List .footable > thead > tr > th.footable-sorted > span.footable-sort-indicator { background-position: 0 -16px; }
.Case .List .footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator { background-position: 0 -32px; }
.Case .List .footable > thead > tr > th:nth-child(1) > span.footable-sort-indicator, .Case .List .footable > thead > tr > th:nth-child(1).footable-sorted > span.footable-sort-indicator, .Case .List .footable > thead > tr > th:nth-child(1).footable-sorted-desc > span.footable-sort-indicator, .Case .List .footable > thead > tr > th:nth-child(2) > span.footable-sort-indicator, .Case .List .footable > thead > tr > th:nth-child(2).footable-sorted > span.footable-sort-indicator, .Case .List .footable > thead > tr > th:nth-child(2).footable-sorted-desc > span.footable-sort-indicator { display: none; }
.Case .List tfoot.footable-pagination tr td { text-align: center; }
.Case .List .footable-nav { list-style: none; padding: 0; margin: 0; display: inline-block; }
.Case .List .footable-nav li { display: inline-block; margin: 0 5px; }
.Case .List .footable-nav li a { display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #555; border: 1px solid #ccc; }
.Case .List .footable-nav li a:hover { color: #fff; background: #92ca69; }
.Case .List .footable-nav .footable-page-current { background: #6ca73d; }
.Case .List .footable-nav .footable-page-current a { color: #fff; }
.Case .List .line { border-bottom: 1px solid #ccc; }
.Case .List2 .footable { font-size: 12px; width: 100%; border-radius: 6px; color: #444; }
.Case .List2 .footable thead { background: url(../images/bar.jpg) repeat-x; }
.Case .List2 .footable th { height: 40px; padding: 10px; text-align: center; background: url(../images/bar1.jpg) no-repeat; }
.Case .List2 .footable th:nth-child(1) { background: none; }
.Case .List2 .footable tbody > tr { border-top: 2px solid #ccc; }
.Case .List2 .footable tbody > tr:hover td:nth-child(4) { background-color: #eef6e7; }
.Case .List2 .footable tbody > tr:hover { background-color: #eef6e7; }
.Case .List2 .footable tbody > tr:nth-child(1), .Case .List2 .footable tbody > tr.footable-row-detail { border-top: none; }
.Case .List2 .footable td { padding: 15px 10px; text-align: left; }
.Case .List2 .footable td a { color: #555; }
.Case .List2 .footable td a:hover { color: #c00; }
.Case .List2 .footable tr.footable-detail-show:hover, .Case .List2 .footable tr.footable-detail-show:hover + tr.footable-row-detail { background: #fbf8e9; }
.Case .List2 .footable td:nth-child(1) { width: 30%; text-align: center; }
.Case .List2 .footable td:nth-child(1) .pic { display: block; }
.Case .List2 .footable td:nth-child(1) .pic .img { display: table; width: 225px; height: 140px; margin-bottom: 5px; }
.Case .List2 .footable td:nth-child(1) .pic .img a { display: table-cell; vertical-align: middle; text-align: center; }
.Case .List2 .footable td:nth-child(1) .pic .img img { margin-bottom: -6px; max-height: 140px; }
.Case .List2 .footable td:nth-child(1) .pic .img img:hover { opacity: .7; }
.Case .List2 .footable td:nth-child(1) .pic ul { display: block; max-width: 225px; }
.Case .List2 .footable td:nth-child(1) .pic li { display: inline-block; width: calc(33.3% - 4px); text-align: center; }
.Case .List2 .footable td:nth-child(1) .pic a.no-select { color: #999; }
.Case .List2 .footable td:nth-child(1) .pic a.no-select:hover { color: #c00; }
.Case .List2 .footable td:nth-child(1) .pic a.no-select i { display: block; font-size: 24px; }
.Case .List2 .footable td:nth-child(1) .pic a.select { color: #ddd; }
.Case .List2 .footable td:nth-child(1) .pic a.select i { display: block; font-size: 24px; }
.Case .List2 .footable td:nth-child(2) { width: 46%; }
.Case .List2 .footable td:nth-child(2) a { font-size: 14px; line-height: 24px; }
.Case .List2 .footable td:nth-child(2) a h5 { font-size: 18px; font-weight: bold; color: #6ca73d; }
.Case .List2 .footable td:nth-child(2) a i { font-size: 13px; margin-left: 10px; color: #555; font-weight: normal; }
.Case .List2 .footable td:nth-child(2) a span { display: block; }
.Case .List2 .footable td:nth-child(2) a b { font-size: 14px; color: #6ca73d; margin-right: 5px; }
.Case .List2 .footable td:nth-child(2) a:hover h5, .Case .List2 .footable td:nth-child(2) a:hover i { color: #c00; }
.Case .List2 .footable td:nth-child(3) { width: 12%; text-align: center; }
.Case .List2 .footable td:nth-child(3) p { color: #fff; }
.Case .List2 .footable td:nth-child(4) { width: 12%; text-align: center; }
.Case .List2 .footable td:nth-child(4) div { position: relative; }
.Case .List2 .footable td:nth-child(4) .linkbox { width: 150%; background: #fff; display: none; padding: 30px 15px 15px 15px; position: absolute; top: calc(50% + 30px); left: -25%; z-index: 110; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.Case .List2 .footable td:nth-child(4) .close { position: absolute; right: 5px; top: 5px; font-size: 18px; }
.Case .List2 .footable td:nth-child(4) b { margin: 0 3px; }

/* noReturnRate */
.Case .List2 .footable.noReturnRate td:nth-child(3) { width: 12%; text-align: center;display: table-cell !important; }
.Case .List2 .footable.noReturnRate td:nth-child(3) div { position: relative; }
.Case .List2 .footable.noReturnRate td:nth-child(3) .linkbox { width: 150%; background: #fff; display: none; padding: 30px 15px 15px 15px; position: absolute; top: calc(50% + 30px); left: -25%; z-index: 110; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.Case .List2 .footable.noReturnRate td:nth-child(3) .close { position: absolute; right: 5px; top: 5px; font-size: 18px; }
.Case .List2 .footable.noReturnRate td:nth-child(3) b { margin: 0 3px; }
.Case .List2 .footable.noReturnRate td:nth-child(3) p {color: #000;}
/* noReturnRate */

.Case .List2 .footable b { font-size: 15px; color: #c00; }
.Case .List2 .footable.breakpoint > tbody > tr > td.expand { background: url("img/plus.png") no-repeat 0 45%; }
.Case .List2 .footable.breakpoint > tbody > tr.footable-detail-show > td.expand { background: url("img/minus.png") no-repeat 0 45%; }
.Case .List2 .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }
.Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail { border-top: 1px dotted #eee; }
.Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail td { padding: 5px 0 20px 10%; }
.Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail td span { display: block; }
.Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail td span b { font-size: 13px; color: #6ca73d; margin-right: 5px; }
.Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail td i { font-size: 12px; margin-left: 10px; color: #999; font-weight: normal; }
.Case .List2 .footable-row-detail-inner { text-align: left; }
.Case .List2 .footable-row-detail-inner > div { float: left; width: 50%; padding: 0 1%; text-align: left; }
.Case .List2 .footable-row-detail-inner > div .img { display: block; }
.Case .List2 .footable-row-detail-inner > div .img img { float: left; width: 32%; margin-right: 1%; }
.Case .List2 .footable-row-detail-inner > div .img img:last-child { margin-right: 0%; }
.Case .List2 .footable-row-detail-inner > div strong { font-weight: bold; color: #6ca73d; font-size: 16px; }
.Case .List2 .footable-row-detail-inner > div:nth-child(n+2) { margin-top: 20px; }

/* noReturnRate */
.Case .List2 .noReturnRate .footable-row-detail-inner > div { width: 100%; }
.Case .List2 .noReturnRate .footable-row-detail-inner > div:nth-child(n+2) { display: none; }
.Case .List2 .footable.noReturnRate th:nth-child(3){ display: table-cell !important; }
/* noReturnRate */

.Case .List2 .footable > thead > tr > th > span.footable-sort-indicator { width: 16px; height: 16px; display: block; float: right; background: url("img/sorting_sprite.png") no-repeat top left; }
.Case .List2 .footable > thead > tr > th.footable-sortable:hover { cursor: pointer; }
.Case .List2 .footable > thead > tr > th.footable-sorted > span.footable-sort-indicator { background-position: 0 -16px; }
.Case .List2 .footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator { background-position: 0 -32px; }
.Case .List2 .footable > thead > tr > th:nth-child(1) > span.footable-sort-indicator, .Case .List2 .footable > thead > tr > th:nth-child(1).footable-sorted > span.footable-sort-indicator, .Case .List2 .footable > thead > tr > th:nth-child(1).footable-sorted-desc > span.footable-sort-indicator, .Case .List2 .footable > thead > tr > th:nth-child(2) > span.footable-sort-indicator, .Case .List2 .footable > thead > tr > th:nth-child(2).footable-sorted > span.footable-sort-indicator, .Case .List2 .footable > thead > tr > th:nth-child(2).footable-sorted-desc > span.footable-sort-indicator { display: none; }
.Case .List2 tfoot { display: none; }
.Case .List2 tfoot.footable-pagination tr td { text-align: center; }
.Case .List2 .footable-nav { list-style: none; padding: 0; margin: 0; display: inline-block; }
.Case .List2 .footable-nav li { display: inline-block; margin: 0 5px; }
.Case .List2 .footable-nav li a { display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #555; border: 1px solid #ccc; }
.Case .List2 .footable-nav li a:hover { color: #fff; background: #92ca69; }
.Case .List2 .footable-nav .footable-page-current { background: #6ca73d; }
.Case .List2 .footable-nav .footable-page-current a { color: #fff; }
.Case .List2 .line { border-bottom: 1px solid #ccc; }

.link { display: inline-block; color: #6ca73d; font-size: 12px; padding: 0px 10px; border-radius: 20px; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); background-image: linear-gradient(to bottom, #ffffff, #eeeeee); }
.link:hover { color: #c00; }

.landreservation { width: 100%; margin: 20px 0; border-bottom: 2px solid #6ca73d; }
.landreservation .Case .List2 .footable th { line-height: 12px; }
.landreservation .Case .List2 .footable td { text-align: center; }
.landreservation .Case .List2 .footable td:nth-child(1) { width: 10%; }
.landreservation .Case .List2 .footable td:nth-child(2) { width: 22%; }
.landreservation .Case .List2 .footable td:nth-child(3) { width: 10%; }
.landreservation .Case .List2 .footable td:nth-child(4) { width: 10%; }
.landreservation .Case .List2 .footable td:nth-child(5) { width: 10%; }
.landreservation .Case .List2 .footable td:nth-child(6) { width: 22%; }
.landreservation .Case .List2 .footable td:nth-child(7) { width: 10%; color: #f00; }
.landreservation .Case .List2 .footable > thead > tr > th > span.footable-sort-indicator { display: none; }
.landreservation .Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail { border-top: 1px dotted #eee; }
.landreservation .Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail td { padding: 5px 0 20px 10%; }
.landreservation .Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail td span { display: block; }
.landreservation .Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail td span b { font-size: 13px; color: #6ca73d; margin-right: 5px; }
.landreservation .Case .List2 .footable.breakpoint > tbody > tr.footable-row-detail td i { font-size: 12px; margin-left: 10px; color: #999; font-weight: normal; }
.landreservation .Case .List2 .footable-row-detail-inner { text-align: left; }
.landreservation .Case .List2 .footable-row-detail-inner > div { display: block; float: none; width: 100%; }
.landreservation .Case .List2 .footable-row-detail-inner > div strong { font-weight: bold; color: #6ca73d; font-size: 15px; }
.landreservation .Case .List2 .footable-row-detail-inner > div:nth-child(n+2) { margin-top: 0; }

.CaseDetail .Data-detail { margin: 20px 0; display: block; }
.CaseDetail .Data-detail .title { display: block; border-left: 10px solid #6ca73d; background: #e4ecde; padding: 10px 20px 8px 20px; color: #6ca73d; position: relative; font-size: 16px; font-weight: bold; }
.CaseDetail .Data-detail .title-des{ border: solid 1px #e4ecde; border-left: solid 10px #6ba73d; border-top: none; padding: 10px 15px; background: #fafafa; font-size: 15px; line-height: 20px; color: #222; }
/* .CaseDetail .Data-detail .title .print { display: block; width: 143px; height: 43px; background: url(../images/print.png) no-repeat; position: absolute; top: 0px; right: 20px; font-size: 12px; color: #555; padding: 10px 0 0 55px; }
.CaseDetail .Data-detail .title .print:hover { color: #c00; }
.CaseDetail .Data-detail .title .heart { display: block; width: 143px; height: 43px; background: url(../images/heart.png) no-repeat; position: absolute; top: 0px; right: 170px; font-size: 12px; color: #555; padding: 10px 0 0 40px; }
.CaseDetail .Data-detail .title .heart:hover { color: #c00; } */

/* bottomActiveRow */
.CaseDetail .bottomActiveRow {
	height: 40px; position: relative;
}
.CaseDetail .bottomActiveRow .print { display: block; width: 143px; height: 43px; background: url(../images/print.png) no-repeat; position: absolute; top: 0px; right: 0px; font-size: 12px; color: #555; padding: 10px 0 0 55px; }
.CaseDetail .bottomActiveRow .print:hover { color: #c00; }
.CaseDetail .bottomActiveRow .heart { display: block; width: 143px; height: 43px; background: url(../images/heart.png) no-repeat; position: absolute; top: 0px; right: 150px; font-size: 12px; color: #555; padding: 10px 0 0 40px; }
.CaseDetail .bottomActiveRow .heart:hover { color: #c00; }
/* bottomActiveRow */

.CaseDetail .Data-detail .text { display: block; float: left; margin-top: 20px; }
.CaseDetail .Data-detail .text li { margin-bottom: 20px; }
.CaseDetail .Data-detail .text span { display: inline-block; color: #fff; background: #6ca73d; font-size: 12px; padding: 0px 10px; margin-right: 10px; border-radius: 20px; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
.CaseDetail .Data-detail .text .link { margin-left: 10px; }
.CaseDetail .Data-detail .tA { width: calc( 30% - 30px); margin-left: 30px; }
.CaseDetail .Data-detail .tA b { color: #f00; font-size: 16px; font-weight: bold; margin-right: 5px; }
.CaseDetail .Data-detail .tB { width: 70%; }
.CaseDetail .Data-detail .tB b { color: #f00; font-size: 16px; font-weight: bold; }
.CaseDetail .Data-box { display: block; }
.CaseDetail .Data-box li { display: block; float: left; width: 50%; padding: 20px; }
.CaseDetail .Data-box iframe { width: 100%; height: 300px; }
.CaseDetail .Data-box .bar-title { display: none; }
.CaseDetail .pattern a { display: block; border: 1px solid #ccc; height: 310px; text-align: center; }
.CaseDetail .pattern a img { max-height: 300px; object-fit: cover; }
.CaseDetail .slideBox { position: relative; overflow: hidden; margin: 0px auto; }
.CaseDetail .slideBox .hd { position: absolute; width: 100%; height: 30px; bottom: -5px; left: 0px; z-index: 1; }
.CaseDetail .slideBox .hd .prev, .CaseDetail .slideBox .hd .next { position: absolute; left: 5px; top: 0; display: block; font-size: 18px; color: #000; cursor: pointer; }
.CaseDetail .slideBox .hd .next { left: auto; right: 5px; }
.CaseDetail .slideBox .bd { position: relative; z-index: 0; }
.CaseDetail .slideBox .bd li { position: relative; height: 310px; border: 1px solid #ccc; text-align: center; }
.CaseDetail .slideBox .bd li a { -webkit-tap-highlight-color: transparent; }
.CaseDetail .slideBox .bd li .tit { display: block; width: 100%; position: absolute; bottom: 0; height: 30px; line-height: 30px; text-align: center; color: #000; }
.CaseDetail .Data-list .btn-nav { width: 100%; display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhYzQ1ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZjYTczZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ac45d), color-stop(100%, #6ca73d)); background-image: -moz-linear-gradient(top, #8ac45d, #6ca73d); background-image: -webkit-linear-gradient(top, #8ac45d, #6ca73d); background-image: linear-gradient(to bottom, #8ac45d, #6ca73d); }
.CaseDetail .Data-list .tabs { display: block; padding: 5px 20px 0 20px; }
.CaseDetail .Data-list .tabs li { display: block; float: left; margin: 5px 0px 0px 8px; }
.CaseDetail .Data-list .tabs li a { padding: 5px 9px 2px 9px; display: block; color: #fff; }
.CaseDetail .Data-list .tabs li a:hover { background: #8ac45d; color: #fff; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; }
.CaseDetail .Data-list .tabs li.active a { background: #fff; color: #6ca73d; font-weight: bold; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.3); }
.CaseDetail .Data-list .tab_container { width: 100%; display: block; padding: 10px 0px; clear: both; margin: 0 auto; }
.CaseDetail .src { width: 100%; border-top: 1px solid #6ca73d; border-right: 1px solid #6ca73d; }
.CaseDetail .src td { padding: 5px; border-bottom: 1px solid #6ca73d; border-left: 1px solid #6ca73d; }
.CaseDetail .src td:first-child { background: #8ac45d; color: #fff; width: 20%; text-align: right; }
.CaseDetail .summary { border: 1px solid #b7d3e1; width: 100%; margin: 10px 0; }
.CaseDetail .summary th { border: 1px solid #92ca69; border-right: none; background: #eef6e7; width: 18%; font-weight: normal; color: #6ca73d; padding: 6px 10px; vertical-align: top; }
.CaseDetail .summary td { border: 1px solid #92ca69; border-right: none; border-left: none; width: 82%; padding: 6px 10px; vertical-align: top; }
.CaseDetail .summary .column2 td { width: 32%; }
.CaseDetail .compare { width: 100%; border-top: 1px solid #92ca69; border-right: 1px solid #92ca69; }
.CaseDetail .compare td { padding: 5px; border-bottom: 1px solid #92ca69; border-left: 1px solid #92ca69; width: 16.66%; }
.CaseDetail .compare td:first-child { background: #eef6e7; color: #6ca73d; width: 20%; text-align: right; }

.Seminar .seminar-list { display: block; margin: 20px auto; }
.Seminar .seminar-list li { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }
.Seminar .seminar-list .img { float: left; width: 225px; height: 140px; text-align: center; }
.Seminar .seminar-list .img img { max-height: 140px; }
.Seminar .seminar-list .text { float: right; width: calc( 98% - 225px); }
.Seminar .seminar-list .text td:nth-child(1) { width: 100px; background: #6ca73d; color: #fff; padding: 5px; text-align: center; vertical-align: middle; }
.Seminar .seminar-list .text td:nth-child(2) { background: #e4ecde; color: #6ca73d; padding: 5px 10px; vertical-align: middle; }
.Seminar .seminar-list .text span { float: left; display: block; width: 100%; margin-top: 10px; }
.Seminar .seminar-list .text span p { display: inline-block; vertical-align: middle; width: calc( 100% - 120px); }
.Seminar .seminar-list .text span a { display: inline-block; vertical-align: middle; padding: 5px 20px; font-size: 12px; color: #6ca73d; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(50%, #ffffff), color-stop(100%, #cccccc)); background-image: -moz-linear-gradient(top, #cccccc, #ffffff, #cccccc); background-image: -webkit-linear-gradient(top, #cccccc, #ffffff, #cccccc); background-image: linear-gradient(to bottom, #cccccc, #ffffff, #cccccc); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); }
.Seminar .seminar-list .text span a:hover { color: #000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhYzQ1ZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGFjNDVkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ac45d), color-stop(50%, #ffffff), color-stop(100%, #8ac45d)); background-image: -moz-linear-gradient(top, #8ac45d, #ffffff, #8ac45d); background-image: -webkit-linear-gradient(top, #8ac45d, #ffffff, #8ac45d); background-image: linear-gradient(to bottom, #8ac45d, #ffffff, #8ac45d); }
.Seminar .button-and-num { overflow: visible; }
.Seminar .button-and-num div { display: inline-block; }
.Seminar .button-and-num .btnA, .Seminar .button-and-num .btnB, .Seminar .button-and-num .btnC, .Seminar .button-and-num .btnD { margin-right: 5px; }
.Seminar .mapsearch-btn { position: relative; display: inline-block; cursor: pointer; }
.Seminar .mapsearch { display: block; position: absolute; top: 36px; left: 0; z-index: 500; }
.Seminar .mapsearch a { display: block; color: #999; padding: 5px; width: 112px; text-align: center; margin-bottom: 1px; border: 1px solid #ccc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); background-image: linear-gradient(to bottom, #ffffff, #eeeeee); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
.Seminar .mapsearch a:hover { color: #06c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); }
.Seminar .pagenum { width: 35%; }

.Seminar-detail .title { display: block; background: #e4ecde; color: #6ca73d; padding: 10px 20px; font-size: 16px; line-height: 24px; border-left: 10px solid #6ca73d; }
.Seminar-detail .text { margin: 20px auto; }
.Seminar-detail .other { display: block; }
.Seminar-detail .other li { display: block; float: left; width: 50%; padding: 20px; }
.Seminar-detail .other li:nth-child(1) p:nth-child(1) { font-size: 14px; letter-spacing: 1px; }
.Seminar-detail .other li:nth-child(1) p:nth-child(2) { font-size: 12px; color: #c00; }
.Seminar-detail .other li:nth-child(1) a { display: block; margin: 20px 0; padding: 14px 20px 10px 20px; font-size: 18px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
.Seminar-detail .other li:nth-child(1) a.btnA b { font-size: 12px; margin-left: 20px; }
.Seminar-detail .other li:nth-child(1) a.btnE b { font-size: 24px; margin-left: 20px; }
.Seminar-detail .other li:nth-child(1) i { font-size: 24px; margin: 0 10px; vertical-align: middle; }
.Seminar-detail .other li:nth-child(2) { border-left: 1px dashed #ccc; }
.Seminar-detail .other li:nth-child(2) p:nth-child(1) { font-weight: bold; letter-spacing: 1px; }
.Seminar-detail .other li:nth-child(2) iframe { width: 100%; height: 300px; }
.Seminar-detail .other .bar-title { display: none; }
.Seminar-detail .other .date-table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.Seminar-detail .other .date-table td { padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #92ca69; }
.Seminar-detail .other .date-table tr:first-child td { background: #6ca73d; color: #fff; }

.icon-link { display: block; text-align: right; margin-top: 10px; }
.icon-link ul { padding: 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #ddd; float: right; }
.icon-link li { float: left; display: block; margin: 0 5px; }
.icon-link li img { width: 32px; vertical-align: middle; }
.icon-link li p { padding-top: 8px; text-align: center; color: #999; }
.icon-link li a:hover img { opacity: .7; }

.Reservation .form-title p { background: url(../images/icon-res.png) no-repeat; }
.Reservation .form td:first-child { width: 15%; text-align: right; color: #6ca73d; }
.Reservation .form i { color: #999; font-size: 12px; margin: 0 10px; }
.Reservation .form input[type=text] { width: 60%; }
.Reservation .form input[type=password] { width: 40%; padding: 5px; }
.Reservation .form input.width40 { width: 40%; }
.Reservation .form input.width100 { width: 100%; }
.Reservation .form tr:nth-child(1) input:nth-child(2) { margin-left: 30px; }
.Reservation .form tr:nth-last-child(2) input { width: 100px; }
.Reservation .form tr:nth-last-child(2) img { vertical-align: middle; margin-left: 5px; }
.Reservation .form textarea { width: 80%; }
.Reservation .form input[name=button] { display: inline-block; cursor: pointer; }
.Reservation .form tr:last-child td { padding-left: 16%; text-align: left; }

.login { max-width: 480px; height: 320px; display: block; background: #FFF; margin: 50px auto; border: 1px solid #CCC; }
.login .l-top { width: 100%; height: 48px; background: #6ca73d; }
.login .l-h { font: bold 1.25em "微軟正黑體"; color: #6ca73d; margin-left: 10%; height: 60px; line-height: 60px; }
.login .l-id { margin: 10px 0px 10px 10%; }
.login .l-pw { margin: 20px 0px 20px 10%; }
.login .l-id input { width: 320px; height: 35px; margin-left: 15px; border: 1px solid #CCC; background: url(../images/icon-id.png) no-repeat right center; padding-left: 10px; }
.login .l-pw input { width: 320px; height: 35px; margin-left: 15px; border: 1px solid #CCC; background: url(../images/icon-key.png) no-repeat right center; padding-left: 10px; }
.login .l-p { margin: 30px 0px 20px 10%; }
.login .l-p span { background: url(../images/icon-p.png) no-repeat; padding-left: 20px; margin-right: 30px; }
.login .l-p span a { color: #666; }
.login .l-p span a:hover { color: #ef8200; }
.login .l-p input { margin-left: 55px; }

.forget { max-width: 480px; display: block; background: #FFF; margin: 50px auto; border: 1px solid #CCC; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3); overflow: hidden; }
.forget .f-top { width: 100%; height: 48px; background: #6ca73d; }
.forget .f-h { font: bold 1.25em "微軟正黑體"; color: #6ca73d; margin: 5%; }
.forget .f-mail { margin: 0 0 0 5%; }
.forget .f-mail input { width: 70%; height: 35px; margin-left: 15px; padding-left: 10px; border: 1px solid #CCC; background: url(../images/icon-mail2.png) no-repeat right center; }
.forget .f-btn { float: right; width: 100px; display: block; text-align: right; margin: 5% 3% 8% 5%; }

.join .form-title p { background: url(../images/icon-member.png) no-repeat; }
.join .form td.agreeTerm { text-align: left !important; padding-left: 16%; width: 100%; color: #000 !important; }
.join .form td.agreeTerm input{ width: 20px !important; }
.join .form td.agreeTerm a{ font-weight: bold;text-decoration: underline; }
.join .form td:first-child { width: 15%; text-align: right; color: #6ca73d; }
.join .form i { color: #999; font-size: 12px; margin: 0 10px; }
.join .form input[type=text] { width: 40%; }
.join .form input[type=password] { width: 40%; padding: 5px; }
.join .form input.width40 { width: 40%; }
.join .form input.width100 { width: 100%; }
.join .form tr:nth-child(1) input:nth-child(2) { margin-left: 30px; }
.join .form tr:nth-last-child(2) input { width: 100px; }
.join .form tr:nth-last-child(2) img { vertical-align: middle; margin-left: 5px; }
.join .form textarea { width: 80%; }
.join .form input[name=button] { display: inline-block; cursor: pointer; }
.join .form tr:last-child td { padding-left: 16%; text-align: left; }
.join .form tr.interestOptContent { display: none; }
.join .form tr.interestOpt1 { display: table-row; }

.Mdata { display: block; margin-bottom: 40px; }
.Mdata .form-title i { font-size: 18px; color: #fff; margin-right: 10px; color: #e4ecde; }
.Mdata .form-title p { padding-left: 0px; display: inline-block; }
.Mdata .member-detail-form { width: 90%; margin: 10px auto 40px auto; }
.Mdata .member-detail-form td { padding: 10px; border-bottom: 1px dashed #ccc; }
.Mdata .member-detail-form td:nth-child(1), .Mdata .member-detail-form td:nth-child(3) { width: 100px; color: #6ca73d; text-align: right; font-weight: bold; }
.Mdata .member-detail-form-phone { width: 100%; display: none; }
.Mdata .member-detail-form-phone li { padding: 10px; border-bottom: 1px dashed #ccc; }
.Mdata .member-detail-form-phone li span { display: inline-block; width: 100px; color: #6ca73d; font-weight: bold; }
.Mdata .list { display: block; margin-top: 20px; }
.Mdata .list li { display: inline-block; vertical-align: top; width: 24.6%; margin: 0 0% 20px 0; }
.Mdata .list a { color: #555; text-align: left; }
.Mdata .list a i { color: #6ca73d; margin-right: 10px; margin: 0 5px 0 5px; }
.Mdata .list a b { font-weight: bold; font-size: 15px; color: #000; }
.Mdata .list a span { display: block; font-size: 13px; margin: 5px 0 0 5px; }
.Mdata .list a:hover { opacity: .7; }
.Mdata .list a:hover b, .Mdata .list a:hover span { color: #6ca73d; }
.Mdata dl { width: 100%; }
.Mdata dl dt { border-bottom: 1px solid #fff; }
.Mdata dl dt .ask { background: #ccc; padding: 1% 2%; }
.Mdata dl dt .answer { background: #eee; padding: 1% 2%; }
.Mdata dl dt span { color: #6ca73d; font-weight: bold; width: 70px; display: block; float: left; font-size: 15px; }
.Mdata dl dt p { display: block; float: left; width: calc( 100% - 70px); }
.Mdata dl dd { padding: 1% 2%; background: #7fc7d5; border-bottom: 1px solid #fff; }
.Mdata dl dd span { color: #fff; font-weight: bold; width: 70px; display: inline-block; font-size: 15px; }
.Mdata dl dd time { color: #555; }
.Mdata dl dd i { display: inline-block; margin: 0 10px; color: #555; }
.Mdata .List .footable { font-size: 12px; width: 100%; border-radius: 6px; color: #444; }
.Mdata .List .footable thead { background: url(../images/bar.jpg) repeat-x; }
.Mdata .List .footable th { height: 40px; padding: 10px; text-align: center; background: url(../images/bar1.jpg) no-repeat; }
.Mdata .List .footable th:nth-child(1) { background: none; }
.Mdata .List .footable tbody > tr { border-top: 2px solid #ccc; }
.Mdata .List .footable tbody > tr:nth-child(1), .Mdata .List .footable tbody > tr.footable-row-detail { border-top: none; }
.Mdata .List .footable td { padding: 15px 10px; text-align: left; }
.Mdata .List .footable td a { color: #555; }
.Mdata .List .footable td a:hover { color: #c00; }
.Mdata .List .footable tr.footable-detail-show:hover, .Mdata .List .footable tr.footable-detail-show:hover + tr.footable-row-detail { background: #fbf8e9; }
.Mdata .List .footable td:nth-child(1) { text-align: center; }
.Mdata .List .footable td:nth-child(2) { text-align: center; }
.Mdata .List .footable td:nth-child(3) { font-size: 15px; }
.Mdata .List .footable td:nth-child(4) { text-align: center; }
.Mdata .List .footable td:nth-child(8) { text-align: center; }
.Mdata .List .footable td:nth-child(9) { text-align: center; }
.Mdata .List .footable td:nth-child(10) { text-align: center; }
.Mdata .List .footable b { font-size: 15px; color: #c00; }
.Mdata .List .footable.breakpoint > tbody > tr > td.expand { background: url("img/plus.png") no-repeat center; }
.Mdata .List .footable.breakpoint > tbody > tr.footable-detail-show > td.expand { background: url("img/minus.png") no-repeat center; }
.Mdata .List .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }
.Mdata .List .footable.breakpoint > tbody > tr.footable-row-detail { border-top: 1px dotted #eee; }
.Mdata .List .footable.breakpoint > tbody > tr.footable-row-detail td { padding: 5px 0 20px 0; }
.Mdata .List .footable-row-detail-inner { text-align: left; }
.Mdata .List .footable-row-detail-inner > div { float: left; width: 50%; padding: 0 1%; text-align: left; }
.Mdata .List .footable-row-detail-inner > div .img { display: block; }
.Mdata .List .footable-row-detail-inner > div .img img { float: left; width: 32%; margin-right: 1%; }
.Mdata .List .footable-row-detail-inner > div .img img:last-child { margin-right: 0%; }
.Mdata .List .footable-row-detail-inner > div strong { font-weight: bold; color: #6ca73d; }
.Mdata .List .footable-row-detail-inner > div:nth-child(n+2) { margin-top: 20px; }
.Mdata .List .footable > thead > tr > th > span.footable-sort-indicator { width: 16px; height: 16px; display: block; float: right; background: url("img/sorting_sprite.png") no-repeat top left; }
.Mdata .List .footable > thead > tr > th.footable-sortable:hover { cursor: pointer; }
.Mdata .List .footable > thead > tr > th.footable-sorted > span.footable-sort-indicator { background-position: 0 -16px; }
.Mdata .List .footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator { background-position: 0 -32px; }
.Mdata .List .footable > thead > tr > th:nth-child(1) > span.footable-sort-indicator, .Mdata .List .footable > thead > tr > th:nth-child(1).footable-sorted > span.footable-sort-indicator, .Mdata .List .footable > thead > tr > th:nth-child(1).footable-sorted-desc > span.footable-sort-indicator, .Mdata .List .footable > thead > tr > th:nth-child(2) > span.footable-sort-indicator, .Mdata .List .footable > thead > tr > th:nth-child(2).footable-sorted > span.footable-sort-indicator, .Mdata .List .footable > thead > tr > th:nth-child(2).footable-sorted-desc > span.footable-sort-indicator { display: none; }
.Mdata .List tfoot.footable-pagination tr td { text-align: center; }
.Mdata .List .footable-nav { list-style: none; padding: 0; margin: 0; display: inline-block; }
.Mdata .List .footable-nav li { display: inline-block; margin: 0 5px; }
.Mdata .List .footable-nav li a { display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #555; border: 1px solid #ccc; }
.Mdata .List .footable-nav li a:hover { color: #fff; background: #92ca69; }
.Mdata .List .footable-nav .footable-page-current { background: #6ca73d; }
.Mdata .List .footable-nav .footable-page-current a { color: #fff; }
.Mdata .List .line { border-bottom: 1px solid #ccc; }

.Faq .faq-btn { display: block; margin-top: 20px; }
.Faq .faq-btn > a { display: block; color: #555; border-bottom: 2px solid #00b1b0; font-size: 18px; }
.Faq .faq-btn > a i { background: #00b1b0; color: #fff; padding: 5px 8px; margin-right: 10px; }
.Faq dl { display: block; border: 1px solid #92ca69; margin: 10px auto 40px auto; }
.Faq dl dt { background: #92ca69; color: #fff; padding: 1%; font-size: 15px; padding-left: 30px; position: relative; cursor: pointer; border-bottom: 1px solid #8ac45d; }
.Faq dl dt:before{
	content: ''; display: block; width: 5px; height: 17px; background: #fff;
	position: absolute; top: 10px; left: 10px;
	padding-right: 8px;}
.Faq dl dt i { font-size: 18px; position: absolute; left: 10px; top: 9px; }
.Faq dl dt b { font-size: 18px; position: absolute; right: 10px; top: 9px; }
.Faq dl dd { overflow: hidden; position: relative; padding: 20px 30px; background: #e4ecde; }
.Faq dl dd i { color: #00b1b0; font-size: 18px; position: absolute; left: 10px; top: 20px; }

.Contact .con-map .btn-nav { width: 100%; display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhYzQ1ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZjYTczZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ac45d), color-stop(100%, #6ca73d)); background-image: -moz-linear-gradient(top, #8ac45d, #6ca73d); background-image: -webkit-linear-gradient(top, #8ac45d, #6ca73d); background-image: linear-gradient(to bottom, #8ac45d, #6ca73d); }
.Contact .con-map .tabs { display: block; padding: 5px 20px 0 20px; }
.Contact .con-map .tabs li { display: block; float: left; margin: 5px 0px 0px 8px; }
.Contact .con-map .tabs li a { padding: 5px 9px 2px 9px; display: block; color: #fff; }
.Contact .con-map .tabs li a:hover { background: #8ac45d; color: #fff; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; }
.Contact .con-map .tabs li.active a { background: #fff; color: #6ca73d; font-weight: bold; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.3); }
.Contact .con-map .tab_container { width: 100%; display: block; padding: 5px 0px  10px 0px; clear: both; margin: 0 auto; }
.Contact .con-map .tab_content { width: 95%; overflow: hidden; margin: 15px auto 15px auto; }
.Contact .con-map .title { color: #6ca73d; font-size: 18px; }
.Contact .con-map .title i { font-size: 18px; margin-right: 5px; }
.Contact .con-map .data { margin: 0 0 20px 0; width: 48%; display: block; float: left; }
.Contact .con-map .data table { width: 100%; }
.Contact .con-map .data td { padding: 8px; border-bottom: 1px dashed #ccc; }
.Contact .con-map .data td:first-child { color: #999; width: 29%; text-align: right; }
.Contact .con-map iframe { display: block; float: right; width: 48%; }
.Contact .con-form .form-title p { background: url(../images/icon-mail1.png) no-repeat; }

@media (min-width: 1024px) and (max-width: 1199px) { .topbar { width: 470px; top: 30px; }
  .About .Text { float: none; width: 100%; }
  .About .vline { display: none; }
  .About .Pic { float: none; width: 100%; }
  .Reservation .form input[type=text] { width: 80%; }
  .Reservation .form input[type=password] { width: 60%; }
  .Reservation .form input.width40 { width: 60%; }
  .join .form input[type=text] { width: 80%; }
  .join .form input[type=password] { width: 60%; }
  .join .form input.width40 { width: 60%; } }
@media (max-width: 1024px) { .About .Text { float: none; width: 100%; }
  .About .vline { display: none; }
  .About .Pic { float: none; width: 100%; }
  .Contact .con-map .title { font-size: 16px; }
  .Contact .con-map .data td:first-child { color: #999; width: 40%; text-align: right; }
  .form td:first-child, .Reservation .form td:first-child, .join .form td:first-child { width: 20%; }
  .form tr:last-child td, .Reservation .form tr:last-child td, .join .form tr:last-child td { padding-left: 21.5%; }
  .Reservation .form, .join .form, .form { width: 100%; }
  .Reservation .form input[type=text] { width: 80%; }
  .Reservation .form input[type=password] { width: 60%; }
  .Reservation .form input.width40 { width: 60%; }
  .join .form i { display: block; color: #999; font-size: 12px; margin: 0 10px; }
  .pagenum li { margin: 0 3px; }
  .button-and-num .pagenum { width: 40%; margin: 5px 0 0 0; }
  .Seminar .seminar-list .text span:nth-child(3) p { width: calc( 100% - 130px); }
  .Mdata .member-detail-form { width: 100%; }
  .Mdata .list li { width: 24%; } }
@media (min-width: 769px) and (max-width: 1023px) { .topbar { width: 460px; top: 0px; }
  .News li { margin-bottom: 20px; }
  .News span { padding: 2px 15px 2px 42px; }
  .News time { color: #189ce2; margin: 0 8px; }
  .News a { width: 100%; margin-top: 10px; }
  .button-and-num .pagenum { width: 100%; margin: 20px 0 0 0; text-align: left; }
  .button-and-num .pagenum a { text-align: center; } }
@media (max-width: 768px) { .PageBanner { margin-bottom: 11%; }
  .topbar { width: 100%; height: auto; padding: 10px 0 5px 10px; top: 110%; box-shadow: none; }
  .topbar .icon { width: 5%; margin-right: 2%; vertical-align: middle; }
  .topbar .search { margin: 0 2%; width: 40%; }
  .topbar .search input { width: calc(100% - 35px); height: 30px; padding: 2px; }
  .topbar .search a { width: 35px; height: 30px; font-size: 12px; line-height: 30px; }
  .topbar .language { margin: 0 5px; font-size: 13px; }
  .topbar .language a { padding: 5px 10px; }
  .News li { margin-bottom: 20px; }
  .News span { padding: 2px 15px 2px 42px; }
  .News time { color: #189ce2; margin: 0 8px; }
  .News a { width: 100%; margin-top: 10px; }
  .Reservation .form input[type=text], .join .form input[type=text] { width: 100%; }
  .Reservation .form input[type=password], .join .form input[type=password] { width: 100%; }
  .Reservation .form input.width40, .join .form input.width40 { width: 100%; }
  .Reservation .form textarea, .join .form textarea { width: 100%; }
  .Seminar-detail .title { font-size: 15px; }
  .Seminar-detail .other li:nth-child(1) a { padding: 14px 10px 10px 10px; font-size: 16px; }
  .Seminar-detail .other li:nth-child(1) a.btnA b { font-size: 12px; margin-left: 10px; }
  .Seminar-detail .other li:nth-child(1) a.btnE b { font-size: 18px; margin-left: 10px; }
  .CaseDetail .Data-detail .text .link { margin-left: 10px; }
  .CaseDetail .Data-detail .tA { width: 45%; margin-left: 0px; }
  .CaseDetail .Data-detail .tA b { color: #f00; font-size: 16px; font-weight: bold; margin-right: 5px; }
  .CaseDetail .Data-detail .tB { width: 55%; }
  .CaseDetail .Data-detail .tB span { background: #999; }
  .CaseDetail .Data-detail .title .print { position: static; display: inline-block; margin-top: 20px; }
  .CaseDetail .Data-detail .title .heart { position: static; display: inline-block; }
  .Mdata .list li { width: 32%; }
  .Case-search .select select { font: normal 13px/1 Verdana, "微軟正黑體", sans-serif; }
  .Case .List2 .footable td:nth-child(1) .pic { display: block; margin: 2% 0 0 30px; } }
@media (min-width: 641px) and (max-width: 767px) { .NewsDeatil .nav span { display: none; }
  .NewsDeatil .nav b { margin-left: 0px; } }
@media (max-width: 640px) { .NewsDeatil .nav span { display: none; }
  .NewsDeatil .nav b { margin-left: 0px; }
  .Faq .faq-btn > a { font-size: 16px; }
  .Faq dl dt { padding: 1%; font-size: 14px; padding-left: 30px; padding-right: 30px; position: relative; cursor: pointer; border-bottom: 1px solid #189ce2; }
  .Faq dl dt i { font-size: 16px; left: 10px; top: 7px; }
  .Faq dl dt b { font-size: 16px; right: 10px; top: 7px; }
  .Faq dl dd { overflow: hidden; position: relative; padding: 20px 30px; background: #e0f4ff; }
  .Faq dl dd i { color: #00b1b0; font-size: 18px; position: absolute; left: 10px; top: 20px; }
  .form { width: 100%; }
  .button-and-num .pagenum { width: 100%; margin: 20px 0 0 0; text-align: left; }
  .button-and-num .pagenum a { text-align: center; }
  .Seminar .seminar-list .img { float: none; width: 100%; margin-top: 40px; }
  .Seminar .seminar-list .text { float: none; width: 100%; margin-top: 5px; }
  .Seminar-detail .bar { display: none; }
  .Seminar-detail .other li { display: block; float: none; width: 100%; padding: 20px 0 10px 0; }
  .Seminar-detail .other li:nth-child(2) { border-left: none; }
  .Seminar-detail .other .bar-title { display: block; }
  .Case .List .footable-row-detail-inner > div { float: none; width: 100%; }
  .Case .List .footable-row-detail-inner > div .img { display: block; margin-bottom: 10px; overflow: hidden; }
  .Case .List .footable-row-detail-inner > div br { display: none; }
  .Case .List .footable-row-detail-inner > div .link { margin-left: 10px; }
  .CaseDetail .ADScroll .bd li, .Mdata .ADScroll .bd li { width: 50%; }
  .CaseDetail .Data-detail .title a { display: block; width: 143px; height: 43px; top: 100%; right: 20px; }
  .CaseDetail .Data-detail .text { float: none; margin-top: 10px; }
  .CaseDetail .Data-detail .text li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; }
  .CaseDetail .Data-detail .text span { display: inline-block; color: #fff; background: #0f70a3; font-size: 12px; padding: 0px 10px; margin-right: 10px; border-radius: 20px; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
  .CaseDetail .Data-detail .text .link { margin-left: 10px; }
  .CaseDetail .Data-detail .tA { width: 100%; margin: 50px 0 0 0; }
  .CaseDetail .Data-detail .tB { width: 100%; margin-left: 0; }
  .CaseDetail .Data-detail .tB span { background: #999; }
  .CaseDetail .bar { display: none; }
  .CaseDetail .Data-box li { float: none; width: 100%; padding: 0; margin-bottom: 20px; }
  .CaseDetail .Data-box .bar-title { display: block; }
  .Mdata .member-detail-form { display: none; }
  .Mdata .member-detail-form-phone { display: block; } }
@media (min-width: 481px) and (max-width: 639px) { .PageBanner { margin-bottom: 13%; }
  .topbar .search input { width: calc(100% - 25px); height: 20px; padding: 2px; }
  .topbar .search a { width: 25px; height: 20px; font-size: 12px; line-height: 20px; }
  .topbar .language { font-size: 12px; }
  .topbar .language a { padding: 0px 5px; }
  .Contact .con-map .title { display: none; }
  .Contact .con-map .data { width: 100%; float: none; }
  .Contact .con-map .data table { width: 100%; }
  .Contact .con-map .data td { padding: 8px; border-bottom: 1px dashed #ccc; }
  .Contact .con-map .data td:first-child { color: #999; width: 30%; text-align: right; }
  .Contact .con-map iframe { width: 100%; float: none; }
  .form td:first-child, .Reservation .form td:first-child, .join .form td:first-child { width: 30%; }
  .form input[type=text], .form textarea { width: 100%; }
  .form tr:last-child td, .Reservation .form tr:last-child td, .join .form tr:last-child td { padding-left: 32%; }
  .login { height: auto; }
  .login .l-top { height: 20px; }
  .login .l-h { margin-left: 5%; height: 40px; line-height: 40px; }
  .login .l-id { margin: 10px 0px 10px 5%; }
  .login .l-pw { margin: 20px 0px 20px 5%; }
  .login .l-id input { width: 80%; }
  .login .l-pw input { width: 80%; }
  .login .l-p { margin: 30px 0px 20px 5%; }
  .login .l-p span { margin-right: 0; }
  .login .l-p input { margin-left: 5%; } }
@media (max-width: 480px) { .PageBanner { margin-bottom: 13%; }
  .topbar .search input { width: calc(100% - 25px); height: 20px; padding: 2px; }
  .topbar .search a { width: 25px; height: 20px; font-size: 12px; line-height: 20px; }
  .topbar .language { font-size: 12px; }
  .topbar .language a { padding: 0px 5px; }
  nav i { font-size: 16px; }
  nav b { font-size: 18px; }
  nav span { margin: 5px 0 0 0px; display: block; }
  .pagenum li { margin: 0 2px; }
  .Contact .con-map .title { display: none; }
  .Contact .con-map .data { width: 100%; float: none; font-size: 12px; }
  .Contact .con-map .data table { width: 100%; }
  .Contact .con-map .data td { padding: 8px; border-bottom: 1px dashed #ccc; }
  .Contact .con-map .data td:first-child { color: #999; width: 30%; text-align: right; }
  .Contact .con-map iframe { width: 100%; float: none; }
  .form td { font-size: 12px; }
  .form td:first-child { width: 30%; }
  .form input[type=text], .form textarea { width: 100%; }
  .form tr:last-child td { padding-left: 0; text-align: center; }
  .Seminar .seminar-list .text span { font-size: 12px; }
  .Seminar .seminar-list .text span:nth-child(3) p { display: block; width: 100%; }
  .Seminar .seminar-list .text span:nth-child(3) a { margin: 10px 0; }
  .login { height: auto; }
  .login .l-top { height: 20px; }
  .login .l-h { margin-left: 5%; height: 40px; line-height: 40px; }
  .login .l-id { margin: 10px 0px 10px 5%; }
  .login .l-pw { margin: 20px 0px 20px 5%; }
  .login .l-id input { width: 80%; }
  .login .l-pw input { width: 80%; }
  .login .l-p { margin: 30px 0px 20px 5%; }
  .login .l-p span { margin-right: 0; }
  .login .l-p input { margin-left: 5%; }
  .forget .f-top { height: 20px; }
  .forget .f-h { margin: 5%; }
  .forget .f-mail { margin: 0 0 0 5%; }
  .forget .f-mail input { width: 95%; margin: 2% 0px; }
  .forget .f-btn { float: right; width: 100px; display: block; text-align: right; margin: 2% 2.5% 8% 5%; }
  .CaseDetail .Data-detail .tA { padding-left: 0px; }
  .CaseDetail .Data-detail .tB { padding-left: 0px; }
  .Mdata .member-detail-form-phone li span { width: 80px; }
  /* .Case-search .select select { width: calc( 100% - 18px); font: normal 12px/1 Verdana, "微軟正黑體", sans-serif; }
  .Case-search .search-text input { width: calc( 100% - 75px); padding: 5px; margin: 5px auto; } */
  .Case .List2 .footable td:nth-child(1) .pic .img { min-width: auto; min-height: auto; width: 150px; height: 140px; }
  .Case .List2 .footable td:nth-child(1) .pic ul { display: block; max-width: 150px; } }
@media (max-width: 414px) { .form td:first-child { width: 32%; } }
@media (max-width: 375px) { .PageBanner { margin-bottom: 14%; }
  .topbar .search { margin: 0 1%; width: 35%; }
  .topbar .language a { padding: 0px 3px; }
  .form td:first-child { width: 35%; }
  .form tr:nth-last-child(2) input { width: 60px; }
  .form tr:nth-last-child(2) img { vertical-align: middle; margin-left: 5px; }
  .join .form td:first-child { width: 35%; } }
@media (max-width: 320px) { .PageBanner { margin-bottom: 16%; }
  .topbar .search { margin: 0 0%; width: 32%; }
  .login .l-h { margin-left: 3%; }
  .login .l-id { margin: 10px 0px 10px 3%; }
  .login .l-pw { margin: 20px 0px 20px 3%; }
  .login .l-id input { width: 75%; }
  .login .l-pw input { width: 75%; }
  .login .l-p { margin: 30px 0px 20px 3%; }
  .login .l-p input { margin: 5% 0%; }
  .join .form td:first-child { width: 38%; }
  .Case .List .footable th { padding: 0; }
  .icon-link li { margin: 0 2px; } }

/*# sourceMappingURL=style-page.css.map */