@import url("../css/reset.css");
body {color: #373737;background-image: url('../images/main-bg.gif');background-repeat: repeat-x;font-size: 13px;line-height: 1.5;background-position: center top;background-color: #FFFFFF;}
a {color: #373737;text-decoration: none;}
a:hover {text-decoration: underline;}
::selection{background: #fe8a02;color:#ffffff;}
.img-responsive {display: block;max-width: 100%;height: auto;}
.center-block {display: block;margin-right: auto;margin-left: auto;}
h1 {color: #fe8a02;text-decoration: none;font-weight: normal;font-size: 24px;font-family: "微軟正黑體", Arial, serif;text-align: left;line-height: 1.5;}
h2 {text-transform: none;color: #fe8a02;text-decoration: none;font-weight: normal;font-size: 16px;background-image: url('../images/wordbg.png');background-repeat: repeat-y;background-position: left top;height: auto;line-height: 35px;padding-left: 15px;margin-bottom: 20px;}
h3 {font-size: 15px;color: #656565;line-height: 1.5;padding: 5px 0;margin: 0 0 5px 0;border-bottom: 1px solid #dadada;border-top: 1px solid #dadada;}
h3 a {font-size: 12px;color: #656565;text-decoration: none;}
h3 a:hover {font-size: 12px;color: #656565;text-decoration: underline;}
#wh {margin-left: 15px;}
.word {font-size: 13px;line-height: 1.5;color: #373737;}
.word-english {font-size: 13px;line-height: 1.5;color: #373737;font-family: Arial, Helvetica, sans-serif;}
.teachername-english {font-size: 15px;line-height: 20px;color: #373737;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.numberword {font-size: 18px;line-height: 20px;color: #373737;font-weight: normal;font-family: "微軟正黑體", Arial, serif;}
.teachername {font-size: 15px;line-height: 20px;color: #373737;font-weight: bold;}
.title {font-size: 15px;line-height: 22px;color: #373737;font-family: "微軟正黑體", Arial, serif;}
.writeword {font-size: 13px;line-height: 1.5;color: #fff;}
.titlebutton {cursor: pointer;display: inline-block;font-size: 13px;font-weight: 600;line-height: 15px;position: relative;border: 0 none;clear: both;float: right;margin: 10px 20px;padding: 7px;}
.orange {background: #fe8a02;border: 0 none;color: #fff;}
.orange:hover {color: #fff;background: #f77309;}
p {font-size: 13px;line-height: 1.5;}
.japanese {font-size: 13px;line-height: 24px;}
p.clr, .clr {clear: both;padding: 0;margin: 0;background: none;}
.wtitle {padding: 0 0 10px 0;margin: 0;}
.wtitle h1 {margin: 0;padding: 5px 0;color: #fe8a02;text-align: left;border-bottom: 1px solid #dadada;font-family: "微軟正黑體", Arial, serif;font-size: 24px;font-style: normal;font-weight: normal;font-variant: normal;}
.pic img {display: block;padding: 7px;margin-top: 0;margin-bottom: 0;margin-left: 15;background-color: #FFFFFF;}
.studentimg {width: auto;float: left;padding-right: 15px;}
.line {clear: both;border-bottom: 1px solid #ddd;margin-top: 25px;margin-bottom: 40px;}
.float-left {
float: left;margin-right: 10px;margin-bottom: 10px;}
.float-right {float: right;}
.align-right {text-align: right;}
.align-center {text-align: center;}
#header-wrapper {height: 200px;background-image: url('../images/main-bg.gif');background-repeat: repeat-x;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-position: center top;background-color: #FFFFFF;}
#header {width: 1000px;margin: 0 auto;position: relative;z-index: 201;}
#top {padding-top: 8px;padding-right: 6px;padding-bottom: 0;padding-left: 0px;text-align: right;color: #273b8c;}
#top a {font-size: 12px;color: #273b8c;text-decoration: none;}
#logo {position: absolute;top: 15px;left: 0;}
#header-word {position: absolute;right: 0;top: 41px;font-family: "微軟正黑體", Arial, serif;font-size: 4em;color: #FFFFFF;font-weight: bold;line-height: normal;}
header {position: relative;width: 100%;}
.contact {display: none;position: absolute;top: 0;right: 0;padding: 15px 15px 0 0;height: 50px;z-index: 123;}
.contact a {color: #273b8c;font-size: 15px;font-family: "微軟正黑體", sans-serif;line-height: 1;}
.contact a:hover {text-decoration: none;font-weight: bold;}
.menuword {display: none;}
nav {position: relative;width: 1200px;margin: 0 auto;top: 110px;}
.nav ul {margin: 0;padding: 0;}
.nav li {position: relative;float: left;color: #333;list-style: none;}
.nav li a {display: block;padding: 17px;font-size: 15px;color: #273b8c;text-decoration: none;}
.nav li a:hover {background: #ff9c00;background: -moz-linear-gradient(top, #ff9c00 0%, #ffd400 96%, #ffffff 99%);background: -webkit-linear-gradient(top, #ff9c00 0%, #ffd400 96%, #ffffff 99%);background: linear-gradient(to bottom, #ff9c00 0%, #ffd400 96%, #ffffff 99%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c00', endColorstr='#ffd400', GradientType=0);}
.nav li ul {display: none;position: absolute;top: 100%;z-index: 9997;}
.nav ul ul li a {background: #ffd400;width: 230px;padding: 11px 15px;margin-right: 0;font-weight: 400;text-decoration: none;border-bottom: 1px solid #fff;}
.nav ul ul li a:hover {width: 225px;border-left: 5px solid #fe8a02;color: #333;background: #fff;}
.nav li:hover ul {display: block;right: 0;left: 0;top: 100%;}
.toggle {display: none;color: #273b8c;height: 50px;background: #dedede;width: 100%;}
.toggle a.menubutton {display: block;height: 46px;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 12399994;padding: 12px 20px 0 0;}
.toggle a.menubutton {color: #273b8c;font-size: 15px;line-height: 1.5;font-family: "微軟正黑體", Arial, sans-serif;padding: 12px 0 0 50px;height: 50px;z-index: 123;text-decoration: none;}
.toggle a.menubutton:after {position: absolute;top: 23px;left: 20px;display: block;height: 3px;width: 20px;border-top: 2px solid #273b8c;border-bottom: 2px solid #273b8c;content: ''}
.toggle a.menubutton:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 18px;left: 20px;display: block;height: 2px;width: 20px;background: #273b8c;content: ''}
.arrow-bottom {display: none;position: absolute;top: 25px;right: 13px;margin-left: 5px;border-top: 4px solid #FFF;border-right: 4px solid transparent;border-left: 4px solid transparent;width: 1px;height: 1px;}
@font-face {font-family: 'WebSymbolsRegular';src: url('../fonts/websymbols-regular-webfont.eot');src: url('../fonts/websymbols-regular-webfont.eot@#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../fonts/websymbols-regular-webfont.ttf') format('truetype'), url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');font-weight: normal;font-style: normal;}
.icon {font-family: 'WebSymbolsRegular';font-size: 12px;line-height: 1px;}
.full-width-wrapper, .fixed-width-wrapper, #banner, #slider-wrapper {clear: both;display: table;}
.full-width-wrapper {width: 100%;}
.fixed-width-wrapper {width: 1000px;margin: 0 auto;}
#slider-frame {background-color: #f4f4f4;height: 340px;}
.slider {padding: 10px 10px 10px 10px;position: relative;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;max-height: 320px;}
a.rslides_nav {position: absolute;z-index: 200;top: 40%;margin-right: 20px;margin-left: 20px;}
a.rslides_nav.next {color: rgba(255, 255, 255, 0.6);font-family: 'WebSymbolsRegular';font-size: 30px;right: 0;text-decoration: none;}
a.rslides_nav.prev {color: rgba(255, 255, 255, 0.6);font-family: 'WebSymbolsRegular';font-size: 30px;left: 0;text-decoration: none;}
ul.rslides_tabs {text-align: center;margin: 0;padding: 0 0 15px 0;position: relative;height: auto;background-color: #f4f4f4;}
ul.rslides_tabs li {display: inline-block;background: none;width: 12px;height: 12px;padding: 0px;border-radius: 10px;margin: 15px 10px 0 0;vertical-align: top;}
ul.rslides_tabs li a {display: block;padding: 0px;background: #5c5a5e;margin: 0px;width: 12px;height: 12px;padding: 0px;border-radius: 10px;line-height: 0px;text-indent: -9999px;}
ul.rslides_tabs li.rslides_here a {text-indent: -9999px;background: #fe8a02;padding: 0px;margin: 0px;width: 12px;height: 12px;padding: 0px;border-radius: 10px;display: block;line-height: 1px;}
#main-wrapper {width: 1000px;background: #FFF;overflow: hidden;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-top: 20px;padding-bottom: 20px;}
#main {float: right;width: 730px;}
#main_word {margin-bottom: 10px;margin-top: 10px;}
#right {float: right;width: 310px;}
#right_word {margin-bottom: 5px;}
.clearfix {clear: both;}
#left {float: left;width: 250px;font-size: 12px;color: #656565;}
#left_photo {padding-bottom: 30px;}
#left_contact {padding-bottom: 15px;background-color: #f4f4f4;margin-bottom: 30px;}
.content {width: 100%;margin-bottom: 40px;padding-bottom: 20px;}
#course {margin-bottom: 10px;padding-bottom: 20px;}
#corplogo {overflow: hidden;width: 1000px;height: 65px}
footer #rwdfooter {display: none;width: 100%;height: 50px;background: #d6d6d6;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(97%, #ededed));background: -moz-linear-gradient(top, #d6d6d6, #ededed);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d6d6d6', endColorstr='#ededed');position: fixed;bottom: 0;box-shadow: 0px -1px 1px #CCC;z-index: 9998;}
footer #rwdfooter ul {list-style: none;width: 100%;height: 50px;overflow: hidden;}
footer #rwdfooter li {float: left;width: 20%;height: 50px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCC;-webkit-box-sizing: border-box;}
footer #rwdfooter li:first-child {border-left: none;}
footer #rwdfooter li:last-child {border-right: none;}
footer #rwdfooter li a {-webkit-box-sizing: content-box;display: block;width: 100%;height: -25px;line-height: 83px;font-size: 12px;color: #666;text-align: center;text-decoration: none;background-repeat: no-repeat;background-position: center 4px;letter-spacing: 1px;background-size: 25px 25px;}
footer #rwdfooter li a.phone {background-image: url('../images/telephone.png');}
footer #rwdfooter li a.map {background-image: url('../images/location.png');}
footer #rwdfooter li a.link_fb {background-image: url('../images/fb.png');}
footer #rwdfooter li a.link_line {background-image: url('../images/line.png');}
footer #rwdfooter li a.contactus {background-image: url('../images/social.png');}
footer #rwdfooter #schooltel {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99999;background-color: rgba(0, 0, 0, 0.7);display: none;}
footer #rwdfooter #schooltel ul {position: fixed;left: 45%;top: 45%;width: 290px;height: 295px;margin-left: -125px;margin-top: -120px;background: #FFF;}
footer #rwdfooter #schooltel li {width: 100%;height: 40px;margin: 5px auto;border-bottom: 1px solid #004ea1 !important;border: none;}
footer #rwdfooter #schooltel li a {width: 100%;text-align: center;font-size: 18px;color: #004ea1;line-height: 2;}
footer #rwdfooter #schooltel li a:hover {text-decoration: none;font-weight: bold;}
footer #rwdfooter #area {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index:99999;background-color: rgba(0, 0, 0, 0.7);display: none;}
footer #rwdfooter #area ul {position: fixed;left: 45%;top: 45%;width: 290px;height: 295px;margin-left: -125px;margin-top: -120px;background: #FFF;}
footer #rwdfooter #area li {width: 100%;height: 40px;margin: 5px auto;border-bottom: 1px solid #004ea1 !important;border: none;}
footer #rwdfooter #area li a {width: 100%;text-align: center;font-size: 18px;color: #004ea1;line-height: 2;}
footer #rwdfooter #area li a:hover {text-decoration: none;font-weight: bold;}
#footer-top-wrapper, #footer-wrapper, #footer, #footer-bottom-wrapper {clear: both;display: table;}
#footer-top-wrapper {width: 100%;height: 20px;background-image: url('../images/footer-bg.gif');background-repeat: repeat-x;background-position: top;background-color: #f4f4f4;}
#footer-top {width: 500px;float: left;}
#footer-top a {color: #656565;}
#footer-navigation li {display: block;float: left;margin-right: 5px;}
#footer-navigation span {margin-right: 5px;color: #656565;}
#footer-wrapper {width: 100%;overflow: hidden;padding-bottom: 10px;background-color: #f4f4f4;}
#footer {width: 1000px;margin-right: auto;margin-left: auto;padding-bottom: 0px;}
.footer-widget {width: 380px;}
.footer-widget a {color: #656565;}
.footer-widget.right {float: right;}
.footer-widget li {margin-bottom: 2px;}
#footer-bottom-wrapper {width: 100%;height: 25px;background-color: #f4f4f4;}
#footer-bottom {width: 1000px;margin-right: auto;margin-left: auto;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;}
.footer-bottom-left {float: left;color: #656565;}
.footer-bottom-left a {color: #656565;}
.footer-bottom-left a:hover {text-decoration: none;}
#teacher-photo {width: 730px;height: 100px;margin: 0 auto;}
#teacher ul.teachermenu {width: 100%;list-style: none;margin: 0;padding-top: 10px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
#teacher ul.teachermenu li {margin: 0px;float: left;width: 83px;height: 93px;overflow: hidden;position: relative;margin: 0px;padding-right: 8px;}
#teacher ul.teachermenu li a:hover img {position: absolute;left: 0px;top: -93px;}
ul.list {margin-bottom: 4px !important;}
.list {height: 30px;color: #373737;font: normal 12px/13px;clear: both;padding: 0 0 2px 0;}
.list li {float: left;margin: 0;padding: 0 5px 0 0;}
.list li a {display: block;float: left;text-align: center;text-decoration: none;color: #373737;padding: 8px 9px;border-left: 1px solid #dadada;border-top: 1px solid #dadada;border-right: 1px solid #dadada;}
.list li a:hover {color: #373737;background: #fff;padding: 8px 9px;border-left: 1px solid #fe8a02;border-top: 1px solid #fe8a02;border-right: 1px solid #fe8a02;}
.list li a.active {color: #373737;background: #fff;padding: 8px 9px;border-left: 1px solid #fe8a02;border-top: 1px solid #fe8a02;border-right: 1px solid #fe8a02;border-bottom: 1px solid #fff;}
div.tabs_list {border: 1px solid #fe8a02;padding: 0;margin: 0;}
div.tabs_list ul {list-style: none;text-align: left;padding: 10px;}
div.tabs_list ul li {font: normal 13px;padding: 0;margin: 0;}
div.tabs_list ul li a {text-decoration: none;color: #fe8a02;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.holder {width: 715px;margin: 5px;padding: 5px;border: 1px solid #ddd;background: #f8f8f8;}
a.hid {color: #373737;text-decoration: none;outline-style: none;position: relative;z-index: 500;font-size: 16px;}
a.hid em {display: none;font-size: 12px;line-height: 16px;}
a.hid:hover {text-decoration: none;}
a.hid:active, a.hid:focus {background: #f8f8f8;}
a.hid:active span, a.hid:focus span {display: none;}
a.hid:active em, a.hid:focus em {display: block;background: #f8f8f8;color: #373737;width: 715px;font-style: normal;cursor: default;margin: 5px;padding: 5px;position: absolute;border: 1px solid #ddd;border-width: 0 1px 1px 1px;left: -5px;top: -5px;}
.qa {background-image: url('../images/Q.gif');line-height: 3em;padding: 5px 5px 5px 40px;background-repeat: no-repeat;background-position: left 8px;font-size: 14px;font-family: "微軟正黑體", Arial, serif;border-top: 1px dashed #ddd;}
.qa a:link, .qa a:visited,.qa a:active,.qa a:hover {text-decoration: none}
.qa a:hover {color: #ff8400;cursor: pointer;}
{text-decoration: none}
.aq {background-image: url('../images/working-holiday/A.gif');line-height: 22px;padding-left: 40px;background-repeat: no-repeat;color: #373737;font-size: 12px;padding-top: 5px;margin-bottom: 5px;min-height: 34px;}
.responsive-table {width: 100%;}
.responsive-table thead {position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
.responsive-table thead th {background-color: #666666;border: 1px solid #666666;font-weight: normal;text-align: left;color: white;}
.responsive-table.book thead th {background-color: #fff;border: none;font-weight: normal;text-align: center;color: #666;}
.responsive-table thead th:first-of-type {text-align: left;}
.responsive-table.book thead th:first-of-type {text-align: center;}
.responsive-table tbody, .responsive-table tr, .responsive-table th, .responsive-table td {display: block;padding: 0;text-align: left;white-space: normal;}
.responsive-table th, .responsive-table td {padding: .5em;vertical-align: middle;}
.responsive-table caption {margin-bottom: .5em;font-size: 1em;font-weight: bold;text-align: center;}
.responsive-table tfoot {font-size: 1em;}
.responsive-table tbody tr {margin-bottom: 1em;border: 2px solid #666666;}
.responsive-table.book tbody tr {margin-bottom: 1em;border: none;}
.responsive-table tbody tr:last-of-type {margin-bottom: 0;}
.responsive-table tbody th[scope="row"] {background-color: #666666;color: white;border-bottom: 1px solid #666666;}
.responsive-table tbody td[data-type=currency] {text-align: right;}
.responsive-table tbody td[data-title]:before {content: attr(data-title);float: left;font-size: 1em;color: #fe8a02;}
.responsive-table.book tbody td[data-title]:before {content: attr(data-title);float: left;font-size: 1em;color: #333;}
.responsive-table tbody td {text-align: right;border-bottom: 1px solid #666666;}
.responsive-table.book tbody td {text-align: right;border-bottom: none;}
@media (min-width:75em) {
.responsive-table th, .responsive-table td {padding: .75em;}
}
@media (min-width:62em) {
.responsive-table {font-size: 1em;}
.responsive-table th, .responsive-table td {padding: .75em .5em;}
.responsive-table tfoot {font-size: 1em;}
}
@media (min-width:52em) {
.responsive-table {font-size: .9em;}
.responsive-table thead {position: relative;clip: auto;height: auto;width: auto;overflow: auto;}
.responsive-table tr {display: table-row;}
.responsive-table th, .responsive-table td {display: table-cell;padding: .5em;}
.responsive-table caption {font-size: 1.2em;}
.responsive-table tbody {display: table-row-group;}
.responsive-table tbody tr {display: table-row;border-width: 1px;}
.responsive-table tbody tr:nth-of-type(even) {background-color: rgba(94, 93, 82, 0.1);}
.responsive-table tbody th[scope="row"] {background-color: transparent;color: #5e5d52;text-align: left;}
.responsive-table tbody td {text-align: left;}
.responsive-table tbody td[data-title]:before {content: none;}
.responsive-table.book tbody td[data-title]:before {content: none;}
}
@media (max-width:620px) {
.tabs--sm {border: 1px solid #fe8a02;}
.tabs--sm .tabs__content {border-width: 0;border-top-width: 1px;}
.tabs--sm .tabs__list {background-color: white;margin: 0;margin-bottom: -1px;display: inline-block;width: 100%;}
.tabs--sm .tabs__list .tabs__item {overflow: hidden;position: absolute;height: 0;}
.tabs--sm .tabs__list .tabs__item--active {height: auto;position: relative;}
.tabs--sm .tabs__list--open .tabs__item {position: relative;height: auto;}
.tabs--sm .tabs__list--open .tabs__item--active>.tabs__link:after {content: none;}
.tabs--sm .tabs__item {width: 100%;max-width: 100%;border-right: 0;text-align: left;}
.tabs--sm .tabs__item--active>.tabs__link {background-color: #fe8a02;color: white;border: 0;}
.tabs--sm .tabs__item--active>.tabs__link:hover {color: white;}
.tabs--sm .tabs__item--active>.tabs__link:after {content: "";width: 0;height: 0;border: .5em solid transparent;border-top-color: #ffffff;float: right;margin-top: .75em;}
}
@media (max-width:760px) {
.tabs--md {border: 1px solid #fe8a02;}
.tabs--md .tabs__content {border-width: 0;border-top-width: 1px;}
.tabs--md .tabs__list {background-color: white;margin: 0;margin-bottom: -1px;display: inline-block;width: 100%;}
.tabs--md .tabs__list .tabs__item {overflow: hidden;position: absolute;height: 0;}
.tabs--md .tabs__list .tabs__item--active {height: auto;position: relative;}
.tabs--md .tabs__list--open .tabs__item {position: relative;height: auto;}
.tabs--md .tabs__list--open .tabs__item--active>.tabs__link:after {content: none;}
.tabs--md .tabs__item {width: 100%;max-width: 100%;border-right: 0;text-align: left;}
.tabs--md .tabs__item--active>.tabs__link {background-color: #fe8a02;color: white;border: 0;}
.tabs--md .tabs__item--active>.tabs__link:hover {color: white;}
.tabs--md .tabs__item--active>.tabs__link:after {content: "";width: 0;height: 0;border: .5em solid transparent;border-top-color: #ffffff;float: right;margin-top: .75em;}
}
@media (max-width:990px) {
.tabs--lg {border: 1px solid #fe8a02;}
.tabs--lg .tabs__content {border-width: 0;border-top-width: 1px;}
.tabs--lg .tabs__list {background-color: white;margin: 0;margin-bottom: -1px;display: inline-block;width: 100%;}
.tabs--lg .tabs__list .tabs__item {overflow: hidden;position: absolute;height: 0;}
.tabs--lg .tabs__list .tabs__item--active {height: auto;position: relative;}
.tabs--lg .tabs__list--open .tabs__item {position: relative;height: auto;}
.tabs--lg .tabs__list--open .tabs__item--active>.tabs__link:after {content: none;}
.tabs--lg .tabs__item {width: 100%;max-width: 100%;border-right: 0;text-align: left;}
.tabs--lg .tabs__item--active>.tabs__link {background-color: #fe8a02;color: white;border: 0;}
.tabs--lg .tabs__item--active>.tabs__link:hover {color: white;}
.tabs--lg .tabs__item--active>.tabs__link:after {content: "";width: 0;height: 0;border: .5em solid transparent;border-top-color: #ffffff;float: right;margin-top: .75em;}
}
@media (max-width:1070px) {
.tabs--xl {border: 1px solid #fe8a02;}
.tabs--xl .tabs__content {border-width: 0;border-top-width: 1px;}
.tabs--xl .tabs__list {background-color: white;margin: 0;margin-bottom: -1px;display: inline-block;width: 100%;}
.tabs--xl .tabs__list .tabs__item {overflow: hidden;position: absolute;height: 0;}
.tabs--xl .tabs__list .tabs__item--active {height: auto;position: relative;}
.tabs--xl .tabs__list--open .tabs__item {position: relative;height: auto;}
.tabs--xl .tabs__list--open .tabs__item--active>.tabs__link:after {content: none;}
.tabs--xl .tabs__item {width: 100%;max-width: 100%;border-right: 0;text-align: left;}
.tabs--xl .tabs__item--active>.tabs__link {background-color: #333333;color: white;border: 0;}
.tabs--xl .tabs__item--active>.tabs__link:hover {color: white;}
.tabs--xl .tabs__item--active>.tabs__link:after {content: "";width: 0;height: 0;border: .5em solid transparent;border-top-color: #ffffff;float: right;margin-top: .75em;}
}
.tabs__list {margin: 0;margin-bottom: -1px;}
.tabs__item {margin-bottom: 0;display: inline-block;width: auto;vertical-align: top;}
.tabs__item--active>.tabs__link {border: 1px solid #fe8a02;background: white;border-bottom: 0;position: relative;z-index: 3;color: #fe8a02;text-decoration: none;}
.tabs__item--active>.tabs__link:hover {color: #fe8a02;text-decoration: none;}
.tabs__link a {text-decoration: none;}
.tabs__link {color: #373737;padding: 8px 9px;font-size: 15px;line-height: 1.5;display: block;text-decoration: none;}
.tabs__link:hover {text-decoration: none;}
.tabs__area {opacity: 0;visibility: hidden;-webkit-transition: opacity .5s linear;transition: opacity .5s linear;height: 0;}
.tabs__area--active {opacity: 1;visibility: visible;-webkit-transition: opacity .5s linear;transition: opacity .5s linear;height: auto;}
.tabs__content {margin-bottom: 0;background: #fff;border: 1px solid #fe8a02;overflow: hidden;position: relative;clear: both;padding: 20px;}
.tabs__content p img {clear: both;}
.tabs__content h2 {margin: 10px 0;background-color: #f5f5f5;border-left-width: 8px;border-left-style: solid;border-left-color: #fe8a02;padding: 5px 0 5px 12px;font-size: 13px;line-height: 18px;font-weight: bold;}
.tabs__content a {text-decoration: none;color: #fe8a02;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
ul.playlist {margin: 0;padding: 0;list-style: none;width: 250px;float: right;}
ul.playlist li {margin: 2px;float: right;}
ul.playlist li a img {
border: 0;vertical-align: middle;}
.tv {width: 730px;height: 380px;background-color: #050007;}
.video {float: left;width: 480px;height: 380px;}
#gotop {display: none;position: fixed;right: 20px;bottom: 20px;padding: 10px;font-size: 20px;font-family: Arial, Helvetica, sans-serif;text-align: center;line-height: 40px;background: rgba(255, 171, 23, 0.6);text-decoration: none;color: #FFF;cursor: pointer;border-radius: 4px;z-index: 8888;}
#gotop:hover {background: rgba(255, 171, 23, 1);}
.video-holder iframe {width: 100%;}
.margin-top-large {margin-top: 90px;}
.margin-bottom-large {margin-bottom: 90px;}
.margin-top-medium {margin-top: 40px;}
.margin-bottom-medium {margin-bottom: 40px;}
.margin-bottom-small {margin-bottom: 25px;}
.margin-right-small {margin-right: 15px;}
.margin-left-small {margin-left: 15px;}
span.numbers {float: left;color: #ffffff;font-size: 12px;line-height: 12px;padding: 5px 8px;margin: 0 5px 0px 0;font-family:"Arial", "微軟正黑體", serif;background: #ccc;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;}
.row {margin-right: -15px;margin-left: -15px;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-md-3-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}

fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}
legend {display: block;width: 100%;padding: 0;margin-bottom: 20px;font-size: 21px;line-height: inherit;color: #333;border: 0;border-bottom: 1px solid #e5e5e5;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: bold;}
input[type="search"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px;line-height: normal;}
input[type="file"] {display: block;}
input[type="range"] {display: block;width: 100%;}
select[multiple], select[size] {height: auto;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
output {display: block;padding-top: 7px;font-size: 14px;line-height: 1.42857143;color: #555;}
.form-control {display: block;width: 100%;height: 1.5;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}
.form-control::-moz-placeholder {color: #999;opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {cursor: not-allowed;background-color: #eee;opacity: 1;}
textarea.form-control {height: auto;}
input[type="search"] {-webkit-appearance: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {line-height: 34px;}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm {line-height: 30px;}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg {line-height: 46px;}
}
.form-group {margin-bottom: 15px;}
.radio, .checkbox {position: relative;display: block;margin-top: 10px;margin-bottom: 10px;}
.radio label, .checkbox label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: normal;cursor: pointer;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {position: absolute;margin-top: 4px;margin-left: -20px;}
.radio+.radio, .checkbox+.checkbox {margin-top: -5px;}
.radio-inline, .checkbox-inline {display: inline-block;padding-left: 20px;margin-bottom: 0;font-weight: normal;vertical-align: middle;cursor: pointer;}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {margin-top: 0;margin-left: 10px;}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {cursor: not-allowed;}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {cursor: not-allowed;}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {cursor: not-allowed;}
.form-control-static {padding-top: 7px;padding-bottom: 7px;margin-bottom: 0;}
.form-control-static.input-lg, .form-control-static.input-sm {padding-right: 0;padding-left: 0;}
.input-sm, .form-group-sm .form-control {height: 30px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
select.input-sm, select.form-group-sm .form-control {height: 30px;line-height: 30px;}
textarea.input-sm, textarea.form-group-sm .form-control, select[multiple].input-sm, select[multiple].form-group-sm .form-control {height: auto;}
.input-lg, .form-group-lg .form-control {height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 6px;}
select.input-lg, select.form-group-lg .form-control {height: 46px;line-height: 46px;}
textarea.input-lg, textarea.form-group-lg .form-control, select[multiple].input-lg, select[multiple].form-group-lg .form-control {height: auto;}
.has-feedback {position: relative;}
.has-feedback .form-control {padding-right: 42.5px;}
.form-control-feedback {position: absolute;top: 0;right: 0;z-index: 2;display: block;width: 34px;height: 34px;line-height: 34px;text-align: center;pointer-events: none;}
.input-lg+.form-control-feedback {width: 46px;height: 46px;line-height: 46px;}
.input-sm+.form-control-feedback {width: 30px;height: 30px;line-height: 30px;}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {color: #3c763d;}
.has-success .form-control {border-color: #3c763d;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.has-success .form-control:focus {border-color: #2b542c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;}
.has-success .input-group-addon {color: #3c763d;background-color: #dff0d8;border-color: #3c763d;}
.has-success .form-control-feedback {color: #3c763d;}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {color: #8a6d3b;}
.has-warning .form-control {border-color: #8a6d3b;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.has-warning .form-control:focus {border-color: #66512c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;}
.has-warning .input-group-addon {color: #8a6d3b;background-color: #fcf8e3;border-color: #8a6d3b;}
.has-warning .form-control-feedback {color: #8a6d3b;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {color: #a94442;}
.has-error .form-control {border-color: #a94442;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.has-error .form-control:focus {border-color: #843534;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;}
.has-error .input-group-addon {color: #a94442;background-color: #f2dede;border-color: #a94442;}
.has-error .form-control-feedback {color: #a94442;}
.has-feedback label~.form-control-feedback {top: 25px;}
.has-feedback label.sr-only~.form-control-feedback {top: 0;}
.help-block {display: block;margin-top: 5px;margin-bottom: 10px;color: #737373;}
@media (min-width:768px) {
.form-inline .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}
.form-inline .form-control {display: inline-block;width: auto;vertical-align: middle;}
.form-inline .form-control-static {display: inline-block;}
.form-inline .input-group {display: inline-table;vertical-align: middle;}
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {width: auto;}
.form-inline .input-group>.form-control {width: 100%;}
.form-inline .control-label {margin-bottom: 0;vertical-align: middle;}
.form-inline .radio, .form-inline .checkbox {display: inline-block;margin-top: 0;margin-bottom: 0;vertical-align: middle;}
.form-inline .radio label, .form-inline .checkbox label {padding-left: 0;}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {position: relative;margin-left: 0;}
.form-inline .has-feedback .form-control-feedback {top: 0;}
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding-top: 7px;margin-top: 0;margin-bottom: 0;}
.form-horizontal .radio, .form-horizontal .checkbox {min-height: 27px;}
.form-horizontal .form-group {margin-right: -15px;margin-left: -15px;}
@media (min-width:768px) {.form-horizontal .control-label {padding-top: 7px;margin-bottom: 0;text-align: right;}}
.form-horizontal .has-feedback .form-control-feedback {right: 15px;}
@media (min-width:768px) {.form-horizontal .form-group-lg .control-label {padding-top: 14.3px;}}
@media (min-width:768px) {.form-horizontal .form-group-sm .control-label {padding-top: 6px;}}
.social {position: fixed;display:block;right:-250px;top: 25%;z-index: 99999;}
.social ul {padding: 0px;-webkit-transform: translate(-270px, 0);-moz-transform: translate(-270px, 0);-ms-transform: translate(-270px, 0);-o-transform: translate(-270px, 0);transform: translate(0, 0);}
.social ul li {display: block;margin: 5px;background: rgba(0, 0, 0, 0.2);width: 300px;text-align: left;padding: 10px;-webkit-border-radius: 30px 0 0 30px;-moz-border-radius: 30px 0 0 30px;border-radius: 30px 0 0 30px;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.social ul li:hover {-webkit-transform: translate(-100px, 0);-moz-transform: translate(-100px, 0);-ms-transform: translate(-100px, 0);-o-transform: translate(-100px, 0);transform: translate(-100px, 0);background: rgba(0, 0, 0, 0.5);}
.social ul li#social-line:hover {background: #11b71f;}
.social ul li#social-fb:hover {background: #016beb;}
.social ul li#social-signup:hover {background: #fe8a01;}
.social ul li:hover a {color: #fff;}
.social ul li:hover i {color: #fff;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.social ul li i {padding: 5px 5px 5px 6px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 40px;height: 40px;font-size: 30px;background: #ffffff;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.social ul li a{color: #fff;font-size:20px;line-height:1.5;font-family:"微軟正黑體", Arial, sans-serif;text-decoration:none;}
a.linktowp {text-decoration: none;text-decoration-line: none;text-decoration-style: initial;text-decoration-color: initial;cursor: initial;color: inherit;font-weight: inherit}
a.linktowp:hover,a.linktowp:focus{text-decoration: none;text-decoration-line: none;text-decoration-style: initial;text-decoration-color: initial;cursor: initial;color: inherit;font-weight: inherit}

.jlpt-transcript{background:#f7f5db;padding: 20px 20px 40px;}
#main .jlpt-transcript h3{border: none;background: none;font-size: 20px;font-weight: 900;color: #c60;margin-bottom: 40px;line-height: 1.5;padding: 0;}
.jlpt-transcript h4{line-height: 1.5}
.jlpt-transcript h4:before{content: '■';color:#cc6600;margin-right: 10px}
.jlpt-transcript table{border-spacing:0;}
.jlpt-transcript table thead th{background:#e2d3a0;border-color:#ceb660;color:#333;width: 10%}
.jlpt-transcript table tbody tr td{background:#fff;border:1px solid #ceb660;padding:0;text-align:center;line-height: 2.5;}
.jlpt-transcript table tbody tr td strong{color:#cc6600;}
.jlpt-transcript table tbody td[data-title]:before{background: #e2d3a0;color: #333;width: 100%;}
.jlpt-transcript table tbody tr{border-color:#ceb660;}
.jlpt-transcript table tbody td br{display: none;}
@media (min-width: 52em){
.jlpt-transcript table{border:1px solid #ceb660;}
.jlpt-transcript table thead th, .jlpt-transcript table tbody tr td{text-align: center!important}
.jlpt-transcript table tbody tr td{padding: 5px;line-height: 1.5;}
.jlpt-transcript table.reference-information{max-width: 500px!important;}
.jlpt-transcript table tbody td br{display: block;}
}

.tag_new_menu > a:after {content: '';display: block;position: absolute;left: 0;top: 0;width: 50px;height: 40px;background-image: url('../images/tag-newmenu.svg');background-size: contain;background-repeat: no-repeat;}

ul.style1 {position: relative;margin: 0}
ul.style1 > li {padding: .5em .5em .5em 2em;border-bottom: dashed 1px silver;list-style-type: none!important}
ul li:last-child, ol li:last-child {border-bottom: none}
ul.style1 > li:before {font-family: "Font Awesome 5 Free";content: "\f138";position: absolute;left: .5em;font-weight: 900;color: #fe8a02}
#main ul.style1 > li p:last-child, #content ol.style2 > li p:last-child {margin-bottom: 0}
#main ol.style2 {counter-reset: number;list-style-type: none !important;padding: 0 0.5em;position: relative;margin-left: 0;border-radius: 0 10px 10px 10px}
#main ol.style2 > li {line-height: 1.5;padding: 1em 0 1em 2.5em;border-bottom: dashed 1px silver;list-style-type: none !important;margin-bottom: 0}
#main ol.style2 > li:before {counter-increment: number;content: counter(number);position: absolute;left: .75em;color: #fff;background: #fe8a02;width: 13px;height: 20px;padding: 0px 0px 0 7px;font-weight: 900;border-radius: 50%;margin-top: 3px}
#main ol li:last-of-type {border-bottom: none}
#main .linktopost a {text-decoration: none}
.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%}