@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');

body, html {
    color: #222;
    font-size: 1rem;
    line-height: 28px;
    font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    height: 100%;
    background: #fff;
}
a {
    color: #222;
    text-decoration: none;
    outline: none;
}
a:link {
    color: #222;
    text-decoration: none;
}
a:active
a:hover {
    color: #000;
    text-decoration: none;
    outline: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
a:focus {
    text-decoration: none;
    outline: 2px dashed #fa8000 !important;
}
a#tocenter {
    position: absolute;
}
a#tocenter:focus {
    position: absolute;
    z-index: 9999;
}
a#AU:link, a.accesskey:link, a#AU:visited, a.accesskey:visited {
    /* color: #ffffff; */
    position: absolute;
}
a#AZ:link, a#AZ:visited {
    color: #fff;
    margin-top: -27px;
    margin-bottom: 5px;
    border: 0;
}
::selection {
    background: #888;
    color: #fff;
}
::-moz-selection {
    background: #888;
    color: #fff;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    border: 0px solid #fff;
    background-color: #ccc;
}
button {
    outline: none;
}
button:focus {
    outline: 2px dashed #fa8000 !important;
}
.btn.focus, .btn:focus {
    outline: 2px dashed #fa8000 !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
input, select, textarea {
    /* outline-color: transparent; */
}
blockquote {
    font-size: 1.125rem;
	margin: 20px 0;
	padding: 50px;
    color: #000;
	background-color: #f6f6f6;
    border-radius: 20px;
}
blockquote:before {
    content: "";
    opacity: 0.2;
    width: 25px;
    height: 25px;
    left: 0;
    margin: -30px 0 0 30px;
    position: absolute;
    background: url(../assets/images/blockquote_l.svg) no-repeat;
}
blockquote:after {
    content: "";
    opacity: 0.2;
    width: 25px;
    height: 25px;
    right: 0;
    margin: 0 30px -30px 0;
    position: absolute;
    background: url(../assets/images/blockquote_r.svg) no-repeat;
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0;
    line-height: 32px;
    border-radius: 20px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}
th {
    font-weight: 500;
}
dt {
    font-weight: 500;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 30px;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.red {
    color: #ff0000;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #000;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
    color: #000;
}
h1 {
    color: #583996;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 38px;
    text-transform: uppercase;
    margin: 25px 0 20px 0;
}
h2 {
    color: #583996;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 36px;
    margin: 25px 0 20px 0;
}
h3 {
    color: #583996;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 34px;
    margin: 25px 0 20px 0;
}
h4 {
    color: #000;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 32px;
    margin: 20px 0 15px 0;
}
h5 {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 30px;
    margin: 20px 0 15px 0;
}
h6 {
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 28px;
    margin: 20px 0 15px 0;
}
p {
    margin: 0 0 15px;
}
img {
    max-width: 100%;
}
table {
    max-width: 100% !important;
}

/***--- header ---***/
header {
	height: 76px;
}
/***navbar***/
header h1 {
    margin: 0;
}
.logo img {
    max-width: 270px;
	max-height: 65px;
}
.affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar {
	height: 76px;
    padding: 5px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: #fff;
    border-bottom: 1px solid #efefef;
}
#page .navbar {
    border-bottom: 5px solid #f5f5f5;
}
.navbar-header {
    padding-left: 85px;
}
.navbar-nav {
    margin: 0 auto;
}
.nav-link {
    padding: 0;
}
.nav-link h2 {
    color: #000 !important;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 76px;
    letter-spacing: 1px;
}
.nav-link h2:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 0.875rem;
    margin-left: 5px;
    vertical-align: 1px;
}
.navbar-nav > li {
    height: 76px;
    line-height: 76px;
    transition: all .5s ease-in-out;
}
.navbar-nav > li.active {
    color: #7A5DB6;
}
.navbar-nav > li.active a.nav-link {
    color: #7A5DB6 !important;
}
.navbar-nav > li:hover,
.navbar-nav > li:active {
    background: #fff;
}
.navbar-nav > li > a {
    color: #000 !important;
    font-size: 1.0625rem;    
    font-family: 'Fjalla One', 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 10px;
}
.navbar-nav > li > a:focus > .dropdown-menu.mega-menu {
    display: block;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:active {
    color: #7A5DB6 !important;
}
.navbar-toggle {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
    border-radius: 0;
}
.navbar-toggle .navbar-toggler-icon {
    background-color: #fff !important;
}
.navbar-collapse {
    max-height: none !important;
}
.vesco-top-nav ul.navbar-nav > li > a.active {
    color: #7A5DB6 !important;
}
.dropdown {
    position: initial;
}
.dropdown-menu.mega-menu {
    min-width: 100%;
    background: #7a5db6;
    text-align: center;
    padding: 10px 0 10px 0;
}
.dropdown-menu.mega-menu h3 {
    color: #f5e573;
    font-size: 1.25rem;
    font-family: 'Fjalla One', 'Noto Sans TC', sans-serif;
    font-weight: 400;
    margin: 0 0 10px 0;
}
.dropdown-menu .mega-menu-list {
    padding: 10px 0 20px 0;
    text-align: center;
    min-width: 250px;
    display: inline-grid;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-style {
    margin-top: 0px;
    min-width: 220px;
    padding: 0;
    border-top: 0px solid #bbb;
    border-radius: 0;
}
.dropdown-style .dropdown-item {
    display: block;
    color: #fff;
    font-size: 0.9375rem;
    line-height: 30px;
    font-weight: 300;
    width: 100%;
    height: 30px;
    padding: 0px;
    margin: 0px;
    text-align: inherit;
    white-space: nowrap;
    clear: both;
}
.dropdown-style .dropdown-item:hover,
.dropdown-style .dropdown-item:focus,
.dropdown-style .dropdown-item.active {
    color: #000;
    background: #f5e573;    
}
.navbar-toggler-icon {
    background-image: none !important;
}
.navbar-toggler-icon:before {
    content: "\e109";
    font-family: "gwicon";
    font-size: 1.5rem;
    color: #000;
    line-height: 30px;
}
.navbar-toggler {
    color: #000 !important;
    border-color: #fff !important;
}
/***top link***/
#navbarResponsive {
    margin: 0;
}

/***top link***/
.top-link-box {
    color: #000;
}
.top-link-box ul {
    z-index: 999;
    list-style-type: none;
    padding: 0;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    padding-left: 0;
}
.top-link-box li {
    display: inline-block;
    margin: 0 3px;
}
.top-link-box i {
    line-height: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-link-box .other-link a {
    font-size: 0;
    width: 35px;
    height: 35px;
    color: #000;
    background: #f5e574;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.top-link-box .other-link a:hover,
.top-link-box .other-link a:focus {
    color: #fff;
    background: #555;
}
.top-link-box .other-link i {
    font-size: 1.25rem;
}
.top-link-box .last {
    margin-right: 10px;
}
.language-select label {
    display: none;
    margin: 0;
    font-size: 0.875rem;
}
.language-select select {
    color: #fff;
    font-size: 0.875rem;
    background: #7f65b5;
    height: 35px;
    padding: 0 2px;
    border-radius: 5px;
}
.language-select li {
    margin: 0;
}
#language-list option {
    color: #000;
    background: #fff;
}
#language-list option:checked {
    color: #fff;
    background: #7f65b5;
}
.google-lang .dropdown-menu {
    padding: 5px 10px;
    background: #e6e6fa;
}
/***--- header end ---***/

/***--- banner ----***/
.carousel-item {
    height: 450px;
    min-height: 450px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#page-bn .carousel-item {
    height: 450px;
    min-height: 450px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel:hover a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#banner video {
    min-width: 100%; 
    min-height: 100%;
    margin-top: -200px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 1;
}
.carousel-caption {
    font-size: 1.375rem;
    position: absolute;
    right: 5%;
    left: 5%;
    bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    display: flex !important;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    overflow: hidden;
    z-index: 10;
}
.carousel-caption h3 {
    font-size: 2rem;
    font-family: serif, 'Noto Sans TC', '敺株��迤暺煾��', 'Microsoft JhengHei', sans-serif;
    color: #fff;
    text-align: right;
}
.carousel-caption h3 em {
    font-size: 1.625rem;
    color: #fff;
    font-family: cursive;
    font-style: inherit;
}
.carousel-indicators {
    bottom: 20px;
}
.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
    font-size: 1.75rem;
    font-family: "gwicon";
    width: 28px;
    height: 28px;
    background: none !important;
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
}
.carousel:hover .carousel-control-next-icon,
.carousel:hover .carousel-control-prev-icon {
    opacity: 0.5;
}
.carousel-control-next-icon:before {
    content: "\42";
}
.carousel-control-prev-icon:before {
    content: "\41";
}
.carousel-control-next,
.carousel-control-prev {
    width: 5% !important;
    opacity: 1 !important;
}
.carousel-control-next {
    right: 5px;
}
.carousel-control-prev {
    left: 5px;
}
.home-go-box {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    bottom: 65px;
}
.home-go {
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 100px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-go:hover {
    background: rgba(255, 255, 255, 0.8);
}
.home-go a {
    color: #fff;
    padding: 12px 15px;
}
.home-go:hover a {
    color: #000;
}
/***--- banner end ----***/

/***--- home ----***/
#home #content {
    padding: 0;
}
#subtitle-icon {
	text-align: center;
    font-size: 2.625rem;
    margin-top: 20px;
    margin-bottom: 25px;
    color: #66e0b1;
}
#subtitle-box {
    border-bottom: 1px solid #ccc;
    margin-bottom: 35px;
    padding-bottom: 1px;
}
#subtitle h3 {
    color: #000;
    font-size: 1.375rem;
    font-family: 'Fjalla One', 'Noto Sans TC', sans-serif;
    margin: 0;
    padding: 0;
    height: auto;
    text-align: left;
    font-weight: 500;
}
#subtitle h3 em {
    color: #ffffff;
    margin: 0;
    font-weight: 300;
    font-style: normal;
}
#subtitle h3 i {
    margin-right: 5px;
    color: #7A5DB6;
    font-size: 1.5rem;
    vertical-align: -3px;
    font-weight: 300;
}
#subtitle-line {	
    width: 70px;
    height: 5px;
    background: #f5e573;
    margin-left: -15px;
    margin-bottom: -3px;
}
#more-link {
    line-height: 25px;
}
#more-link a {
    color: #333;
	background:#B3D975;
    width: 130px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: initial;
    overflow: hidden;
    float: right;
    border-radius: 30px;
    padding: 0 0 5px 0;
}
#more-link a:hover {
    color: #fff;
	background: #555;
}
#more-link i {
    margin-left: 3px;
    margin-bottom: -6px;
}
/*home box*/
#one {
    padding: 100px 0 90px 0;
    background: #fff;
}
#two {
    padding: 80px 0 80px 0;
    background-color: #efefef;
    background-image: url(../assets/images/bg.jpg);
    background-attachment: fixed;
}
#three {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
#three .box-bg-image {
    padding: 100px 0 100px 0;
    background: rgba(0, 0, 0, 0.5);
}
/***home test***/
#home-test-box {
    z-index: 999;
}
#home-test-box .content-box {
    margin: 20px 0;
}
#home-test-box .test-image {
    z-index: 1;
}
#home-test-box .test-image a {
    display: block;
}
#home-test-box .test-icon {
    width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 100%;
    margin-right: auto;
    margin-left: auto;
}
#home-test-box .title h3 {
    color: #000;
    font-size: 1.25rem;
    font-family: 'Fjalla One', 'Noto Sans TC', sans-serif;
    font-weight: 400;
    margin: 15px 0 0 0;
    line-height: 22px;
    text-align: center;
}
#home-test-box .title h3:hover {
    color:#583996;
}
#home-test-box .title h3:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 25px;
    background: #fff;
    margin-top: -40px;
    left: 49.5%;
    right: 50%;
}
#home-test-box .title h3:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background: #fff;
    margin-top: -40px;
    left: 47.35%;
    border-radius: 100%;
}
#home-test-box .content-box:nth-child(1) .test-icon {
	background: #C9B7AD;
}
#home-test-box .content-box:nth-child(2) .test-icon {
	background: #F79F79;
}
#home-test-box .content-box:nth-child(3) .test-icon {
	background: #94A89A;
}
#home-test-box .content-box:nth-child(4) .test-icon {
	background: #F7D08A;
}
#home-test-box .content-box:nth-child(5) .test-icon {
	background: #F4AFB4;
}
#home-test-box .content-box:nth-child(6) .test-icon {
	background: #c3cc91;
}
#home-test-box .content-box:nth-child(7) .test-icon {
	background: #92e1e1;
}
#home-test-box .content-box:nth-child(8) .test-icon {
	background: #beb9dc;
}
#home-test-box .content-box .test-icon:hover {
	background: #8d8d8d;
}
#home-test-box .test-icon img {
    width: 90px;
}
#home-test-box .test-content {
    padding: 25px;
}
#home-test-box .test-content .title h3 {
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
    line-height: 24px;
    color: #000;
    text-align: center;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}
#home-test-box .test-content h3:hover {
    color: #527ea3;
}
/***home news***/
#home-news-box {	
    padding: 0;
}
.home-news-content {
    margin-bottom: 25px;
}
.home-news-content:last-child {
    margin-bottom: 0px;
}
.home-news h3 { 
    font-size: 1.25rem;
    margin: 0;
    padding: 0;
    height: 28px;
    overflow: hidden;
    line-height: 28px;
    color: #000;
}
.home-news h3:hover { 
    color: #527ea3;
}
.home-news .news-class { 
    font-size: 1.25rem;
    height: 28px;
    overflow: hidden;
    line-height: 28px;
    color: #000;
}
.home-news .class-style {
    width: 70px;
    font-size: 0.8125rem;
    text-align: center;
    height: 22px;
    line-height: 22px;
    text-transform: uppercase;
}
.home-news .news-flag {
    height: 28px;
    overflow: hidden;
    line-height: 24px;
}
.home-news .news-flag img {
    height: 20px;
    margin-top: -4px;
}
.home-news .style-1 {
    background: #c4cc91;
    background: #f5e574;
}
.home-news .style-2 {
    background: #7dcbd7;
    background: #f5e574;
}
.home-news .style-3 {
    background: #f79f78;
    background: #f5e574;
}
.home-news .style-4 {
    background: #ffd559;
    background: #f5e574;
}
.home-news .style-5 {
    background: #9bb8ea;
    background: #f5e574;
}
.home-news .style-6 {
    background: #f0a6ad;
    background: #f5e574;
}
.home-news-date {
    width: 70px;
    height: 70px;
    text-align: center;
    color: #fff;
    padding: 5px 5px;
    float: left;
    background: #7A5DB6;
    margin: 0 10px 0 0;
    font-family: 'Century Gothic', sans-serif;
    border-radius: 10px;
}
.home-news-date .day {
    display: block;
    font-size: 1.875rem;
    border-bottom: 1px solid #dbd3ea;
    padding: 3px 0 1px 0;
    line-height: 32px;
    font-weight: 600;
}
.home-news-date .month {
    font-size: 0.8125rem;
    line-height: 13px;
    font-weight: 600;
    vertical-align: 2px;
}
.home-news-date .year {
    font-size: 0.8125rem;
    line-height: 13px;
    vertical-align: 2px;
}
.home-news-article {
    min-height: 70px;
}
.home-news-article .description-one,
.home-news-article .description-two,
.home-news-article .description-three {
    margin: 0 0 0 80px;
    font-size: 0.9375rem;
    line-height: 21px;
}
.home-news-article .description-one a:hover,
.home-news-article .description-two a:hover,
.home-news-article .description-three a:hover {
    color: #000;
    text-decoration: underline;
}
/***quick links***/
#quick-links {
    padding: 10px 10px;
}
#quick-links a {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
#quick-links .image {
    width: 340px;
    height: 255px;
    overflow: hidden;
}
#quick-links img {
    width: 100%;
    min-height: 255px;
    -o-transition:All 0.3s ease-in-out;    
	transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
}
#quick-links img:hover {
	transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
#quick-links .title {
    padding: 0;
    width: 140px;
    float: right;
}
#quick-links .title h3 {
    position: relative;
    color: #fff;
    font-size: 1.25rem;
    font-family: 'Fjalla One', 'Noto Sans TC', sans-serif;
    line-height: 22px;
    margin: -90px 0 0;
    padding: 15px 10px 10px 10px;
    text-align: center;
    /* background: rgba(2, 130, 144, 0.8); */
    background: rgba(127, 101, 181, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90px;
    overflow: hidden;
}
/***--- home end ----***/

/***--- page ----***/
.body-top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    flex-direction: column;
    overflow: hidden;
}
.top-title {
    color: #000;
    font-size: 2rem;
    font-weight: 300;
    font-family: 'Lilita One', 'Noto Sans TC', sans-serif;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    text-transform: uppercase;
}
.page-title {
	border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.page-title h3 {
	color: #7A5DB6;
    font-size: 1.5rem;
    font-family: 'Fjalla One', 'Noto Sans TC', sans-serif;
    font-weight: 500;
    margin: 0 0 0 30px;
}
.page-title h3:before {
    content: "\4a";
    font-family: "gwicon";
    position: absolute;
    left: 15px;
}
#content {
    padding: 25px 0 50px 0;
}
.summary {
    color: #000;
    margin: 20px 0;
    padding: 20px 20px;
    background-color: #e5e0f0;
}
.summary p:last-child {
    margin: 0;
}
.editor .summary ul {
    list-style-type: disc;
}
.editor .summary ul:last-child {
    margin-bottom: 0;
}
/***options-tab***/
.options-tab nav {
    text-align: left;
    background: #fff;
    line-height: 41px;
}
.options-tab .nav-tabs {
    display: inline-flex;
    text-align: center;
    border: 0;
}
.options-tab .nav-tabs .nav-link {
    position: relative;
    border: 2px solid transparent;
    color: #000;
    padding: 0 15px;
    margin: 0;
    border-radius: 0px;
    text-decoration: none;
}
.options-tab .nav-tabs .nav-link:hover {
    color: #000;
    background: #f5e573;
}
.options-tab .nav-tabs .nav-link a:link,
.options-tab .nav-tabs .nav-link a:hover {
    color: #000 !important;
    text-decoration: none;
}
.options-tab .nav-tabs .active {
    color: #fff;
    background: #34a6b6;
    border: 1px solid #34a6b6;
    border-bottom: 2px solid #34a6b6;
    margin-bottom: -1px;
}
.options-tab .nav-tabs .active:hover {
    color: #fff;
    background: #34a6b6;
}
.options-tab .nav-tabs a.active:before {
    content: "";
    height: 44px;
    line-height: 44px;
    border-bottom: 44px solid rgba(0, 0, 0, 0.2);
    border-right: 10px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    margin-left: 1px;
}
.options-tab .tab-content {
    padding: 30px 20px;
    border-top: 0;
    background: #fff;
    border: 1px solid #34a6b6;
}
.options-tab .title h3 {
    color: #7A5DB6;
    font-size: 1.55rem;
    font-weight: 300;
    margin: 22px 0 15px 0;
    text-align: center;
}
@media (max-width: 767px) {    
    .options-tab .nav-tabs .nav-link {
        margin: 1.5% 1%;
        width: 48%;
        border: 2px solid #34a6b3;
    }
    .options-tab .nav-tabs a.active:before {
        content: none;
    }
    .options-tab .nav-tabs .active {
        color: #fff;
        background: #34a6b4;
    }
    .options-tab .tab-content {
        border: 0;
    }
}
/***options-tab-l***/
.options-tab-l .nav-tabs {
    display: inline-flex;
    text-align: center;
    border-bottom: 1px solid transparent;
}
.options-tab-l .nav-tabs .nav-link {
    position: relative;
    width: 140px;
    height: 48px;
    line-height: 18px;
    color: #000;
    padding: 0 10px;
    margin: 0;
    border: 0;
    text-decoration: none;
    z-index: 0;
    display: inline-flex;
    display: -ms-inline-flexbox;
    justify-content: center;
    align-items: center;
}
.options-tab-l .nav-tabs .nav-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: #fff;
    border: 1px solid #34a6b7;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    transform-origin: left center 0;
    transform: perspective(8px) rotateX(2deg);
    margin-top: -2px;
    z-index: -1;
}
.options-tab-l .nav-tabs .nav-link:hover:before {
    border: 1px solid #f5e573;
    background: #f5e573;
    z-index: -1;
}
.options-tab-l .nav-tabs .nav-link a:link,
.options-tab-l .nav-tabs .nav-link a:hover {
    color: #000 !important;
    text-decoration: none;
}
.options-tab-l .nav-tabs .active {
    color: #fff;
    margin-bottom: -1px;
    z-index: 1;
}
.options-tab-l .nav-tabs .active:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #34a6b6;
    z-index: -1;
}
.options-tab-l .nav-tabs .active:hover:before {
    color: #fff;
    border: 1px solid #34a6b7;
    background: #34a6b6;
}
.options-tab-l .tab-content {
    padding: 30px 20px;
    background: #fff;
    border: 1px solid #34a6b6;
}
.options-tab-l .title h3 {
    color: #7A5DB6 !important;
    font-size: 1.55rem !important;
    font-weight: 300 !important;
    margin: 0 0 15px 0 !important;
    text-align: center;
}

/***options-tab-c2***/
.options-tab-c2 nav {
    text-align: center;
    background: #fff;
}
.options-tab-c2 .nav-tabs {
    display: block;
    text-align: center;
    border: 0;
}
.options-tab-c2 .nav-tabs .nav-link {
    position: relative;
    font-size: 1rem;
    line-height: 15px;
    color: #000;
    background: #f5e574;
    /*padding: 0 5px;*/
    margin: 5px 0.5%;
    text-decoration: none;
    width: 32%;
    height: 45px;
    display: inline-flex;
    display: -ms-inline-flexbox;
    justify-content: center;
    align-items: center;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
}
.options-tab-c2 .nav-tabs .nav-link:hover {
    color: #fff !important;
    background: #7A5DB6;
}
.options-tab-c2 .nav-tabs .nav-link a:link,
.options-tab-c2 .nav-tabs .nav-link a:hover {
    color: #fff !important;
    text-decoration: none;
}
.options-tab-c2 .nav-tabs .active {
    color: #fff !important;
    background: #7A5DB6 !important;
}
.options-tab-c2 .nav-tabs .active:hover {
    color: #fff;
    background: #7A5DB6;
}
.options-tab-c2 .tab-content {
    border-top: 1px solid #34a6b4;
    margin-top: 15px;
    padding: 20px 0 0 0;
}
@media (max-width: 991px) {  
    .options-tab-c2 .nav-tabs .nav-link {
        width: 48%;
    }
}
@media (max-width: 767px) {    
    .options-tab-c2 .nav-tabs .nav-link {
        margin: 1.5% 0;
        width: 100%;
    }
}
/***options-tab-c***/
.options-tab-c {
    padding-top: 10px;
}
.options-tab-c nav {
    text-align: center;
    background: #fff;
}
.options-tab-c .nav-tabs {
    display: block;
    text-align: center;
    border: 0;
}
.options-tab-c .nav-tabs .nav-link {
    position: relative;
    font-size: 1rem;
    line-height: 15px;
    border: 2px solid#7c5fb7;
    color: #000;
    padding: 6px 10px;
    margin: 5px;
    border-radius: 30px;
    text-decoration: none;
    width: 165px;
    height: 45px;
    display: inline-table;
    display: -ms-inline-flexbox;
    justify-content: center;
    align-items: center;
}
.options-tab-c .nav-tabs .nav-link:hover {
    color: #fff;
    background:#7c5fb7;
}
.options-tab-c .nav-tabs .nav-link a:link,
.options-tab-c .nav-tabs .nav-link a:hover {
    color: #000 !important;
    text-decoration: none;
}
.options-tab-c .nav-tabs .active {
    color: #fff !important;
    background:#7c5fb7 !important;
}
.options-tab-c .nav-tabs .active:hover {
    color: #fff;
    background:#7c5fb7;
}
.options-tab-c .tab-content {
    padding: 25px 0 0 0;
}
.options-tab-c .title h3 {
    color: #7A5DB6;
    font-size: 1.55rem;
    margin: 0 0 15px 0;
    text-align: center;
}
@media (max-width: 767px) {  
    .options-tab-c .nav-tabs .nav-link {
        margin: 5px 0;
        width: 100%;
    }
}
/***--- page end ----***/

/***--- pm ----***/
#pm .editor ul {
	margin: -15px 0 5px 0;
}
#pm .editor table tbody th {
	word-break: keep-all;
    width: 100px;
    background: #7f65b8;
    background-color: #B3D975;
	border-color: #fff;
	border-left-color: #B3D975;
	border-right-color: #B3D975;
}
#pm .editor table tbody tr:first-child th {
	border-top-color: #B3D975;
}
#pm .editor table tbody tr:last-child th {
	border-bottom-color: #B3D975;
}
#pm .editor table tbody td ul {
	margin: 0;
}
#pm .editor table tbody td.name {
	width: 50% !important;
}
/***--- pm end ----***/

/***--- history ----***/
#history-box table, #history-box table th  {
	border: 0 !important;
}
#history-box table td  {
	border: 0;
}
#history-box th {
	position: relative;
    color: #000;
    font-size: 0.925rem;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #f5e573;
    margin-right: -40px;
    margin-bottom: 25px;
    padding-top: 5px;
    display: inline-flex;
    display: -ms-inline-flexbox;
    justify-content: center;
    align-items: center;
    z-index: 1;
    left: 0;
}
#history-box td {
    width: 100%;
    border-left: 2px solid #000 !important;
    padding-left: 55px;
    padding-bottom: 25px;
}
#history-box tr:last-child>td {
    border-left: 0px solid #000 !important;
}
#history-box th p,
#history-box td p {
    margin: 0;
}
/***--- history end ----***/

/***--- faq ----***/
#faq #faq-list {
    margin-top: -8px;
}
#faq .speeches {
    margin-bottom: 30px;
}
#faq .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,0);
    border-radius: 0;
    border-bottom: 1px dashed #7a5db6;
}
#faq .card-header:first-child {
    border-radius: 0;
}
#faq .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0px !important;
}
#faq .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0px !important;
}
#faq .card-header:focus {
    outline: 2px dashed #fa8000 !important;
}
#faq .card-header:hover {
    color: #000;
}
#faq .card-title {
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
}
#faq .card-btn {
    width: 100%;
    font-size: 1.125rem;
    font-weight: 400;
    text-align: left;
    background-color: transparent;
    background: transparent;
    color: #333;
    padding: 8px 8px 8px 30px;
}
#faq .card-btn:before {
    content: "\e157";
    font-family: "gwicon";
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    margin: 1.5px 0 0 5px;
    color:#7a5db6;
}
#faq .card-body {
    padding: 15px 18px;
    margin: 3px 0 10px 0;
    background: #f3f3f3;
}
#faq .card-body p:last-child {
    margin-bottom: 2px;
}
#faq .card-body ul:last-child,
#faq .card-body ol:last-child {
    margin-bottom: 2px;
}
/***--- faq end ----***/

/***--- test ----***/
#test .list-box {    
    margin: 10px 0;
    text-align: center;
}
#test .list-box a {    
    display: block;
}
#test .list-box .image-box img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
#test .list-box .title h3 {   
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 22px;
    margin: 10px 0 0 0;
}
#test .list-box .title h3 a {
    color: #000;
}
#test .list-box:hover .title h3 {  
    color: #583996;  
}
#test .editor .testtitle-1 {
    font-size: 1.75rem;
    text-align: center;
    background: #f2f0f8;
    margin: 0;
    padding: 10px 0;
}
#test .editor .testtitle-1 img {
    width: 45px;
    height: 45px;
    vertical-align: -11px;
    margin-right: 10px;
}
#test .editor .testtitle-2 {
    color: #000;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    padding: 10px 0;
    margin: 20px 0 15px 0;
	background: #B3D975;
}
/***--- test end ----***/

/***--- news ----***/
#news-list .news-box {
    margin-top: -5px;
}
#news-list .list-box {
    margin: 10px 0;
}
#news-list .date {
    width: 70px;
    height: 70px;
    text-align: center;
    color: #fff;
    padding: 5px 5px;
    float: left;
    background: #7A5DB6;
    margin: 0 10px 0 0;
    font-family: 'Century Gothic', sans-serif;
    border-radius: 10px;
}
#news-list .date .day {
    display: block;
    font-size: 1.875rem;
    border-bottom: 1px solid #dbd3ea;
    padding: 3px 0 1px 0;
    line-height: 32px;
    font-weight: 600;
}
#news-list .date .month {
    font-size: 0.75rem;
    line-height: 13px;
    font-weight: 600;
    vertical-align: 2px;
}
#news-list .date .year {
    font-size: 0.8125rem;
    line-height: 13px;
    vertical-align: 2px;
}
#news-list .article {
    margin-left: 80px;
}
#news-list .news-flag {
    line-height: 24px;
}
#news-list .news-flag img {
    height: 24px;
    margin-top: -1px;
}
#news-list .news-class { 
    font-size: 1.25rem;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    color: #000;
}
#news-list .class-style {
    width: 70px;
    font-size: 0.8125rem;
    text-align: center;
    height: 22px;
    line-height: 22px;
    margin-top: 1px;
    padding-top: 1px;
    background: #f5e574;
}
#news-list .style-1 {
    background: #c4cc91;
    background: #f5e574;
}
#news-list .style-2 {
    background: #7dcbd7;
    background: #f5e574;
}
#news-list .style-3 {
    background: #f79f78;
    background: #f5e574;
}
#news-list .style-4 {
    background: #ffd559;
    background: #f5e574;
}
#news-list .style-5 {
    background: #f5e574;
    background: #9bb8ea;
}
#news-list .style-6 {
    background: #f0a6ad;
    background: #f5e574;
}
/*page*/
#news-page .date {
    color: #000;
    font-size: 0.875rem;
    line-height: 25px;
    background: #f5e573;
    width: 100px;
    text-align: center;
    margin: 0 0 15px 0;
    border-radius: 15px;
}
/***--- news end ----***/

/***--- signup ----***/
#sessions label {
    margin-bottom: 0;
}
#sessions .select-style {
    border: 1px solid #34a6b3;
    box-shadow: none;
    color: #333;
    padding: 0px 3px;
    display: block;
    width: 100%;
    height: 34px;
}
#sessions .filter-content {
    margin: 20px 0 18px 0;
}
#sessions .filter-btn {
    background: #ff5722;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 1rem;
    padding: 0;
    margin-top: 4px;
    border-radius: 100%;
}
#sessions .filter-btn:hover,
#sessions .filter-btn:focus {
    background: #555;
}
#sessions .filter-content table {
    line-height: 22px;
}
#sessions .filter-content thead th {
    min-width: 80px;
    padding: 6px 5px;
}
#sessions .filter-content tbody td {
    padding: 6px 5px;
}
#sessions .filter-content tbody .continent {
    text-align: center;
}
#sessions .filter-content tbody .country {
    text-align: center;
}
#sessions .filter-content tbody .fee {
    white-space: nowrap;
}
#sessions .filter-content tbody .num {
    color: #bbb;
}
#sessions .filter-content .link-btn {
    display: block;
    font-size: 0.875rem;
    color: #fff;
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #34a6b3;
    text-decoration: none;
    border-radius: 30px;
}
#sessions .filter-content .link-btn:hover,
#sessions .filter-content .link-btn:focus {
    color: #fff !important;
    background: #555;
}
/***--- signup end ----***/

/***--- test ----***/
#test .test-link {
    text-align: center;
}
#test .test-link a img {
    -o-transition:All 0.3s ease-in-out;    
	transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
}
#test .test-link a:hover img {
	transform:scale(0.95);
    -webkit-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -o-transform:scale(0.95);
    -ms-transform:scale(0.95);
}
/***--- test end ----***/

/***--- newsletter ----***/
#newsletter-list .list-box {
    margin-bottom: 30px;	
}
#newsletter-list .list-box:last-child {
    margin-bottom: 0;	
}
#newsletter-list .list-box .title h3 {
    font-size: 1.375rem;
    margin: 15px 0 10px 0;	
}
/***--- newsletter end ----***/

/***--- newsletter from ---***/
.remark {
    color: #ff1100;
    margin-left: 3px;
    font-weight: 400;
}
.error {
    color: #ff1100;
    font-size: 0.875rem;
}
.newsletter-form {
	margin: 30px 0 40px 0;
    border: 1px dashed #ccc;
    padding: 15px 30px;
}
.newsletter-form form label {
    margin: 10px 0 5px 0;
    color: #583996;
    font-weight: 400;
}
.newsletter-form form input, .newsletter-form form textarea, .newsletter-form form select {
    width: 100%;
    height: 40px;
    border: 1px solid #bbb;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    padding: 0 5px;
    background: #fff;
}
.newsletter-form form input:focus, .newsletter-form form textarea:focus {
    border: 1px solid #17bebb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.newsletter-form form textarea {
    height: 150px;
}
form input:-moz-placeholder, form textarea:-moz-placeholder { color: #555; font-size: 0.9375rem !important; }
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #555; font-size: 0.9375rem !important; }
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color: #555; font-size: 0.8125rem !important; }
#captcha {
    width: 120px;
    height: 35px;
    border: 1px solid #ccc;
    background: #fff;
    vertical-align: -2px;
}
.submit-content {
    margin: 20px 0;
    text-align: center;
}
.captcha-icon i {
    color: #cb5221;
    margin-right: 5px;
    vertical-align: -2px;
}
.captcha-icon i:hover {
    color: #333;
} 
#submit-btn {
    margin-top: 20px;
}
#submit-btn ul {
    list-style-type: none;
    padding-left: 0;
}
#submit-btn ul>li {
    display: initial;
}
#order-btn input,
#cancel-btn input {
    font-size: 0.875rem;
    color: #fff;
    width: 120px;
    height: 35px;
    margin: 0 5px;
    border: 0;
    border-radius: 3px !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#order-btn input {
    background: #583996;
}
#cancel-btn input {
    background: #7A5DB6;
}
#order-btn:hover input,
#cancel-btn:hover input {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: #555;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#order-btn input:active,
#cancel-btn input:active {
    background: #555;
}
@media (max-width: 991px) {
    .submit-content {
        text-align: center;
    } 
    #captcha {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .newsletter-form {
        margin: 30px 0;
        border: 1px dashed #ccc;
        padding: 10px 15px;
    }
    .submit-content {
        text-align: center;
    }
    #captcha {
        width: 100px;
    }
}
/***--- newsletter from end ---***/

/***--- materials ----***/
#materials-list .list-box {
    margin-bottom: 30px;	
}
#materials-list .list-box:last-child {
    margin-bottom: 0;	
}
#materials-list .list-box .image img {
    width: 100%;	
}
#materials-list .list-box .title h3 {
    font-size: 1.375rem;
    margin: 0 0 10px 0;	
}
#materials-list .list-box .link-btn {
    margin-top: 20px;
    display: grid;
    text-align: center;
}
#materials-list .list-box .link-btn a {
    width: 100px;
    color: #fff;
    background: #34a6b6;
    text-align: center;
    border-radius: 30px;
    height: 32px;
    line-height: 28px;
}
#materials-list .list-box .link-btn a:hover {
    color: #fff;
    background: #555;
}
/***--- materials end ----***/

/***--- contact ----***/
#contact iframe {
    width: 100%;
    height: 350px;
}
/***--- contact end ----***/

/***--- site guide ----***/
#site-guide .info-box {
    margin-bottom: 50px;
}
#site-guide .list-box {
    margin-bottom: 30px;
}
#site-guide .list-box h3 {
    font-size: 1.25rem;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
#site-guide .list-box h3 a {
    color: #7A5DB6;
}
#site-guide .list-box ul {
    list-style-type: none;
    padding-left: 0;
}
#site-guide .list-box ul>li {
    font-size: 1rem;
    margin: 3px 0;
}
#site-guide .list-box ul>li a:hover {
    color: #7A5DB6;
}
#site-guide .hr-box hr {
    margin: 5px 0 25px 0;
}
#site-guide .hr-box:last-child hr {
    display: none;
}
/***--- site guide end ----***/

/***--- footer ---***/
footer {
    color: #000;
    font-size: 1rem;
    line-height: 22px;
}
footer p:last-child {
    margin-bottom: 0;
}
footer a {
    color: #000;
    border-bottom: 1px dotted transparent;
}
footer a:link {
    color: #000;
}
footer a:hover {
    color: #7A5DB6;
    border-bottom: 1px dotted #7A5DB6;
}
footer .footer-menu h3 {
    color: #FFF973;
    font-size: 1.25rem;
    font-family: 'Fjalla One', 'Noto Sans TC', sans-serif;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 400;
}
footer .footer-menu ul {
    padding-left: 15px;
    list-style-type: none;
}
footer .footer-menu li {
    line-height: 20px;
    margin-bottom: 10px;
}
footer .footer-menu ul>li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: rgba(245, 230, 117, 0.4);
    border-radius: 100%;
    margin: 8px 0 0 -14px;
}
footer .footer-menu {
    padding: 50px 25px;
    background: #7A5DB6;
}
footer .footer-menu a {
    color: #fff;
    border-bottom: 1px dotted transparent;
}
footer .footer-menu a:link {
    color: #fff;
}
footer .footer-menu a:hover {
    color: #fff;
    border-bottom: 1px dotted #f5e573;
}
footer .copyright {
    padding: 30px 0;
    background: #fff;
    text-align: center;
}
footer .copyright ul {
    padding-left: 0;
    list-style: none;
}
footer .copyright li {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin: 1px 0;
}
footer .copyright p {
    margin: 10px 0 0 0;
}
footer .footer-info {
    text-align: left;
}
footer .footer-contact {
    margin-bottom: 15px;
}
footer .footer-contact img {
    margin-bottom: 5px;
}
footer .footer-contact a {
    color: #000;
    border-bottom: 0;
}
footer .footer-contact a:link {
    color: #000;
}
footer .footer-contact a:hover {
    color: #7A5DB6;
    border-bottom: 0;
}
footer .footer-contact li {
    display: inline-block;
    margin: 0 10px;
}
footer .footer-contact li:after {
    content: "";
    background: #c3c3c3;
    width: 1px;
    height: 75px;
    position: absolute;
    margin-left: 11px;
    margin-top: -55px;
}
footer .footer-contact li:last-child:after {
    content: none;
}
.footer-social {
    display: inline-flex;
    padding-left: 0;
    list-style: none;
}
.footer-social a {
    line-height: 0;
    border-radius: 5px;
    margin: 0 6px 5px 6px;
    background: #f5e573;
    color: #222;
    width: 35px;
    height: 35px;
    text-align: center;
    display: inline-block;
    padding: .5rem;
    font-size: 1.25rem;
}
.footer-social a:hover {
    background: #7A5DB6;
    color: #fff;
}
footer .footer-logo {
    text-align: right;
}
#design {
    font-size: 0.75rem;
    margin-top: 10px;
    margin-bottom: -32px;
    color: rgba(0, 0, 0, 0.5);
}
#design a, #design a:active {
    font-size: 0.75rem;
    color: rgba(0, 0, 0, 0.5);
}
#design a:hover {
    color: #000;
}
#design i {
    font-size: 0.8125rem;
    margin: 0 2px 0 5px;
    vertical-align: -1px;
}
/***--- footer end ---***/

/***--- breadcrumb ---***/
.gw-breadcrumb {
    font-size: 0.8125rem;
    color: #000;
    line-height: 32px;
    margin-bottom: 0;
    padding-top: 0;
    background: #f5f5f5;
    border-radius: 15px;
}
.gw-breadcrumb a,
.gw-breadcrumb a:link {
    font-size: 0.8125rem;
    color: #000;
    line-height: 32px;
}
.gw-breadcrumb a:hover {
    color: #7A5DB6;
}
.gw-breadcrumb .bread_gt {
    padding: 0 15px;
}
.gw-breadcrumb .bread_gt:before {
    content: "\4a";
    position: absolute;
    font-size: 0.875rem;
    font-family: "gwicon";
    color: #7f65b6;
    margin: 0.3px 0 0 -8px;
}
/***--- breadcrumb end ---***/

/***--- tips ---***/
.tips {
    font-size: 0.8125rem;
    color: #000;
    clear: both;
    text-align: right;
    background: #f5f5f5;
    padding-top: 18px;
    padding-bottom: 15px;
    line-height: 26px;
}
.tips a {
    color: #000;
    font-size: 0.8125rem;
}
.tips a:link {
    color: #000;
}
.tips a:hover {
    color: #7A5DB6;
}
.tips-time {
    padding: 0 8px 0 0;
}
.tips-list {
    padding: 0 8px 0 0;
}
.tips-list-end {
    padding: 0;
}
.tips-list i {
    font-size: 0.9375rem;
    vertical-align: -2px;
    margin-right: 5px;
    color: #7A5DB6;
}
.a2a_kit a {
    font-size: 0;
}
.a2a_svg svg {
    background: #7A5DB6;
}
.a2a_svg svg:hover {
    background: #000;
}
.a2a_default_style .a2a_counter img,
.a2a_default_style .a2a_dd,
.a2a_default_style .a2a_svg {
    width: 26px;
    height: 26px;
    background-color: transparent !important;
}
.a2a_menu a {
    color: #000 !important;
}
.a2a_menu a:hover {
    color: #000 !important;
}
@media (max-width: 767px) {
    .line-it-button {
        float: none;
    }
    .share-btn {
        clear: both;
    }
    .a2a_default_style {
        float: right;
        margin-bottom: 15px;
    }
    .tips-content {
        clear: both;
    }
}
/***--- tips end ---***/

/***--- pagination ---***/
.pagination {
    clear: both;
    text-align: center;
    font-size: 0.875rem;
    padding-top: 30px;
    margin: 0;
    display: inherit;
}
.pagination strong {
    display: inline-block;
    color: #fff;
    min-width: 30px;
    line-height: 30px;
    margin: 0 1px;
    padding: 0 11px;
    background: #34a6b3;
    border: 1px solid #34a6b3;
    font-weight: 400 !important;
} 
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:focus {
    display: inline-block;
    color: #000;
    min-width: 30px;
    line-height: 30px;
    margin: 0 1px;
    padding: 0 11px;
    background: #fff;
    border: 1px solid #34a6b3;
}
.pagination a:hover {
    color: #fff;
    background: #34a6b3;
    border: 1px solid #34a6b3;
}
@media (max-width: 320px) {
    .pagination strong {
        padding: 5px 8px;
    }
    .pagination a {
        padding: 5px 8px;
    }    
}
/***--- pagination end ---***/

/***--- editor ---***/
.editor h1:first-child,
.editor h2:first-child,
.editor h3:first-child,
.editor h4:first-child,
.editor h5:first-child,
.editor h6:first-child {
    margin-top: 0;
}
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5{
    color: #000;
}
.editor h6 {
    color:  #583996;
}
.editor h2 {
    font-size: 1.75rem;
}
.editor .title h3 {
    font-size: 1.5rem;
    color: #583996;
    margin: 0 0 20px 0;
}
.editor .title h4 {
    font-size: 1.5rem;
    color: #583996;
    margin: 0 0 20px 0;
}
.editor h5 {
    font-weight: 400;
    padding-left: 15px;
}
.editor h5:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 19px;
    background: #7f65b8;
    margin: 6px 0 0 -12px;
}
.editor img {
    max-width: 100%;
    height: auto !important;
}
.editor b,
.editor strong {
    font-weight: 400;
}
.editor .fa {
    color: #583996;
}
.editor a:link,
.editor a:visited {
    color: #9C27B0;
    text-decoration: underline;
    text-decoration-color: black;
}
.editor a:hover {
    color: #000 !important;
    text-decoration: underline;
}
.editor ul {
    padding-left: 33px;
    margin-bottom: 15px;
}
.editor ol {
    padding-left: 33px;
    margin-bottom: 15px;
}
.editor ul > li,
.editor ol > li {
    padding: 0 0 2px 0;
    margin-bottom: 0px;
}
.editor li > ul,
.editor li > ol {
    margin: 4px 0 20px 0;
}
.editor ul > li:last-child,
.editor ol > li:last-child {
    padding: 0 0 0 0;
}
.editor ul > li p,
.editor ol > li p {
    margin: 4px 0 20px 0;
}
.editor ul > li > ul,
.editor ul > li > ol,
.editor ol > li > ul,
.editor ol > li > ol {
    margin: 4px 0 0 0;
}
.editor table {
    width: 100%;
    max-width: 1170px !important;
    border-color:#b3d975;
    border-style: initial;
    margin: 5px auto 25px auto;
}
.editor table h1,
.editor table h2,
.editor table h3,
.editor table h4,
.editor table h5,
.editor table h6 {
    margin: 0 !important;
    padding-top: 0 !important;
}
.editor table p {
    margin: 0 !important;
}
.editor table thead th {
    background-color:#B3D975;
    color: #000;
    font-weight: 500;
    text-align: center;
    padding: 6px 10px;
    line-height: 20px;
    border-color: #fff;
    vertical-align: middle;
    border-bottom: 0;
}
.editor .card-body table {
    border-color: #7a5db6;
}
.editor .card-body table thead th {
    background-color: #7a5db6;
    color: #fff;
}
.editor .card-body table thead th:last-child {
    border-right-color:#7a5db6;
}
.editor table thead .date {
    width: 100px !important;
}
.editor table thead .author {
    width: 100px !important;
}
.editor table tbody .date {
    text-align: center
}
.editor table tbody a:link,
.editor table tbody a:visited {
    color: #222;
    text-decoration: underline;
    text-decoration-color: #888;
}
.editor table tbody a:hover {
    color: #000;
    text-decoration-color: #000;
}
.editor table thead th:first-child {
    border-left-color:#B3D975;
}
.editor table thead th:last-child {
    border-right-color: #B3D975;
}
.editor table thead th h1,
.editor table thead th h2,
.editor table thead th h3,
.editor table thead th h4,
.editor table thead th h5,
.editor table thead th h6 {
    color: #fff;
}
.editor table thead td {
    font-weight: 500;
    text-align: center;
    padding: 6px 10px;
    line-height: 20px;
    width: auto !important;
}
.editor table tbody th {
    padding: 5px 10px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
}
.editor table tbody tr {
    background: #ffffff;
}
/* .editor table tbody tr:nth-child(even) {
    background: #f2f0f8;
}
.editor table tbody tr:nth-child(even)>th {
    background: #f2f0f8;
} */
.editor table tbody tr td {
    padding: 8px 10px;
    vertical-align: middle;
}
.editor table tbody ul,
.editor table tbody ol {
    padding-left: 22px;
    margin-bottom: 0;
}
.editor table tbody li {
    padding: 0;
}
.table-responsive table {
    margin: 10px auto;
}
.table-responsive table thead th,
.table-responsive table tbody th,
.table-responsive table tbody th p {
    white-space: nowrap;
    border-width: 1px;
}
#uncolor tr:nth-child(even) {
    background: #ffffff;
}
.one-line {
    word-break: keep-all;
}
@media (max-width: 768px) {
    .editor table {
        display: block;
        width: 100% !important;
        overflow-y: auto;
    }
    .editor table thead th, .editor table tbody th, .editor table tbody tr td {
        padding: 5px 5px;
    }
    .editor table thead th, .editor table tbody th {
        word-break: keep-all;
    }
}
/***--- editor end ---***/

/***--- editor faq ----***/
#editor-faq {
    margin: 20px 0;
}
#editor-faq .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,0);
    border-radius: 0;
    border: 1px solid #B3D975;
    margin-bottom: 10px;
}
#editor-faq .card-header:first-child {
    border-radius: 0;
}
#editor-faq .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0px !important;
}
#editor-faq .card-header:hover {
    color: #000;
}
#editor-faq .card-title {
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
}
#editor-faq .card-btn {
    width: 100%;
    font-size: 1.125rem;
    color: #333;
    font-weight: 400;
    text-align: left;
    padding: 8px 8px 8px 30px;
    background-color: transparent;
    background: #B3D975;
    border-radius: 0;
}
#editor-faq .card-btn:before {
    content: "\6e";
    font-family: "gwicon";
    font-size: 1rem;
    position: absolute;
    left: 0;
    margin: 2px 0 0 10px;
    color: #000000;
}
#editor-faq .card-body {
    padding: 20px 30px;
}
#editor-faq .card-body {
    padding: 20px 20px 22px 20px;
}
#editor-faq .card-body p:last-child {
    margin: 0;
}
#editor-faq ul {
    list-style-type: disc;
}
.editor ul>li:before {
    content: none;
}
/***--- editor faq end ----***/

/***--- cookie ---***/
.cookie-link {
    text-align: center;
    margin: -1px 0 0 30px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.6);
}
.modal-content {
    background-color: #fff;
    border: 0;
    border-radius: 0;
}
.modal-header {
    padding: 0.5rem 1rem;
}
.modal-header .close {
    padding: 0;
    margin: 0;
}
.modal-header .close img {
    width: 20px;
    margin-top: 6px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #000;
    font-size: 1.5rem;
}
.modal-body {
    font-size: 0.875rem;
    line-height: 22px;
    min-height: 200px;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
.modal-body h6 {
    font-weight: 400;
    font-size: 1.125rem;
}
.modal-body p:last-child {
    margin: 0;
}
#cookie .modal-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#cookie .modal-body h3 {
    text-align: center;
    margin: 0;
}
.modal-body a {
    color: #ff5722;
}
.modal-body a:hover {
    color: #000;
    text-decoration: underline;
}
.modal-footer {
    padding: 0;
}
.modal-footer>:not(:last-child),
.modal-footer>:not(:first-child) {
    margin: 0;
}
.btn-cookie {
    font-size: 0.875rem;
    line-height: 16px;
    padding: 0;
    text-align: center;
    height: 65px;
    width: 65px;
    background: #7A5DB6;
    border: 1px solid #7A5DB6;
    color: #000;
    border-radius: 0;
}
.btn-cookie:hover {
    color: #fff;
    background-color: #30b79c;
    border-color: #30b79c;
}
.btn-cookie:active, .btn-cookie:focus {
    outline:none !important;
    box-shadow: none;
}
.btn-no, .btn-yes {
    width: 50%;
    margin: 0;
    border-radius: 0;
    outline:none !important;
}
.btn-no {
    color: #fff;
    background-color: #8a8a8a;
    border-color: #8a8a8a;
}
.btn-no:hover {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}
.btn-yes {
    width: 100%;
    color: #fff;
    background-color: #7A5DB6;
    border-color: #7A5DB6;
}
.btn-yes:hover {
    background-color: #30b79c;
    border-color: #30b79c;
}
.btn-no:active, .btn-yes:active, .btn-no:focus, .btn-yes:focus {
    outline:none !important;
    box-shadow: none;
}
/***--- cookie end ---***/

/***--- search -----***/
.search {
    font-size: 1rem !important;
    width: 35px;
    height: 35px;
    color: #000;
    background: #f5e574;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}
.search:hover {
    color: #fff;
    background: #555;
}
.search-open {
    top: 65px;
    display: none;
    position: absolute;
    z-index: 1001;
    margin-left: -75px;
}
.search-box {
    width: 188px;
}
.search-box a {
    font-size: inherit !important;
    width: auto !important;
    height: auto !important;
    color: #fff;
    background: none !important;
    display: inherit !important;
}
::-webkit-input-placeholder { 
    color: #000;
    font-size: 0.75rem !important;
}
::-moz-placeholder {
    color: #000;
    font-size: 0.75rem !important;
}
:-ms-input-placeholder {
    color: #000;
    font-size: 0.75rem !important;
}
:-moz-placeholder {
    color: #000;
    font-size: 0.75rem !important;
}
.gsc-input-box {
    height: 32px;
    background: #fff;
    border-radius: 15px 0 0 15px !important;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #ccc !important;
    padding: 0 !important;
}
.gsc-control-cse {
    background-color: transparent !important;
    border: 0px solid #ffffff !important;
    padding: 0 !important;
}
table.gsc-search-box td {
    line-height: 30px;
    vertical-align: middle;
}
table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}
.gsib_a {
    padding: 0 0 0 10px !important;
}
.gsst_a {
    padding: 0 !important;
}
.gsst_a .gscb_a {
    color: #c35017 !important;
    vertical-align: -3px;
    line-height: 30px;
    background: #fff;
}
.gsst_a {
    width: auto !important;
    height: auto !important;
}
.gsc-search-button {
    margin-left: -1px !important;
}
.gsc-search-button-v2 {
    border-color: #7f65b6 !important;
    border-left: 0 !important;
    background-color: #7f65b6 !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7f65b6),to(#7f65b6)) !important;
    background-image: -webkit-linear-gradient(top,#7f65b6,#7f65b6) !important;
    background-image: -moz-linear-gradient(top,#7f65b6,#7f65b6) !important;
    background-image: -ms-linear-gradient(top,#7f65b6,#7f65b6) !important;
    background-image: -o-linear-gradient(top,#7f65b6,#7f65b6) !important;
    background-image: linear-gradient(top,#7f65b6,#7f65b6) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7f65b6',EndColorStr='#7f65b6') !important;
}
.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
    line-height: 28px !important;
    height: 28px !important;
    min-height: 32px;
    padding: 0px 12px 0 12px !important;
    border-radius: 0 15px 15px 0 !important;
}
.gsc-search-button-v2:hover {
    border-color: #333 !important;
    background-color: #333 !important;
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333', EndColorStr='#333');
}
.gsc-search-button-v2:hover svg {
    fill: #fff;
}
.gsc-search-button-v2:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
form.gsc-search-box {
    margin-bottom: 0 !important;
}
table.gsc-search-box {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) { 
    .search-open {
        width: 100%;
        right: 0;
        top: 140px;
        padding: 4px;
    }
    .search-box {
        width: 100%;
    }
}
@media (max-width: 375px) {
    .gsc-search-box-tools .gsc-search-box .gsc-input {
        background: none !important;
        text-indent: 0 !important;
    }
}
@media (max-width: 320px) {
    .search-open {
        top: 120px;
    }
}
/***--- search end -----***/

/***--- thankspage ---***/
.thankspage-content {
    border: 1px solid #ccc;
    padding: 50px 28px;
    margin: 80px 0 60px 0;
    color: #028E72;
    font-size: 0.9375rem;
}
/***--- thankspage end ---***/

/***--- photo ---***/
.photo-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.9);
    max-width: 100vw;
}
.photo-overlay:target,
.photo-overlay.is-active {
    visibility: visible;
}
.photo-content {
    max-height: 100%;
    overflow: auto;
}
:target > .photo-content,
.is-active > .photo-content {
    -webkit-animation: 0.4s ease-out 0.2s both;
    animation: 0.4s ease-out 0.2s both;
    -webkit-animation-name: inherit;
    animation-name: inherit;
}
.photo-html {
    padding: 2em;
    max-width: 42em;
    background-color: #fff;
}
.photo-figure {
    display: none;
    margin: 1.5em;
}
:target > .photo-figure,
.is-active > .photo-figure {
    display: block;
}
.photo-figure img {
    display: block;
    height: 0;
}
.photo-figcaption {
    color: #fff;
}
.photo-image {
    max-width: 100%;
    background-size: 100%;
}
.photo-image img {
    max-height: 90vh;
    display: block;
    max-width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    outline: none;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 90vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.photo-control {
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: center center;
    background-size: cover;
    text-indent: -999em;
}
.photo-close {
    top: 1em;
    right: 2em;
    background-image: url(../assets/images/close.svg);
}
.photo-prev {
    left: 2em;    
    background-image: url(../assets/images/prev.svg);
}
.photo-next {
    right: 2em;  
    background-image: url(../assets/images/next.svg);
}
.photo-untarget {
    position: fixed;
    top: 0;
}
.photo-prev,
.photo-next {
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -1.5em;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.photo-prev:hover,
.photo-prev:focus,
.photo-next:hover,
.photo-next:focus {
    opacity: 1;
}
/***--- photo end ---***/

/***--- google translate ---***/
.goog-te-gadget-simple {
    border-color: #7c5fb7 !important;
}
.goog-te-gadget {
    font-family: arial;
    font-size: 0.75rem;
    color: #666;
    white-space: nowrap;
}
.goog-te-gadget-simple {
    background-color: #fff;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #d5d5d5;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom: 1;
    *display: inline;
}
.goog-te-gadget img {
    vertical-align: middle;
    border: none;
}
.goog-te-gadget-icon {
    margin-left: 2px;
    margin-right: 2px;
    width: 19px;
    height: 19px;
    border: none;
    vertical-align: middle;
}
.goog-te-menu-value {
    text-decoration: none;
    color: #0000cc;
    white-space: nowrap;
    margin-left: 4px;
    margin-right: 4px;
}
.goog-te-menu-value img {
    margin-left: 2px;
    margin-right: 2px;
}

/***--- google_translate end ---***/