@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, img { margin: 0px; padding: 0px; }
ol, ul, dl { margin-top: 0; }
p { font-size: 18px; line-height: 1.750em; }
html, body { width: 100%; height: 100%; }
body { overflow-x: hidden; font-family: "微軟正黑體", Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif; color: #333; line-height: 0px; background-image: url(../images/bg.jpg); background-position: 0% 0%; }
/*##############*/
.test_bg { background-image: url(../images/index1_EC_bg.jpg); background-position: center 0%; }
.test_bg .menu { height: 60px; background-image: url(../images/menu.jpg); background-position: center 0%; }
/*--------------------------*/
.scroll-top-wrapper { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color: #777777; color: #eeeeee; width: 50px; height: 48px; line-height: 48px; right: 20px; bottom: 20px; padding-top: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.scroll-top-wrapper:hover { background-color: #888888; }
.scroll-top-wrapper.show { visibility: visible; cursor: pointer; opacity: 1.0; }
.scroll-top-wrapper i.fa { line-height: inherit; }
/**/
.wrap { width: 100%; min-width: 1100px; overflow: hidden; }
.content { width: 1100px; margin-left: auto; margin-right: auto; }
#footer { width: 1100px; margin-left: auto; margin-right: auto; }
/*@media (max-width: 480px) {
.content {
 background-attachment: initial !important;
}
}*/
.content > img { display: block; margin-left: auto; margin-right: auto; }
/*img {
 max-width: 100%;
}*/
/*############## nav ##############*/
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-link { text-decoration: none; }
.nav-link:hover, .nav-link:focus { text-decoration: underline; background-color: #015EAE; border-radius: 20px; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; text-decoration: none; font-weight: normal; }
.nav-link.disabled { color: #6c757d; }
.nav-tabs { border-bottom: 1px solid #dee2e6; }
.nav-tabs .nav-item { margin-bottom: -1px; }
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }
.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: white; border-color: #dee2e6 #dee2e6 white; }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }
.nav-pills .nav-link { border-radius: 0.25rem; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #12bbad; }
.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
.nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-right: 1.5rem; padding-left: 1.5rem; }
.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-left: auto; margin-right: auto; }
.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1.5rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
.navbar-nav { flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }
.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }
.navbar-nav .dropdown-menu { position: static; float: none; }
.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }
.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; }
.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; }

@media (min-width: 1px) {
.navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; }
.navbar-expand-md .navbar-nav { flex-direction: row; }
.navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }
.navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; font-weight: bold; color: #000000; }
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; }
.navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; white-space: nowrap; }
}
.navbar-expand-md .navbar-toggler { display: none; }
}

@media (min-width: 992px) {
.navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; }
.navbar-expand-lg .navbar-nav { flex-direction: row; }
.navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; }
.navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }
.navbar-expand-lg .navbar-toggler { display: none; }
}
.navbar-dark .navbar-brand { color: #fff; }
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }
.navbar-nav .nav-link a { color: #ffffff; }
.navbar-nav .nav-link { font-size: 20px; }
.navbar-ontop .navbar-nav .nav-link { color: #000000; }
.shopping { }
.navbar-ontop .navbar-nav .shopping { }
.navbar-nav .shopping .nav-link { }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #FFFFFF; }
.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }
.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }
.navbar-dark .navbar-text a { color: #fff; }
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }
.mx-1 { float: left; }
.mx-1 img { }
.ml-2, .mx-2 { margin-left: 0.75rem !important; float: left; line-height: 45px; }
.bg-dark { background-color: #b3dcff !important; }
.bg-dark { color: #fff; }
.bg-dark input::placeholder {
 color: rgba(255, 255, 255, 0.8);
}
.bg-dark .input-group-text { color: #fff; }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
/* Animate state between .navbar and .navbar-ontop */
.navbar { transition: background-color .5s ease-out; height: 50px; /* background-image: url(../images/logo.png);
 background-position: 8px 3px;
 background-repeat: no-repeat;*/ }
.navbar-ontop { /* [disabled]background-color: transparent !important;
*/ }
.fas { line-height: 0px; }
/*############## title############## */
.title_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; background-image: url(../images/title_bg.png); }
.title_bg .content { position: relative; background-image: url(../images/title_01.jpg); background-position: center 0%; height: 992px; }
.title_02 { left: 64px; top: 94px; position: absolute; }
.title_03 { left: 162px; top: 419px; position: absolute; }
/*############## Man ##############*/
.man_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.man_bg .content { position: relative; background-color: #FFFFFF; height: 529px; background-image: url(../images/man_bg.jpg); background-repeat: no-repeat; }
.man_01 { position: absolute; left: 0px; top: 57px; display: inline-block; }
.man_02 { position: absolute; left: 476px; top: 19px; display: inline-block; }
/*############## 書G ##############*/
.bookg_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.bookg_bg .content {
 position: relative;
 background-position: center top;
 height: 720px;
 background-color: #FFFFFF;
 background-repeat: no-repeat;
}
.bookg_01 {
 position: absolute;
 top: 577px;
 display: inline-block;
 left: 63px;
}
.bookg_02 {
 position: absolute;
 top: 603px;
 display: inline-block;
 left: 40px;
}
.bookg_03 { position: absolute; top: 14px; display: inline-block; left: 18px; }
.bookg_04 {
	position: absolute;
	top: 14px;
	display: inline-block;
	left: 83px;
}
.bookg_05 {
	position: absolute;
	top: 14px;
	display: inline-block;
	left: 146px;
}
.bookg_06 {
	position: absolute;
	top: 14px;
	display: inline-block;
	left: 206px;
}
.bookt_01 {
 width: 580px;
 height: 18px;
 background: linear-gradient(-65deg, transparent 55px, #005fad 0)bottom right;
 position: absolute;
 top: 49px;
 left: 405px;
 padding-top: 18px;
 color: #FFFFFF;
 font-size: 27px;
 font-weight: bold;
 padding-left: 60px;
}
.bookt_02 {
 width: 533px;
 height: 88px;
 position: absolute;
 top: 101px;
 right: 101px;
 line-height: 35px;
 font-weight: bold;
 font-size: 19px;
}
.bookt_03 {
 position: absolute;
 top: 364px;
 display: inline-block;
 left: 29px;
 font-size: 25px;
 line-height: 42px;
 font-weight: bold;
}
.bookt_04 {
 position: absolute;
 display: inline-block;
 right: 10px;
 bottom: 0px;
}
.price01 { font-size: 20px; font-weight: bold; }
.price02 { font-size: 28px; font-weight: bold; }
.price03 {
 font-size: 54px;
 font-weight: bold;
 color: #FF0000;
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin-left: 4px;
 margin-right: 4px;
}
/*############## movinfo ##############*/
.movinfo_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.movinfo_bg .content { position: relative; }
.movinfo_01 { position: absolute; left: 83px; top: 95px; display: inline-block; }
/*############## mov ##############*/
.mov_bg {
 background-repeat: no-repeat;
 overflow: hidden;
 background-position: center 0%;
}
.mov_l{
 height: 608px;
 background-color: #FFE6E7;
}
.mov_bg .m1 { position: relative; height: 608px; background-image: url(../images/mov_bg_01.jpg); background-position: center 0%; background-repeat: no-repeat; background-color: #FFFFFF; }
.mov_bg .m2 { position: relative; height: 608px; background-image: url(../images/mov_bg_02.jpg); background-position: center 0%; background-repeat: no-repeat; background-color: #FFFFFF; }
.mov_bg .m3 { position: relative; height: 608px; background-image: url(../images/mov_bg_03.jpg); background-position: center 0%; background-repeat: no-repeat; background-color: #FFFFFF; }
.mov_bg .m4 {
 width: 95%;
 margin-left: auto;
 margin-right: auto;
 height: 95%;
 background-color: #FF9698;
 position: relative;
 top: 15px;
 border: 3px solid #333333;
}
.mov_01 { width: 850px; margin-left: auto; margin-right: auto; height: 610px; }
.mov_t{
 font-size: 20px;
 font-weight: bold;
 background-color: #0060AD;
 color: #FFFFFF;
 display: inline-block;
 padding-top: 19px;
 padding-bottom: 13px;
 top: 17px;
 position: relative;
 padding-left: 28px;
 width: 382px;
}
.mov_pic{
 position: absolute;
 bottom: 449px;
 right: -164px;
}
.mov_t01{
 font-size: 39px;
}
.mov_01 iframe { position: relative; top: 103px; }
/*############## info ##############*/
.info_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.info_bg .content { position: relative; background-color: #FFFFFF; margin-top: 50px; height: 967px; background-image: url(../images/info_bg.jpg); background-position: center 10px; background-repeat: no-repeat; }
.info_01 { position: absolute; left: 238px; top: 393px; display: inline-block; }
.info_02 { position: absolute; left: 148px; top: 431px; display: inline-block; }
.info_03 { position: absolute; left: 626px; top: 405px; display: inline-block; }
.info_04 { position: absolute; left: 91px; top: 686px; display: inline-block; }
.info_05 { position: absolute; left: 666px; top: 675px; display: inline-block; }
/*############## 書G2 ##############*/
.bookg2_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.bookg2_bg .content { position: relative; background-position: center 0%; height: 376px; background-color: #FFFFFF; }
.bookg2_01 {
	position: absolute;
	top: 16px;
	display: inline-block;
	right: 111px;
	line-height: 41px;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}
.bookg2_02 {
	position: absolute;
	top: 237px;
	display: inline-block;
	right: 124px;
}
.bookg2_03 {
	position: absolute;
	top: 273px;
	display: inline-block;
	right: 114px;
}
.bookg2_04 {
 position: absolute;
 top: 26px;
 display: inline-block;
 left: 12px;
}
.bookg2_05 {
 position: absolute;
 top: 26px;
 display: inline-block;
 left: 149px;
}
.bookg2_06 {
 position: absolute;
 top: 26px;
 display: inline-block;
 left: 287px;
}
.bookg2_07 {
 position: absolute;
 top: 26px;
 display: inline-block;
 left: 397px;
}
/*############## char ##############*/
.char_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.char_bg .content { position: relative; background-position: center 0%; }
.char { position: absolute; top: 25px; display: inline-block; width: 566px; right: 136px; }
/*############## book All ##############*/
.book_num {
 position: absolute;
 top: 60px;
 display: inline-block;
 right: 442px;
 line-height: 37px;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 35px;
 background-image: url(../images/book_t.png);
 background-repeat: no-repeat;
 text-align: center;
 padding-bottom: 7px;
 padding-left: 414px;
 padding-right: 45px;
 padding-top: 2px;
}
.book_name { position: absolute; top: 68px; display: inline-block; right: 255px; line-height: 37px; font-weight: bold; font-size: 28px; color: #AF1317; }
.book_content {
 position: absolute;
 top: 114px;
 display: inline-block;
 line-height: 32px;
 font-weight: bold;
 font-size: 20px;
 width: 684px;
 left: 338px;
}
.book1_bg,.book2_bg,.book3_bg { background-repeat: repeat-x; overflow: hidden; background-position: center 0%; }
.book1_01, .book2_01, .book3_01 {
 position: absolute;
 top: 307px;
 display: inline-block;
 left: 338px;
}
.book1_02, .book2_02, .book3_02 { position: absolute; top: 245px; display: inline-block; right: 45px; }
.book1_03, .book2_03, .book3_03 { position: absolute; top: 36px; display: inline-block; right: 794px; }
/*############## book_pre All ############## */
.book_pre { width: 820px; margin-left: auto; margin-right: auto; }
/*############## book1 ##############*/

.book1_bg .content { height: 430px; position: relative; background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(233, 243, 251, 1.00) 88%, rgba(233, 243, 251, 1.00) 100%), url(../images/book2_01.jpg); background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(233, 243, 251, 1.00) 88%, rgba(233, 243, 251, 1.00) 100%), url(../images/book2_01.jpg); background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(233, 243, 251, 1.00) 88%, rgba(233, 243, 251, 1.00) 100%), url(../images/book2_01.jpg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(233, 243, 251, 1.00) 88%, rgba(233, 243, 251, 1.00) 100%), url(../images/book2_01.jpg); }
/*############## book1_pre ############## */
.book1_pre_bg { }
.book1_pre_bg .content { background-position: center 0%; height: 650px; background-color: #E9F3FC; }
/*############## book2 ##############*/

.book2_bg .content { height: 430px; position: relative; background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(227, 238, 206, 1.00) 88%, rgba(227, 238, 206, 1.00) 100%), url(../images/book2_01.jpg); background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(227, 238, 206, 1.00) 88%, rgba(227, 238, 206, 1.00) 100%), url(../images/book2_01.jpg); background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(227, 238, 206, 1.00) 88%, rgba(227, 238, 206, 1.00) 100%), url(../images/book2_01.jpg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(227, 238, 206, 1.00) 88%, rgba(227, 238, 206, 1.00) 100%), url(../images/book2_01.jpg); }
/*############## book2_pre ############## */
.book2_pre_bg { }
.book2_pre_bg .content { height: 650px; overflow: hidden; background-position: center 0%; background-color: #E3EECE; }
/*############## book3 ##############*/

.book3_bg .content { height: 430px; position: relative; background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(239, 233, 251, 1.00) 88%, rgba(239, 233, 251, 1.00) 100%), url(../images/book2_01.jpg); background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(239, 233, 251, 1.00) 88%, rgba(239, 233, 251, 1.00) 100%), url(../images/book2_01.jpg); background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(239, 233, 251, 1.00) 88%, rgba(239, 233, 251, 1.00) 100%), url(../images/book2_01.jpg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 1.00) 88%, rgba(239, 233, 251, 1.00) 88%, rgba(239, 233, 251, 1.00) 100%), url(../images/book2_01.jpg); }
/*############## book3_pre ############## */
.book3_pre_bg { }
.book3_pre_bg .content { height: 650px; overflow: hidden; background-position: center 0%; background-color: #EFE9FB; }
/*############## classroom ##############*/
.classroom_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.classroom_bg .content { position: relative; background-color: #FFFFFF; padding-top: 75px; }
.classroom_01 { position: absolute; left: 83px; top: 95px; display: inline-block; }
.cr_mov_01 { margin-left: 28px; margin-top: 20px; }
.cr_mov_01 iframe { margin-right: 9px; }
/*############## exp ##############*/
.exp_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.exp_bg .content { position: relative; background-color: #FFFFFF; padding-top: 49px; padding-bottom: 20px; }
.exp_01 { left: 83px; top: 95px; display: inline-block; margin-top: 21px; }
.event_01_bg { width: 95%; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: center; padding-top: 30px; background-color: #FCEAEA; padding-bottom: 30px; line-height: 1.6rem; border: 3px solid #1A1A1A; }
.event_02_bg { margin-left: auto; margin-right: auto; width: 90%; margin-top: 26px; background-color: #FFFFFF; padding-top: 30px; padding-bottom: 30px; }
.event_03_bg { margin-left: auto; margin-right: auto; width: 90%; text-align: left; }
.event_1 { color: #000000; padding-top: 0px; }
.event_1 th, .event_1 td { border: 1px solid #E1E1E1; }
.event_1 th, .event_1 td, .event_px td { word-break: break-all; text-align: center; padding-top: 15px; padding-bottom: 15px; }
.event_1 p { word-break: break-all; }
.event_1 tr:nth-child(even) { background-color: #E5E5E5; }
.event_1 thead td { background-color: #2282BF; color: #FFFFFF; }
.event_1 tr th { background-color: #FFFFFF; }
.event_1 a:link { color: #0F6DFF; }
/*############## reco ##############*/
.reco_bg { background-repeat: no-repeat; overflow: hidden; background-position: center 0%; }
.reco_bg .content { background-color: #FFFFFF; margin-top: 50px; position: relative; }
.reco_01 { position: absolute; left: 203px; top: 17px; display: inline-block; }
.reco_tab01 { line-height: 25px; margin-left: 24px; border: 3px solid #000000; padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; display: inline-table; margin-bottom: 24px; background-color: #CFCFCF; font-weight: bold; }
.reco_t01 { display: block; font-size: 17px; line-height: 27px; margin-bottom: 27px; }
.reco_t02 { font-size: 28px; color: #005EAD; }
.reco_t03 { font-size: 17px; color: #005EAD; }