@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700;900&family=Hahmlet:wght@100;200;300;400;500;600;700;800;900&display=swap');
:lang(ja) {font-family: 'Meiryo', sans-serif}
:lang(ko) {font-family: 'Hahmlet', 'Malgun Gothic', sans-serif}
:lang(en) {font-family: 'Rubik', 'Meiryo', 'Malgun Gothic', sans-serif;letter-spacing: 0}
.post-keyword {font-size: 10px;line-height: 1;position: absolute;color: transparent}
body.home {background-position: center 250px;font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;font-weight: 400}
.body-divider h1,.body-divider h6 {color: #333;text-decoration: none;font-size: 25px;text-align: left;padding: 0 0 5px;margin: 0 0 20px;border-bottom: 1px solid #bab9b9}
h3 span {color: #333;padding: 5px 0;margin: 0;font-size: 15px;font-style: normal;font-weight: 400;font-variant: normal;line-height: 20px}
h3 {color: #970000;padding: 5px;margin: 0;border-bottom: 1px solid #dfdfdf;font-size: 24px;font-style: normal;font-weight: 400;font-variant: normal}
a {color: #373737;text-decoration: none}
.al_left{text-align:left!important}
.numberword {font-size: 18px;line-height: 20px;color: #373737}
.whiteword {font-size: 13px;line-height: 18px;color: #fff}
.word20 {font-size: 20px;line-height: 1.5}
.word40 {font-size: 40px;line-height: 1.5;color: #004ea2}
.word-english {font-size: 13px;line-height: 18px;font-family: 'Rubik', 'Meiryo', 'Malgun Gothic', sans-serif}
.word-japanese {font-size: 13px;line-height: 24px;font-family: 'Meiryo', sans-serif}
.img-border {border: 1px solid #e5e5e5;border-bottom-width: 3px;float: left;display: block;padding: 5px}
.contactuslock {display: block;width: 35%;height: auto;min-height: 30px;background-color: #fa8a01;margin: 40px auto;padding: 10px;text-align: center}
.contactuslock a,.contactuslock a:hover {text-decoration: none;color: #fff;font-size: 15px;line-height: 1.5;font-family: "微軟正黑體", sans-serif}
@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: 400;font-style: normal}
.icon {font-family: WebSymbolsRegular;font-size: 12px;line-height: 1px}
.map-point,.overlay,.sprite,a.read-more,label.error,ul.simple-drop-down-menu>a {background-image: url(../images/sprite.png);background-repeat: no-repeat}
#banner,#slider-wrapper,.fixed-width-wrapper,.full-width-wrapper {clear: both;display: table}
.full-width-wrapper {width: 100%}
.fixed-width-wrapper {width: 1200px;margin: 0 auto}
a.read-more {background-position: -529px -53px;width: 125px;height: 32px;text-indent: -9999px}
a.read-more:hover {background-position: -529px -85px}
ul.list li {display: list-item}
header {position: relative;width: 100%}
.contact {display: none}
.contact a {color: #fff;font-size: 15px;line-height: 1}
.contact a:hover {text-decoration: none;font-weight: 700}
.menuword {display: none}
#header {position: relative;border-top: 5px solid #273b8c;background: url('../images/top-full-width-bg.png') top repeat-x}
#header #abstract-bg {background: url('../images/top-abstract-bg.png') 60% top no-repeat}
#header #banner {height: 130px}
#header #banner .logo {margin-top: 15px;float: left}
#header #banner .fb {margin-top: 30px;float: right;clear: both}
#header #banner .top-menu {float: right}
#header #banner .top-menu li {display: inline;float: left}
#header #banner .top-menu li a {float: left;font-size: 15px;color: #273b8c;text-decoration: none;display: block;padding: 8px}
#header #banner .top-menu li a.current,#header #banner .top-menu li a:hover {color: #fff;background-color: #273b8c}
#slider-bg {background: url('../images/slider-full-width-bg.png') left 20px repeat-x;height: 350px}
#slider-frame {width: 1200px;margin: 20px auto 0;border: 1px solid #ececec;border-radius: 3px;background-color: #fff}
.slider {margin: 10px;position: relative}
/*.slider-small {display: none}*/
.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}
a.rslides_nav {position: absolute;-webkit-tap-highlight-color: transparent;top: 52%;left: 0;opacity: .3;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: url('../images/slider-button.gif') left top no-repeat;margin-top: -45px}
a.rslides_nav:active {opacity: 1}
a.rslides_nav.next {left: auto;background-position: right top;right: 0}
ul.rslides_tabs {background: #322e39;text-align: center;margin: 0;padding: 0;position: relative;height: 10px}
ul.rslides_tabs li {display: inline-block;background: 0 0;width: 10%;height: 10px;padding: 0;margin: 0 1px 0 0;vertical-align: top}
ul.rslides_tabs li a {display: block;padding: 0;background: #5c5a5e;margin: 0;height: 10px;line-height: 0;text-indent: -9999px}
ul.rslides_tabs li.rslides_here a {text-indent: -9999px;background: #fe8a02;padding: 0;margin: 0;height: 10px;display: block;line-height: 1px}
.caption {position: absolute;bottom: 5%;left: 0;background: rgba(0, 0, 0, .4);margin: 0;padding: 10px 0;width: 50%;border-right: 5px solid rgba(255, 138, 2, .8)}
.caption h3 {padding: 0 20px;color: #fff;font-size: 20px;line-height: 30px}
.caption p {padding: 10px 20px 0;color: #fff;font-size: 13px}
.caption p>a {color: #fe8a02;font-size: 13px;text-decoration: none}
.caption p>a:hover {color: #fff}
nav {position: relative;width: 1200px;margin: 0 auto}
.nav ul {margin: 0;padding: 0}
.nav li {position: relative;float: left;color: #333;list-style: none;background: #fff;background: -moz-linear-gradient(top, #fff 0, #ededed 90%, #fff 96%, #ededed 99%);background: -webkit-linear-gradient(top, #fff 0, #ededed 90%, #fff 96%, #ededed 99%);background: linear-gradient(to bottom, #fff 0, #ededed 90%, #fff 96%, #ededed 99%)}
.nav li a {display: block;padding: 16px;font-size: 15px;color: #333;text-decoration: none}
.nav li:hover {color: #fff;background: #fe8a02}
.nav li ul {display: none;position: absolute;top: 100%;z-index: 9997}
.nav ul ul li a {background: #f3f3f3;width: 230px;padding: 11px 15px;margin-right: 0;font-weight: 400;text-decoration: none}
.nav ul ul li a:hover {border-left: 5px solid #fe8a02;color: #333;background: #fff}
.nav li:hover ul {display: block;right: 0;left: 0;top: 100%}
.toggle {display: none}
.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}
.body-divider {background: url(../images/seperator-980.png) center top no-repeat;padding-top: 30px}
.entry .block .content {min-height: 310px;height: 310px}
#content h1 {color: #333;text-decoration: none;font-weight: 400;font-size: 25px;text-align: left;padding: 0 0 5px;margin: 0 0 20px}
.course {width: 100%;margin-bottom: 40px;padding-bottom: 20px}
.course h2 {text-transform: none;color: #ff9c00;text-decoration: none;font-weight: 700;font-size: 20px;padding: 5px 5px 5px 20px;letter-spacing: 1px;background-image: linear-gradient(120deg, #efefef 0, #fff 100%);border-left: 6px solid #ff9c00;height: auto;line-height: 35px;margin-bottom: 20px}
#content h3 {font-size: 13px;line-height: 18px;color: #656565;padding: 10px;margin: 0 0 5px;border: 2px solid #fe8a02;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
#content h3 a {font-size: 13px;line-height: 18px;color: #656565;text-decoration: none}
#content h3 a:hover {color: #fe8a02;font-weight: 700}
#content.content-left {width: 900px}
#content.offline {width: 1200px}
#content p,.stu-text {line-height: 1.8;word-break: break-word}
#blogsidebar h1.double-color,#content h1.double-color {text-align: center;line-height: 1.5}
h1.double-color.sp {margin-bottom: 20px;background-color: #f3f3f3;border-bottom: 1px solid #dbdbdb}
#sidebar {float: right;width: 273px}
.box {margin-bottom: 20px}
.box h2 {font-size: 15px;line-height: 22px;color: #fe8a02;margin: 0 0 10px}
.box img {margin-bottom: 10px}
.box ul li {font-size: 13px;line-height: 18px;background-repeat: no-repeat;background-position: left top;background-image: url('../images/nav2.png');text-align: left;list-style-type: none;padding: 2px 0 5px 25px;font-weight: normal}
.box ul li a {color: #373737;text-decoration: none}
.box ul li a:hover {color: #373737;text-decoration: underline}
#blogsidebar {float: right;width: 273px}
.blogbox {margin-bottom: 20px}
.blogbox h2 {font-size: 15px;font-weight: 700;line-height: 1.5;color: #333;margin: 0 0 10px}
.blogbox img {margin-bottom: 10px}
.blogbox ul li {font-size: 15px;line-height: 1.5;text-align: left;list-style-type: none;padding: 10px;border-bottom: 1px solid #ccc}
.blogbox ul li a {color: #373737;text-decoration: none}
.blogbox ul li a:hover {color: #373737;text-decoration: underline}
.blogbox ul.bloglist li {background-repeat: no-repeat;background-position: left top;background-image: url(../images/nav.png);text-align: left;list-style-type: none;padding: 2px 0 5px 25px}
.blogbox ul.bloglist li a {color: #373737;text-decoration: none}
.blogbox ul.bloglist li:hover {color: #373737;background-color: #fff1dc}
ul.bloghot li {clear: both;display: table;border-bottom: 1px solid #dedede;border-top: 1px solid #fff;padding: 15px 0;width: 100%}
ul.bloghot li:first-child {padding-top: 0;border-top: none}
ul.bloghot li strong {margin: 0 0 10px;display: block}
ul.bloghot li a:hover {color: #ff9c00;font-weight: 700}
.flip {margin: 10px 0 30px;position: relative;width: 100%}
.image-holder {width: 100%;height: 100%;position: relative}
.image-holder img {width: 100%}
.image-holder span.team-button {position: absolute;top: 0;right: 0;background: url('../images/team-button-bg.jpg') right top no-repeat;padding: 8px;font-family: WebSymbolsRegular;color: #fff;font-size: 12px;cursor: pointer;z-index: 10;width: 100%;height: 100%;text-align: right}
a.button.orange {z-index: 15}
.team-content {font-size: 13px;line-height: 20px;width: 100%;display: block}
.team-wrap {padding: 13px 20px 10px;border: 1px solid #e1e1e1}
.team-wrap h3 {color: #fe8a02;font-size: 20px;text-transform: uppercase}
.team-wrap p {margin: 15px 0 10px;color: #868686}
@font-face {font-family: WebSymbolsRegular;src: url('../fonts/websymbols-regular-webfont.ttf');font-weight: 400;font-style: normal}
#teacher-photo {width: 900px;height: 100px;margin: 0 auto}
#teacher ul.teachermenu {width: 100%;list-style: none;margin: 0;padding: 10px 0 0}
#teacher ul.teachermenu li {margin: 0;float: left;width: 83px;height: 93px;overflow: hidden;position: relative;padding-right: 5px}
#teacher ul.teachermenu li a:hover img {position: absolute;left: 0;top: -93px}
#stu-col {list-style-type: none;padding: 0;margin: 0}
#stu-col li {width: auto;list-style-type: none;padding: 0 0 26px;margin: 0 0 50px !important;border-bottom: 1px dotted #d1d1d1}
.stu-img {position: relative;max-width: 300px;width: auto;float: left;margin-right: 20px}
.stu-img a {width: 100%;height: auto;display: block;position: relative;border: 1px solid #d1d1d1;padding: 8px}
.shadowimg300 {background: url('../images/students/project/shadowimg300.gif') no-repeat;display: block;height: 24px}
#stu-col .stu-text {width: 565px;float: left}
#stu-col h2 {text-transform: none;color: #ff9c00;text-decoration: none;font-weight: 400;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}
.stu-text p {margin: 0 0 20px}
.stupost-img {width: 100%;display: block;position: relative;border: 1px solid #d1d1d1;padding: 8px}
.stuposeword {font-size: 15px;line-height: 22px}
.studentimg {max-width: 140px;width:100%;height:auto;float: left;margin:0 20px 10px 0;border: solid 1px #d1d1d1;padding: 5px}
.studentimg-big{margin: 20px 0;width: 100%;max-width: 600px;display: block;height: auto}
.shadowimg899 {background: url('../images/students/project/shadowimg899.gif') no-repeat;display: block;height: 24px}
.centerintro h3 {color: #fe8a02;font-size: 18px;text-align: center}
.centerintro p {margin: 15px 0 10px;color: #868686}
.centerintro ul li {font-size: 13px;line-height: 18px;background-repeat: no-repeat;background-position: left top;background-image: url(../images/nav.png);text-align: left;list-style-type: none;padding: 2px 0 5px 20px}
#body-content .columns {float: left;display: inline}
#body-content .five.columns {width: 224px;margin-right: 20px;margin-bottom: 10px}
#body-content .five.columns.last {margin-right: 0}
ul.list {margin-bottom: 7px !important}
.list {height: 30px;color: #373737;clear: both;padding: 0 0 2px}
.list li {float: left;margin: 0;padding: 0 5px 0 0}
.list li h2 {font-size: 15px;color: #373737;padding: 0;margin: 0;line-height: 1.5;text-decoration: none}
.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 {padding: 0;margin: 0}
div.tabs_list ul li a {text-decoration: none;color: #fe8a02;font-weight: 700}
div.tabs_list ul li h2 {margin: 10px 0;background-color: #f5f5f5;padding: 5px 0 5px 12px;font-size: 13px;line-height: 18px;font-weight: 700;border-left: 8px solid #fe8a02}
.right {width: 585px;float: right;padding: 10px 0;margin: 0 0 30px}
.left {width: 585px;float: left;margin: 0;padding: 10px 0}
.big {width: 1200px;margin: 0 0 30px}
footer #rwdfooter {display: none}
.footer,.footer_resize {clear: both;display: table}
.footer {width: 100%;height: 210px;background: url('../images/footer_bg.gif') repeat-x}
.footer_resize {width: 1200PX;margin: 0 auto;padding: 9px 0 0}
.footer p {color: #fff}
.footer p span {color: #fff;font-size: 56px;line-height: normal}
.footer a {color: #fff;text-decoration: none;padding: 5px;margin: 0;font-size: 13px;font-style: normal;font-weight: 400;font-variant: normal;line-height: 1.5}
.footer p.leftt {text-align: left;width: 58%;margin: 0;padding: 3px 0 0;float: left}
.footer p.rightt {float: right;text-align: left;margin: 0;padding: 0}
.footer p.rightline {float: right;margin-left: 20px;width: 90px;height: auto;line-height: 1.5;font-size: 13px;text-align: center}
.footer p.down {text-align: center;margin: 140px 0 0;padding: 0}
.footer p.down span {color: #333;font-size: 13px;line-height: 1.5}
.back-to-top {float: right;background-position: -986px 4px;padding: 5px 0 0 20px}
.align-center {text-align: center}
.entry .block a.read-more,.float-left,.img-border img,.maxx-form button,.maxx-form input,.maxx-form textarea,.preloading-dark img,.preloading-light img,.via-email button span,ul.display-list-alternate li.odd a.read-more>div {float: left}
.float-right,.portfolio-main.filter {float: right}
.block .content,.entry-bottom>div,.overflow-hidden {overflow: hidden}
ul.display-list li h2,ul.display-list-alternate li h2 {margin: 0 0 10px}
ul.simple-drop-down-menu li ul li:hover a,ul.simple-drop-down-menu li.current ul li a {color: #373737}
.block.last-child,.block.last-child-of-line {margin-right: 0}
#content,#fb-button button,.back-to-top,.flick-gallery li a,.logo,.via-phone-number .icon,a.read-more,ul.point li a,ul.point li a em,ul.simple-drop-down-menu li a {display: block}
#footer-content .block .content .latest-news li p,.post-author h3 {margin-top: 5px}
#footer-content a,#footer-content h3 strong,#footer-extra-wrapper a:hover,ul.simple-drop-down-menu li.current a {color: #fff}
.block .content,.comment-content-wrapper>ul li .comment-content .comment-heading {margin-bottom: 10px}
.header-text,.image-preview {position: relative}
.personal-info input,.post .img-border {margin-bottom: 15px}
.qa {background-image: url('../images/Q.gif');background-repeat: no-repeat;background-position: left 5px;min-height: 40px;line-height: 1.8;padding: 10px 0 10px 40px;margin-left: 20px;border-top: 1px dashed #ddd}
.qa a:active,.qa a:link,.qa a:visited {text-decoration: none}
.qa a:hover {text-decoration: none;color: #fe8a02;cursor: pointer}
.aq {background-image: url('../images/A.gif');padding-left: 40px;background-repeat: no-repeat;color: #373737;padding-top: 5px;min-height: 35px;margin-bottom: 10px;margin-left: 20px;line-height: 2em}
.aq strong {font-weight: 700;box-shadow: inset 0 -8px 0 #fffb8f;padding-left: 5px;padding-right: 5px;padding-bottom: 0;text-decoration: none}
.course .qa:first-of-type {border-top: 0 !important}
.button {cursor: pointer;display: inline-block;font-size: 12px;font-weight: 600;line-height: 16px;margin: 0 10px 10px 0;padding: 7px 11px;position: relative;border: 0;-webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;transition: .2s linear}
.titlebutton {cursor: pointer;display: inline-block;font-size: 13px;font-weight: 600;line-height: 15px;position: relative;border: 0;clear: both;float: right;margin-top: 0 0 10px 10px;padding: 7px}
.orange {background: #fe8a02;border: 0;color: #fff}
.orange:hover {color: #fff;background: #f77309}
.gray {border: 1px solid #ff8c22;padding: 5px;float: right;margin: 10px 0 10px 10px;color: #ff8c22;font-size: 13px;text-decoration: none}
.gray:hover {color: #fff;background-color: #ff8c22;border: none}
.psyche {background-image: url('../images/psyche/psyche-top.jpg');height: 400px;padding-top: 200px;padding-left: 200px}
.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: #666;border: 1px solid #666;font-weight: 400;text-align: left;color: #fff}
.responsive-table.book thead th {background-color: #fff;border: none;font-weight: 400;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 td,.responsive-table th,.responsive-table tr {display: block;padding: 0;text-align: left;white-space: normal}
.responsive-table td,.responsive-table th {padding: .5em;vertical-align: middle}
.responsive-table caption {margin-bottom: .5em;font-size: 1em;font-weight: 700;text-align: center}
.responsive-table tfoot {font-size: 1em}
.responsive-table tbody tr {margin-bottom: 1em;border: 2px solid #666}
.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: #666;color: #fff;border-bottom: 1px solid #666}
.gept-testdate tbody th[rowspan="2"],.gept-testdate tbody th[rowspan="6"] {display: none}
.responsive-table tbody td[data-type=currency] {text-align: right}
.responsive-table tbody th[data-title]:before {content: attr(data-title);float: left;font-size: 1em;color: #fff;margin-right: 5px}
.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 #666}
.responsive-table.book tbody td {text-align: right;border-bottom: none}
@media (min-width:75em) {.responsive-table td,.responsive-table th {padding: .75em}}
@media (min-width:62em) {
.responsive-table {font-size: 1em}
.responsive-table td,.responsive-table th {padding: .75em .5em}
.responsive-table tfoot {font-size: 1em}
}
@media (min-width:52em) {
.responsive-table thead {position: relative;clip: auto;height: auto;width: auto;overflow: auto}
.responsive-table tr {display: table-row}
.responsive-table td,.responsive-table th {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, .1)}
.responsive-table tbody th[scope=row] {background-color: transparent;color: #5e5d52;text-align: left}
.gept-testdate tbody th[rowspan="2"],.gept-testdate tbody th[rowspan="6"] {display: table-cell}
.responsive-table tbody td {text-align: left}
.responsive-table tbody td[data-title]:before,.responsive-table tbody th[data-title]:before,.responsive-table.book tbody td[data-title]:before {content: none}
table td.hidden-desktop {display: none}
}
@media (max-width:620px) {
.tabs--sm {border: 1px solid #fe8a02}
.tabs--sm .tabs__content {border-width: 1px 0 0}
.tabs--sm .tabs__list {background-color: #fff;margin: 0 0 -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: #fff;border: 0}
.tabs--sm .tabs__item--active>.tabs__link:hover {color: #fff}
.tabs--sm .tabs__item--active>.tabs__link:after {content: "";width: 0;height: 0;border: .5em solid transparent;border-top-color: #fff;float: right;margin-top: .75em}
}
@media (max-width:760px) {
.tabs--md {border: 1px solid #fe8a02}
.tabs--md .tabs__content {border-width: 1px 0 0}
.tabs--md .tabs__list {background-color: #fff;margin: 0 0 -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: #fff;border: 0}
.tabs--md .tabs__item--active>.tabs__link:hover {color: #fff}
.tabs--md .tabs__item--active>.tabs__link:after {content: "";width: 0;height: 0;border: .5em solid transparent;border-top-color: #fff;float: right;margin-top: .75em}
}
@media (max-width:990px) {
.tabs--lg {border: 1px solid #fe8a02}
.tabs--lg .tabs__content {border-width: 1px 0 0}
.tabs--lg .tabs__list {background-color: #fff;margin: 0 0 -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: #fff;border: 0}
.tabs--lg .tabs__item--active>.tabs__link:hover {color: #fff}
.tabs--lg .tabs__item--active>.tabs__link:after {content: "";width: 0;height: 0;border: .5em solid transparent;border-top-color: #fff;float: right;margin-top: .75em}
}
@media (max-width:1070px) {
.tabs--xl {border: 1px solid #fe8a02}
.tabs--xl .tabs__content {border-width: 1px 0 0}
.tabs--xl .tabs__list {background-color: #fff;margin: 0 0 -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: #333;color: #fff;border: 0}
.tabs--xl .tabs__item--active>.tabs__link:hover {color: #fff}
.tabs--xl .tabs__item--active>.tabs__link:after {content: "";width: 0;height: 0;border: .5em solid transparent;border-top-color: #fff;float: right;margin-top: .75em}
}
.tabs__list {margin: 0 0 -1px}
.tabs__item {margin-bottom: 0;display: inline-block;width: auto;vertical-align: top}
.tabs__item--active>.tabs__link {border: 1px solid #fe8a02;background: #fff;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;display: none;visibility: hidden;-webkit-transition: opacity .5s linear;transition: opacity .5s linear;height: 0}
.tabs__area--active {opacity: 1;display: block;visibility: visible;-webkit-transition: opacity .5s linear;transition: opacity .5s linear;height: auto}
.tabs__content {margin-bottom: 0;background: #fff;border: 1px solid #fe8a02;padding: 2.2rem}
.tabs__content p img {clear: both}
.tabs__content h2 {margin: 10px 0;background-color: #f5f5f5;padding: 5px 0 5px 12px;font-size: 13px;line-height: 18px;font-weight: 700;border-left: 8px solid #fe8a02}
.tabs__content a {text-decoration: none;color: #fe8a02;font-weight: 700}
span.numbers {float: left;color: #fff;font-size: 12px;line-height: 12px;padding: 5px 8px;margin: 0 5px 0 0;background: #fe8a02;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px}
.row {margin-right: -15px;margin-left: -15px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-3-2,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {float: left}
.col-xs-12 {width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}
.col-xs-pull-12 {right: 100%}
.col-xs-pull-11 {right: 91.66666667%}
.col-xs-pull-10 {right: 83.33333333%}
.col-xs-pull-9 {right: 75%}
.col-xs-pull-8 {right: 66.66666667%}
.col-xs-pull-7 {right: 58.33333333%}
.col-xs-pull-6 {right: 50%}
.col-xs-pull-5 {right: 41.66666667%}
.col-xs-pull-4 {right: 33.33333333%}
.col-xs-pull-3 {right: 25%}
.col-xs-pull-2 {right: 16.66666667%}
.col-xs-pull-1 {right: 8.33333333%}
.col-xs-pull-0 {right: auto}
.col-xs-push-12 {left: 100%}
.col-xs-push-11 {left: 91.66666667%}
.col-xs-push-10 {left: 83.33333333%}
.col-xs-push-9 {left: 75%}
.col-xs-push-8 {left: 66.66666667%}
.col-xs-push-7 {left: 58.33333333%}
.col-xs-push-6 {left: 50%}
.col-xs-push-5 {left: 41.66666667%}
.col-xs-push-4 {left: 33.33333333%}
.col-xs-push-3 {left: 25%}
.col-xs-push-2 {left: 16.66666667%}
.col-xs-push-1 {left: 8.33333333%}
.col-xs-push-0 {left: auto}
.col-xs-offset-12 {margin-left: 100%}
.col-xs-offset-11 {margin-left: 91.66666667%}
.col-xs-offset-10 {margin-left: 83.33333333%}
.col-xs-offset-9 {margin-left: 75%}
.col-xs-offset-8 {margin-left: 66.66666667%}
.col-xs-offset-7 {margin-left: 58.33333333%}
.col-xs-offset-6 {margin-left: 50%}
.col-xs-offset-5 {margin-left: 41.66666667%}
.col-xs-offset-4 {margin-left: 33.33333333%}
.col-xs-offset-3 {margin-left: 25%}
.col-xs-offset-2 {margin-left: 16.66666667%}
.col-xs-offset-1 {margin-left: 8.33333333%}
.col-xs-offset-0 {margin-left: 0}
.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}
#gotop {display: none;position: fixed;right: 20px;bottom: 20px;padding: 10px;font-size: 20px;text-align: center;line-height: 40px;background: rgba(0, 78, 162, .6);text-decoration: none;color: #fff;cursor: pointer;border-radius: 4px;z-index: 8888}
#gotop:hover {background: rgba(0, 78, 162, 1)}
.clear {clear: both !important}
.sp {background: url('../images/sp.png') bottom repeat-x;padding-bottom: 20px;margin-bottom: 20px}
.post-tags li span,.posts-info span {background-image: url('../images/sprite.png');background-repeat: no-repeat}
.post-tags li {display: inline;float: left;line-height: 25px;margin-right: 5px}
.post-tags li:first-child span {background-position: -413px -127px;width: 68px;height: 27px;display: block;float: left;line-height: 25px;text-indent: 30px}
.post-tags li a {display: block;float: left;border: 1px solid #e5e5e5;border-bottom-width: 2px;background: #fafafa;color: #333;padding: 0 8px}
.post-tags li a:hover {color: #ff9c00;text-decoration: none;border-color: #ccc}
blockquote {border-bottom: 1px solid #e6e6e6;border-right: 1px solid #fff;border-top: 1px solid #fff;background: #fafafa;display: block;clear: both;margin: 10px 0;overflow: hidden}
blockquote p {font-size: 15px;line-height: 1.5}
.posts-info {overflow: hidden;padding-bottom: 30px}
.blog-entry-content .posts-info {background: url('../images/sp-fade.png') left bottom no-repeat;padding-bottom: 15px;margin-bottom: 15px}
.posts-info span {display: block;float: left;height: 20px;padding-left: 25px;font-size: 15px;margin-right: 20px;line-height: 1;text-transform: uppercase}
.posts-info span,.posts-info span a {color: #333}
.posts-info span a:hover {color: #787878;text-decoration: none}
.posts-info span.date {background-position: -980px -249px}
.posts-info span.user {background-position: -980px -279px}
.posts-info span.category {background-position: -980px -309px}
.align-right {float: right;margin-left: 20px}
.align-left {float: left;margin-right: 20px}
.align-left,.align-none,.align-right {margin-bottom: 15px}
.textarea {width: 100%;height: auto;max-width: 1200px;min-height: 100px}
.form-group {margin-bottom: 8px;text-align: left}
.form-group h4 {margin: 10px 10px 5px 0;font-size: 16px;display: inline-block;font-weight: bolder}
.form-control {border-radius: 0;padding: 0 10px;height: 36px;margin: 10px 0;-webkit-box-shadow: none;box-shadow: none}
.send_button {background: #ff244c;margin-left: initial;border: none;width: 150px;margin-top: 5px;font-size: 16px}
.send_button:active,.send_button:focus,.send_button:hover {background: #da1236;margin-top: 5px}
input,input[type=email],input[type=tel],select {-webkit-appearance: none;-moz-appearance: none;appearance: none}
input[type=checkbox],input[type=radio] {z-index: 0;position: absolute;opacity: 0}
label {position: relative;display: inline-block;line-height: 21px;cursor: pointer;margin-bottom: 3px;padding: 4px 10px 4px 18px}
label::before {content: " ";position: absolute;display: block;border-radius: 2px;width: 14px;left: 0;top: 6px;border: 1px solid #ccc;height: 14px}
input[type=radio]+label::before {border-radius: 18px}
input[type=checkbox]:checked+label,input[type=radio]:checked+label {color: #fff;z-index: 1;padding-left: 14px;padding-right: 14px}
input[type=checkbox]:checked+label::before,input[type=radio]:checked+label::before {top: 0;width: 100%;height: 100%;background: #337ab7;border-color: #337ab7;z-index: -1}
label,label::before {-webkit-transition: .25s;-o-transition: .25s;transition: .25s}
img.stu-share-img {max-width: 300px;margin-right: 15px}
.home_orange_class_btn {background: #fe8a01;color: #fff;text-align: center;margin-bottom: 10px;font-size: 18px;padding: 10px 0}
a.home_orange_class_btn_link:focus,a.home_orange_class_btn_link:hover {text-decoration: none}
a.home_orange_class_btn_link:hover>.home_orange_class_btn {background: #ffa842}
ul.list-style-disc li {list-style: disc;margin-inline-start: 20px}
.satbooks {min-height: 210px;text-align: center;margin-bottom: 20px}
.sat-teacher-list {margin-bottom: 20px}
.sat-teacher {width: 150px;height: auto;margin-bottom: 20px}
.sat-teacher-list h4 {color: #ff9c00;font-size: 24px;margin-top: 0}
.sat-teacher-list h4 em {color: #9e9e9e;display: block}
img.sat-test-steps {width: 100%;max-width: 600px;margin: 10px 0 20px 20px;border: 1px solid #a9a9a9}
.linebox {display: block;margin: 40px auto 20px;text-align: center;font-size: 25px;font-weight: bolder;color: #00b800}
.qrcodebox {background: #00b800;padding: 10px;max-width: 200px;margin: 0 auto}
.qrcodebox img {padding: 10px;background: #fff;margin: 0 auto}
.onlinecourse {width: 100%;max-width: 1200px;margin-bottom: 100px;padding-bottom: 50px}
.onlinecourse h2 {font: bold 36px/1.5 微軟正黑體, sans-serif;color: #fe8a02;text-align: center;margin-bottom: 20px}
.onlinecourse h3 {font: 18px/1.5 微軟正黑體, sans-serif;text-align: center;border-bottom: none;padding-bottom: 30px}
.onlinecourselist {margin-bottom: 40px}
.onlinecourselist h4 {padding: 10px;text-align: center;color: #4e8ac6;font: bold 26px/1.2 微軟正黑體, sans-serif}
.onlinecourselist img {margin: 0 auto;padding: 20px}
.onlinecourselist ul li {font: bold 15px/1.5 微軟正黑體, sans-serif;text-align: center;list-style-type: none;padding: 10px;border-bottom: 1px solid #ccc}
.onlinecourselist-left ul li {font: bold 15px/1.5 微軟正黑體, sans-serif;text-align: left;list-style-type: none;padding: 10px;border-bottom: 1px solid #ccc}
.onlinecourselist-blue {display: block;border-radius: 10px;background-color: #efefef;padding: 40px 20px;margin: 20px}
.onlinecourselist-blue h4 {padding: 10px;text-align: center;color: #333;font: bold 21px/1.5 微軟正黑體, sans-serif}
.onlinecourselist-blue img {display: block;width: 90%;margin: 0 auto}
.servicelist.onlinecourselist-center {background: #f0f8ff;padding: 20px;min-height: 230px}
.onlinecourselist-center .servicelist-icon {font-size: 36px;height: initial;width: initial;text-align: center;color: #508ac9}
.servicelist.onlinecourselist-center h4 {margin-top: 10px}
.servicelist.onlinecourselist-center .servicelist-bottom {padding: 0}
@media (max-width: 1023px) {.servicelist.onlinecourselist-center {min-height: 250px}}
@media (max-width: 990px) {.servicelist.onlinecourselist-center {min-height: 205px}}
@media (max-width: 767px) {.servicelist.onlinecourselist-center {min-height: auto}}
.table-mobile {display: none}
.social {position: fixed;display: block;right: -250px;top: 25%;z-index: 99999}
.social ul {padding: 0;-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, .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: 1s;-moz-transition: 1s;-ms-transition: all 1s;-o-transition: 1s;transition: 1s}
.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, .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: 1s;-moz-transition: 1s;-ms-transition: all 1s;-o-transition: 1s;transition: 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: #fff;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0)}
.social ul li a {color: #fff;font-size: 20px;line-height: 1.5;text-decoration: none}
.courseitem {color: #333;padding: 20px;border: 1px solid #fe8a01}
.courseitem h4 {margin-top: 0;margin-bottom: 0;font-size: 28px;font-weight: 900;line-height: 1.5;color: #fe8a01}
.courseitem p {font-size: 24px;margin-bottom: 0;font-weight: 300;line-height: 1.5}
.courseitem p strong {padding: 2px 10px;background: #fe8a01;color: #fff;line-height: 50px;margin-right: 10px}
a.courseitem-link,a.courseitem-link:focus,a.courseitem-link:hover {text-decoration: none}
a.courseitem-link div {font-size: 15px;line-height: 1.5;width: 100%;text-align: center;color: #fff;background: #fe8a01;border: 1px solid #fe8a01;border-top: 0;padding: 10px;margin-bottom: 20px;transition: .25s}
a.linktowp,a.linktowp:focus,a.linktowp:hover {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}
#content .jlpt-transcript h3 {border: none;background: 0 0;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: #c60;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: #c60}
.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 tbody tr td,.jlpt-transcript table thead th {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}
.sitemap {margin-bottom: 100px;font-size: 16px}
.sitemap h2 {font-size: 20px}
.sitemap#content h3 {font-size: 16px;color: #333;border: 0;padding: 0;margin-bottom: 1em;margin-top: 2.5em}
.sitemap a {margin-bottom: .5em;display: table;font-weight: 300;color: #00a0ff}
.sitemap hr {margin: 5em 0}
h2.blue {color: #2f5e9e;background-image: linear-gradient(120deg, #efefef 0, #fff 100%);border-left: 6px solid #2f5e9e}
a.normal-hover {cursor: pointer;color: #337ee4;border: 1px solid transparent;border-bottom: 1px solid #337ee4}
a.normal-hover:hover {border-bottom: 1px solid transparent;text-decoration: none}
a.normal-hover:active,a.normal-hover:focus {text-decoration: none;outline: none;border: 1px solid;background-color: rgba(51, 126, 228, .16)}
.responsive-table tbody th[scope=row] a.normal-hover {color: #fff;border-bottom: 1px solid #fff}
.responsive-table tbody th[scope=row] a.normal-hover:active,.responsive-table tbody th[scope=row] a.normal-hover:focus {background-color: rgba(255, 255, 255, .16)}
@media (min-width: 52em) {
.responsive-table tbody th[scope=row] a.normal-hover {color: #337ee4;border-bottom: 1px solid #337ee4}
.responsive-table tbody th[scope=row] a.normal-hover:active,.responsive-table tbody th[scope=row] a.normal-hover:focus {background-color: rgba(51, 126, 228, .16)}
}
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}
#content ul.style1>li:last-child p:last-child,#content ol.style2>li:last-child p:last-child {margin-bottom: 0}
#content 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}
#content 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}
#content ol.style2>li:before {counter-increment: number;content: counter(number);position: absolute;left: .75em;color: #fff;background: #fe8a02;width: 25px;height: 25px;padding: 0 5px 0 7px;font-weight: 900;border-radius: 50%;margin-top: 3px;font-weight: 500}
#content ol li:last-of-type {border-bottom: none}
#content .linktopost a {text-decoration: none}
#content .linktopost a:hover .post {background: #f2f2f2;text-decoration: none}
.linktopost .post {border: 1px solid #ddd;padding: 10px;margin: 0 0 15px;border-radius: 6px}
.linktopost p.post-title {margin: 10px 0 0}
.linktopost .row {margin-left: -5px;margin-right: -5px}
.linktopost .col-md-4 {padding-left: 5px;padding-right: 5px}
.related-posts.btn-group {width: 100%;margin: 20px 0 40px}
.related-posts.btn-group a {text-decoration: none}
a.blue-btn.btn-left {float: left;padding-right: 20px}
a.blue-btn.btn-right {float: right;padding-left: 20px}
a.blue-btn {color: #2f5e9e;text-decoration: none;font-size: 16px;padding: 8px 16px;border-radius: 100px;transition: .5s}
a.blue-btn:focus,a.blue-btn:hover {background: #2f5e9e;color: #fff;cursor: pointer}
a.blue-btn.disable,a.blue-btn.disable:focus,a.blue-btn.disable:hover {color: #ccc;background: #eee;cursor: default}
.btn-wrap {margin: 30px 0}
a.btn-big-top,a.btn-big {font-size: 2.2rem;position: relative;width: 100%;padding: 0.25rem 1rem 1.5rem;color: #fff;background: #fe8a02;-webkit-box-shadow: 0 5px 0 #dd7700;box-shadow: 0 5px 0 #dd7700}
a.btn-big {padding: 1.5rem 1rem 1.5rem}
a.btn-big-top span {font-size: 1.5rem;text-align: center;position: absolute;top: -10px;left: calc(50% - 150px);display: block;width: 300px;padding: 0.2rem 0;color: #fe8a02;border: 2px solid#fe8a02;border-radius: 0.5rem;background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)}
a.btn-big-top:hover,a.btn-big-top:active,a.btn-big-top:focus,a.btn-big:hover,a.btn-big:active,a.btn-big:focus {-webkit-transform: translate(0, 3px);transform: translate(0, 3px);cursor: pointer;color: #fff;background: #fe8a02;-webkit-box-shadow: 0 2px 0 #dd7700;box-shadow: 0 2px 0 #dd7700}
.btn-wrap {margin: 30px 0}
a.btn-big-top,a.btn-big {font-size: 2.2rem;position: relative;width: 100%;padding: 0.25rem 1rem 1.5rem;color: #fff;background: #fe8a02;-webkit-box-shadow: 0 5px 0 #dd7700;box-shadow: 0 5px 0 #dd7700}
a.btn-big {padding: 1.5rem 1rem 1.5rem}
a.btn-big-top span {font-size: 1.5rem;text-align: center;position: absolute;top: -10px;left: calc(50% - 150px);display: block;width: 300px;padding: 0.2rem 0;color: #fe8a02;border: 2px solid #fe8a02;border-radius: 0.5rem;background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);box-shadow: 0 3px 3px rg ba(0, 0, 0, 0.2)}
a.btn-big-top:hover,a.btn-big-top:active,a.btn-big-top:focus,a.btn-big:hover,a.btn-big:active,a.btn-big:focus {-webkit-transform: translate(0, 3px);transform: translate(0, 3px);cursor: pointer;color: #fff;background: #fe8a02;-webkit-box-shadow: 0 2px 0 #dd7700;box-shadow: 0 2px 0 #dd7700}
.btn-ielts a.btn-big-top,.btn-ielts a.btn-big {background: #cc5653;-webkit-box-shadow: 0 5px 0 #b34744;box-shadow: 0 5px 0 #b34744}
.btn-ielts a.btn-big-top span {color: #b34744;border: 2px solid #b34744}
.btn-ielts a.btn-big-top:hover,.btn-ielts a.btn-big-top:active,.btn-ielts a.btn-big-top:focus,.btn-ielts a.btn-big:hover,.btn-ielts a.btn-big:active,.btn-ielts a.btn-big:focus {-webkit-box-shadow: 0 2px 0 #b34744;box-shadow: 0 2px 0 #b34744}
p.post-date {text-align: right;color: #9e9e9e;font-size: 0.8em;font-weight: 900;letter-spacing: 0px}
p.post-date.post-publish {text-align: left}
p.post-date>font.past-date-type {color: transparent;font-size: 1px}
.post-date>span.updated {color: #5783bf;background: #d2ecff;border-radius: 50% 50%;padding: 3px 6px;margin-right: 10px;height: 1.8em;width: 1.8em;display: inline-block}
/*BOOK*/
.nav.book-nav {display: inherit;margin: 0 auto 2em;position: initial;width: fit-content}
.nav.book-nav li {float: left;width: 90px;background: none;margin-right: 4px}
.nav.book-nav li a img {margin: 0 auto;width: 100%;max-width: 100px}
.nav.book-nav li a {padding: 0;text-align: center;padding: 10px}
.nav-pills.book-nav>li.active>a,.nav-pills.book-nav>li.active>a:focus,.nav-pills.book-nav>li.active>a:hover,.nav.book-nav li:hover,.nav-pills.book-nav>li>a:hover {background-color: #FFF3E0;;color:initial}
.nav-pills.book-nav>li.active>a {border-color: #fe8a02}
.nav-pills.book-nav>li.active>a>*,.nav-pills.book-nav>li.active>a:focus>*,.nav-pills.book-nav>li.active>a:hover>*,.nav.book-nav li:hover>*,.nav-pills.book-nav>li>a:hover>* {opacity: 1}
.nav-pills.book-nav>li>a:hover {background: #eee;background-color: #eee}
.nav-pills.book-nav>li>a {background: none;border: 1px solid #ddd}
.nav-pills.book-nav>li>a>* {opacity: .3}
.books_tab_content h4 {text-align: center;font-weight: bold}
.books_tab_content h4+hr {border-color: #ddd;border-width: thick;width: 100px;margin: 30px auto}
.books_tab_content img {margin: 0 auto;max-height: 300px}
/*SKILL*/
ul.nav.book-nav.skill-nav{margin:initial;display: flex;width: 100%}
.nav.book-nav.skill-nav li{flex:1;text-align: center}
.nav.book-nav.skill-nav li a{padding:10px;background:#eee;color:initial;border: none;font-size:.9em}
.nav-pills.book-nav.skill-nav>li.active>a{background:#fa8a01;color:#fff}
.nav-pills.book-nav>li>a:hover{background:#FFF3E0}
.books_tab_content.skill_tab_content {margin-top:20px}
.books_tab_content.skill_tab_content h4{text-align:initial;font-size:20px;margin-bottom: 20px;color: #fa8a01}
@media only screen and (min-width: 480px) and (max-width: 767px) {.nav.book-nav.skill-nav li a {color:initial}}
/*@media screen and (max-width: 767px) {.nav.book-nav li {width:20%}}*/
/*notice-block*/
.notice-block-head{background:#2f5e9e;background-image: url('../images/test-toeic/bg1.png');background-position: 5% 100%;background-repeat: no-repeat ;color: #fff;padding:20px;margin:20px 0;border-radius: 10px;min-height: 120px}
#content .notice-block-head h2 {color: #fff;font-weight: 900;font-size: 30px;text-align: center;border: none;background: transparent;padding: 0;text-shadow:2px 2px 0 #123769, 0 0 10px #123769}
#content .notice-block-head p {text-align: center;text-shadow:1px 1px 1px #123769;font-size: .9em}
#content h3.title {padding: .5em .5em .5em 3em;background: #eef1f2;border-radius: 6px;letter-spacing: 1px;font-size: 20px;border: none;color: #333;line-height: initial;margin: 40px 0 20px}
#content h3.title[data-title]:before {content: attr(data-title);font-size: 1em;position: absolute;color: #333;border-right: 3px solid #ccc;padding-right: .5em;margin-left: -2em}
#content .notice-block h4{margin-top: 2px;color:#265499;font-weight: 700}
.notice-block ul.style1>li:before{color:#265499}
/*NEW TABLE*/
.new-table {width: 100%}
.new-table thead {border: 1px solid #333}
.new-table thead tr:first-child > th:first-child {border-top-left-radius: 10px;text-align: center}
.new-table thead tr:first-child > th:last-child {border-top-right-radius: 10px}
.new-table thead th {text-align: center;border: none}
.new-table tbody td,.new-table tbody th {text-align: center;padding: 1em .5em;border:none;vertical-align: middle}
.new-table tbody tr:last-child > :first-child,.new-table tbody tr:nth-last-child(2) > :first-child[rowspan] {border-bottom-left-radius: 10px}
.new-table tbody tr:last-child > :last-child, .new-table tbody tr:nth-last-child(2) > :last-child[rowspan] {border-bottom-right-radius: 10px}
.new-table tbody tr:nth-last-child(2):has( > :first-child[rowspan]) + tr:last-child > :first-child {border-radius: 0}
.new-table tbody tr:nth-last-child(2):has(> :first-child[rowspan]):not(:has(> :last-child[rowspan]))
    + tr:last-child > :only-child {border-bottom-left-radius: 0;border-bottom-right-radius: 10px}
.new-table tbody th[scope=row]{text-align: center;color: #333;border:none}
.new-table tbody tr {margin-bottom: 1em;border: 1px solid #333}
.new-table td,.new-table th {border-left: 1px solid #333;border-color: #333}
.new-table thead th {color: #fff}
.new-table th:first-child {border-left: none}
.new-table tbody tr:nth-of-type(even) {background: #eee}
.new-table thead th {background: #333}
.new-table tr:last-child td,.new-table tr:last-child th {border: none;padding: 1em .5em}
.new-table ul.style1>li:before{color:#333}
.new-table.blue thead {border-color:#265499}
.new-table.blue tbody tr {border-color:#265499}
.new-table.blue td,.new-table.blue th {border-color:#265499}
.new-table.blue tbody tr:nth-of-type(even) {background: #ecf4ff}
.new-table.blue thead th {background: #265499}
.new-table.blue tbody th[scope=row] {color: #265499}
.new-table.red thead {border-color:#cc5653}
.new-table.red tbody tr {border-color:#cc5653}
.new-table.red td,.new-table.blue th {border-color:#cc5653}
.new-table.red tbody tr:nth-of-type(even) {background:#ffe7e7}
.new-table.red thead th {background: #cc5653}
.new-table.red tbody th[scope=row] {color: #cc5653}
.responsive-table.new-table td.al_left:before{width: 100%;margin-bottom: 10px}
@media (max-width:52em) {
.new-table.responsive-table tbody td {text-align: right;background: #fff}
.new-table.responsive-table.td-left tbody td{text-align: left}
.new-table.responsive-table tbody td:nth-child(odd){background: #eee}
.new-table.responsive-table tbody td:last-child {border-bottom: none;border-radius: 0 0 8px 8px}
.new-table.responsive-table tbody tr {border:2px solid #eee;margin-bottom:2em;border-radius: 10px}
.new-table.responsive-table tbody th[scope=row] {background: #333;color:#fff;border-bottom: 1px solid #fff;border-radius: 8px 8px 0 0;padding:.5em;font-size:1.2em}
.new-table.responsive-table tbody td[data-title]:before {color: #333;font-weight: 700;font-size: .9em}
.new-table.responsive-table tbody td {border:none}
.new-table.responsive-table tbody td ul {margin-top: 40px}
.new-table.responsive-table.blue tbody th[scope=row]{background: #265499;color:#fff}
.new-table.responsive-table.blue tbody td:nth-child(odd) {background:#ecf4ff}
.new-table.responsive-table.blue tbody tr {border-color:#ecf4ff;background: #fff!important}
.new-table.responsive-table.blue tbody td[data-title]:before {color:#265499}

.new-table.responsive-table.red tbody th[scope=row]{background:#cc5653;color:#fff}
.new-table.responsive-table.red tbody td:nth-child(odd) {background:#ffe7e7}
.new-table.responsive-table.red tbody tr {border-color:#ffe7e7;background: #fff!important}
.new-table.responsive-table.red tbody td[data-title]:before {color:#b12f2c}
}
/* 課程 */
.course-bubble {position:relative;padding:20px;margin:0 0 30px;background:#edf6ff;color:#333;border-radius:10px;font-weight:bold}
.course-bubble:after {position:absolute;content:'';top:100%;left:30px;border:15px solid transparent;border-top:20px solid #edf6ff;width:0;height:0}
.course-bubble p {margin:0;padding:0;font-weight:normal;font-size:16px;color:#004ea2}
.course-card{padding:0 20px 20px;border:1px solid #eee;margin-bottom:30px;border-radius:4px;overflow:hidden;position:relative}
.promotion-badge {background:#ff9c00;padding:0 5px 0 12px;position:absolute;right:0;top:10px}
.promotion-badge::after {width:0;height:0;border-style:solid;border-width:15px 0 15px 10px;border-color:transparent transparent transparent #fff;position:absolute;right:87%;top:50%;content:"";transform:translateY(-50%)}
.promotion-badge span {font-size:12px;color:#fff;text-align:center}
.promotion-badge + .course-content{padding-top:40px}
.course-content{padding-top:20px}
#content h3.course-title{color:#333;font-size:20px;font-weight:900;line-height:26px;border:none;padding:0;margin:0 0 20px}
.course-content li {margin:5px 0}
.course-content li.off {opacity: 0.3}
.course-content li i {width:22px;height:22px;background:#e9f4ff;color:#004ea2;margin:0 auto;line-height:22px;border-radius:100%;font-size:14px;margin-right:10px;text-align:center;display:inline-block}
.btn.course-btn{width:100%;padding:10px;margin-top:20px;background:#f0f0f0;color:#333;display:inline-block;position:relative;transition:all 0.4s ease-in-out;border-radius:6px;outline:none;text-decoration:none}
.btn.course-btn:hover {background:#004ea2;color:#fff}
.course-card.promotion-card{border-color:#ffe0b0}
.promotion-card .btn.course-btn{background:#fff5e5}
.promotion-card .course-content li i {background:#fbf0e3;color:#ff9c00}
.promotion-card .btn.course-btn:hover {background:#ff9c00;color:#fff}