@charset "UTF-8";

/* CSS Document
 * ==========================================================================
 * 版權所有 2019 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: Buzz, Fish $
 * $Date: 2019/03 $
 */
body, html { margin: 0; padding: 0; font-family: "Microsoft JhengHei UI", "Microsoft JhengHei", "Arial", "PMingLiU", sans-serif; color: #262120; background: #fff; font-size: 16px; line-height: 1.6; }
html { -ms-overflow-style: scrollbar; }

/* === RESET === */
* { -webkit-backface-visibility: hidden; }
.disabled, .disabled:hover { cursor: not-allowed; }
a, a:visited, a:hover, a:focus, a:active { color: #262120; text-decoration: none; outline: 0; }
img, a img { border: none; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
section, article, aside, footer, header, nav, main { display: block; }
p { line-height: inherit; }
ol.reset, ul.reset, li.reset { list-style: none; margin: 0; padding: 0; }
label { font-weight: inherit; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; *font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; box-shadow: none !important; }
input, textarea, select, input[type="radio"], input[type="checkbox"] { -webkit-appearance: none; }
input:not([type="button"]), input:not([type="submit"]), input:not([type="reset"]) { font-size: 16px !important; }
textarea { resize: vertical; }
input::-webkit-input-placeholder { color: #999; font-size: 16px; }
input:-moz-placeholder { color: #999; font-size: 16px; }
input::-moz-placeholder { color: #999; font-size: 16px; }
input:-ms-input-placeholder { color: #999; font-size: 16px; }
textarea::-webkit-input-placeholder { color: #999; font-size: 16px; }
textarea:-moz-placeholder { color: #999; font-size: 16px; }
textarea::-moz-placeholder { color: #999; font-size: 16px; }
textarea:-ms-input-placeholder { color: #999; font-size: 16px; }
input:-moz-read-only { background: #eee; color: #666; }
.input-style:-moz-read-only:focus { border: 1px solid #ddd; }
.textarea-style:-moz-read-only:focus { border: 1px solid #ddd; }
input:read-only { background: #eee; color: #666; }
.input-style:read-only:focus { border: 1px solid #ddd; }
.textarea-style:read-only:focus { border: 1px solid #ddd; }
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected { background-color: #ededed !important; border: 1px solid #eee; }

/* SLICK DOTS */
.slick-dots { position: absolute; list-style: none; left: 0; right: 0; bottom: 10px; text-align: center; padding: 0; margin: 0; }
.slick-dots > li { display: inline-block; vertical-align: middle; padding: 0 3px; }
.slick-dots > li button { outline: none; position: relative; width: 16px; height: 16px; padding: 5px; margin: 0; border-radius: 50%; display: inline-block; vertical-align: middle; background-color: transparent; border: none; font-size: 0; line-height: 0; -moz-transition: background 0.15s; -o-transition: background 0.15s; -webkit-transition: background 0.15s; transition: background 0.15s; }
.slick-dots > li button:after { content: ""; width: 100%; height: 100%; border: 1px solid #a52300; position: absolute; top: 50%; left: 50%; border-radius: 50%; -moz-transform-origin: left top; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; -moz-transform: scale(0) translate(-50%, -50%); -ms-transform: scale(0) translate(-50%, -50%); -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); -moz-transition: -moz-transform 0.45s; -o-transition: -o-transform 0.45s; -webkit-transition: -webkit-transform 0.45s; transition: transform 0.45s; }
.slick-dots > li button:before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; display: block; background-color: #db8c6c; }
.slick-dots > li button:hover:before { background-color: #a52300; }
.slick-dots > li.slick-active button:after { -moz-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); }
.slick-dots > li.slick-active button:before { background-color: #a52300; }
.slick-dots > li.slick-active button:hover:before { background-color: #a52300; }

/* GOTOP */
.gotop { position: fixed; bottom: 50px; right: 50px; width: 50px; height: 50px; z-index: 100; font-size: 0; display: none; border-radius: 5px; background-color: transparent; border: 2px solid #a52300; -moz-transition: background-color 0.35s; -o-transition: background-color 0.35s; -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }
.gotop:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -3px; width: 10px; height: 10px; border: none; border-left: 2px solid #a52300; border-top: 2px solid #a52300; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: border 0.15s; -o-transition: border 0.15s; -webkit-transition: border 0.15s; transition: border 0.15s; }
.gotop.scroll-view { display: block; -webkit-animation: ani_fadeIn 0.9s both; -o-animation: ani_fadeIn 0.9s both; animation: ani_fadeIn 0.9s both; }
.gotop:hover { background: #a52300; }
.gotop:hover:before { border-left: 2px solid #fff; border-top: 2px solid #fff; }
@media (max-width:1199px) {
	.gotop { width: 40px; height: 40px; right: 30px; bottom: 30px; }
}
@media (max-width:991px) {
	.gotop { right: 20px; bottom: 20px; }
}

/* HR */
.g-hr { display: block; height: 1px; width: 100%; margin: 15px auto; border: none; border-bottom: 1px solid #ddd; }

/* OVERFLOW */
.open-overlay { position: fixed; z-index: 290; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); display: none; }
.open-overlay.is-open { display: block; -moz-animation: ani_fadeIn 0.5s both linear; -webkit-animation: ani_fadeIn 0.5s both linear; animation: ani_fadeIn 0.5s both linear; }
.open-overlay.is-close { -moz-animation: ani_fadeOut 0.5s both linear; -webkit-animation: ani_fadeOut 0.5s both linear; animation: ani_fadeOut 0.5s both linear; }

/* FORM - BUTTON */
.btn-default, .btn-default:hover { display: block; color: #fff; text-align: center; font-size: 1.125rem; max-width: 220px; margin: 20px auto; width: 100%; line-height: 50px; border: 1px solid rgba(255, 255, 255, 0.5); background-color: transparent; -moz-transition: border 0.25s, background 0.25s; -o-transition: border 0.25s, background 0.25s; -webkit-transition: border 0.25s, background 0.25s; transition: border 0.25s, background 0.25s; }
.btn-default span { position: relative; z-index: 10; padding-right: 43px; color: inherit; }
.btn-default span:after { content: ""; position: absolute; right: 0; top: 6px; width: 30px; height: 7px; border: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -moz-transform: skewX(40deg); -ms-transform: skewX(40deg); -webkit-transform: skewX(40deg); transform: skewX(40deg); }
.btn-default:hover { background-color: rgba(255, 255, 255, 0.8); color: #66230a; }
.btn-default:hover span:after { border-right: 1px solid #66230a; border-bottom: 1px solid #66230a; }
@media (max-width:991px) {
	.btn-default { max-width: 180px; line-height: 40px; }
	.btn-default span { padding-right: 28px; }
	.btn-default span:after { bottom: 3px; width: 22px; height: 5px; }
}
@media (max-width:767px) {
	.btn-default { font-size: 1rem; }
}

/* FORM - BOX */
.form-box { display: block; position: relative; margin: 0 auto 20px auto; padding: 0 0 0 100px; }
.form-box .datepick { font-size: 0; }
.form-box .datepick select { width: calc((100% / 3) - 6px); margin: 0 0 0 8px; padding: 0 25px 0 10px; display: inline-block; height: 45px; line-height: 43px; vertical-align: top; font-size: 1rem; text-align: center; border: 1px solid #ddd; background: #fff url("../images/select_aw.png") 110% center no-repeat; background-size: auto 120%; }
.form-box .datepick select::-ms-expand { display: none; }
.form-box .datepick select:first-of-type { margin-left: 0; }
.input-style[readonly] { background: #fff; }
.form-box.form-sex { padding-right: 165px; }
.form-box.form-half { display: inline-block; vertical-align: top; width: calc(50% - 29px); }
.form-box.form-half.odd { margin-right: 50px; }
.form-box.form-half.even { margin-right: 0; }
.form-gp { height: 45px; line-height: 45px; min-height: auto; width: 155px; position: absolute; bottom: 0; right: 0; }
.form-gp.gp-block { right: auto; width: auto; position: relative; }
.time-form-box { display: inline-block; padding-top: 10px; font-size: 0; vertical-align: middle; }
.time-form-box .input { display: inline-block; margin: 0 5px 0 0; width: 50px; }
.time-form-box .input select { display: block; font-size: 1rem; width: 100%; text-align: center; border: none; border-bottom: 1px solid #ddd; background: #fff url("../images/select_aw.png") 130% center no-repeat; background-size: auto 120%; }
.time-form-box .input select::-ms-expand { display: none; }
.time-form-box .input input { width: 100%; text-align: center; border: none; border-bottom: 1px solid #ddd; }
.time-form-box .txt { display: inline-block; margin: 0 5px 0 0; font-size: 16px; color: #666; }
.form-etc { display: inline-block; margin: 0 5px 0 0; }
.form-etc .input-style { width: auto; display: inline-block; vertical-align: middle; }
@media (max-width:1199px) {
	.form-box.form-half { width: calc(50% - 13px); }
	.form-box.form-half.odd { margin-right: 20px; }
	.form-box.form-half.even { margin-right: 0; }
	.form-box.form-sex { padding-right: 100px; }
	.form-box.form-sex .form-gp { width: 100px; font-size: 0; }
	.form-box.form-sex .radio-style { margin: 0; width: 50%; font-size: 1rem; position: relative; z-index: 2; text-align: center; background: #eee; color: #999; border-left: 1px solid #fff; border-radius: 3px; }
	.form-box.form-sex .radio-style input { opacity: 0; }
	.form-box.form-sex .radio-style input + span { display: none; }
	.form-box.form-sex .radio-style input + span i { display: none; }
	.form-box.form-sex .radio-style.is-checked { background: #555; color: #fff }
}
@media (max-width:767px) {
	.form-box.form-half { display: block; width: 100%; }
	.form-gp { height: 40px; line-height: 40px; }
	.form-gp.gp-block { display: block; position: relative; }
}
@media (max-width:499px) {
	.form-box { padding-left: 0; }
}

/* star */
.star { display: inline-block; font-style: normal; color: #a52300; font-size: 1.0625rem; margin-left: -8px; margin-right: 2px; }
.star2 { display: inline-block; font-style: normal; color: #a52300; font-size: 1.0625rem; margin-left: 0px; margin-right: 5px; }

/* CODE */
.form-box.code { padding-right: 156px; }
.codeimg { width: 146px; position: absolute; bottom: 0; right: 0; }
@media (max-width:767px) {
	.form-box.code { padding-right: 130px; }
	.form-box .codeimg { width: 130px; }
}

/* RADIO */
.radio-style { padding: 0; margin: 0 5px; display: inline-block; font-weight: normal; line-height: 45px; }
.radio-style input { outline: none; display: none; }
.radio-style input + span { display: inline-block; vertical-align: baseline; border: 2px solid #666; background: #fff; width: 17px; height: 17px; padding: 3px; margin: 0 8px -2px 0; border-radius: 50%; -moz-transition: background 0.15s; -o-transition: background 0.15s; -webkit-transition: background 0.15s; transition: background 0.15s; }
.radio-style input + span i { display: block; width: 100%; height: 100%; background: #666; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); border-radius: 50%; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; }
.radio-style input:checked + span { border-color: #666; }
.radio-style input:checked + span i { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.radio-style:hover input + span, .radio-style:active input + span { border-color: #999; }
.radio-style:hover input + span i, .radio-style:active input + span i { background-color: #999; }
.radio-style:hover input:checked + span, .radio-style:active input:checked + span { border-color: #666; }
.radio-style:hover input:checked + span i, .radio-style:active input:checked + span i { background-color: #666; }
@media (max-width:767px) {
	.radio-style { line-height: 40px; }
}

/* CHECKBOX */
.checkbox-style { padding: 0; margin: 0 5px; display: inline-block; font-weight: normal; line-height: 45px; }
.checkbox-style input { outline: none; display: none; }
.checkbox-style input + span { display: inline-block; vertical-align: middle; border: 2px solid #666; background: #fff; width: 16px; height: 16px; padding: 0; margin: -2px 8px 0 0; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-transition: background 0.15s; -o-transition: background 0.15s; -webkit-transition: background 0.15s; transition: background 0.15s; }
.checkbox-style input + span i { display: inline-block; vertical-align: top; margin: 4px 0 0 5px; width: 10px; height: 5px; border-left: 2px solid #666; border-bottom: 2px solid #666; -moz-transform: scale(0) rotate(-45deg); -ms-transform: scale(0) rotate(-45deg); -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -webkit-transform-origin: left bottom; transform-origin: left bottom; }
.checkbox-style input:checked + span { border-color: #666; }
.checkbox-style input:checked + span i { -moz-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); }
.checkbox-style:hover input + span, .checkbox-style:active input + span { border-color: #999; }
.checkbox-style:hover input:checked + span, .checkbox-style:active input:checked + span { border-color: #999; }
.checkbox-style:hover input:checked + span i, .checkbox-style:active input:checked + span i { border-left: 2px solid #999; border-bottom: 2px solid #999; }
@media (max-width:767px) {
	.checkbox-style { line-height: 40px; }
}

/* LABEL */
.label-style { font-size: 1.0625rem; color: #444; padding: 0 0 0 10px; margin: 0; display: block; position: absolute; top: 0; left: 0; line-height: 45px; width: 99px; white-space: nowrap; }
@media (max-width:767px) {
	.label-style { line-height: 40px; font-size: 1rem; }
}
@media (max-width:499px) {
	.label-style { position: relative; line-height: 1.5; margin-bottom: 10px; }
}

/* TEXT INPUT */
.input-style { background: #fff; padding: 0 10px; height: 45px; width: 100%; display: block; outline: none; border-radius: 0; border: 1px solid #ddd; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-transition: border 0.15s; -o-transition: border 0.15s; -webkit-transition: border 0.15s; transition: border 0.15s; }
.input-style:focus { border: 1px solid #a52300; }
.input-style.date { position: relative; background: #f5f5f5; padding-right: 30px; line-height: 45px; }
.input-style.date:before { pointer-events: none; content: "\f073"; font-family: 'Font Awesome 5 Free'; position: absolute; top: 0; right: 10px; font-size: 18px; }
::-webkit-inner-spin-button { display: none; }
@media (max-width:767px) {
	.input-style { height: 40px; }
	.input-style.date { line-height: 40px; }
}

/* TEXTAREA */
.textarea-style { background: #fff; height: 100px; padding: 10px; width: 100%; display: block; outline: none; border-radius: 0; border: 1px solid #ddd; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-transition: border 0.15s; -o-transition: border 0.15s; -webkit-transition: border 0.15s; transition: border 0.15s; }
.textarea-style:focus { border: 1px solid #a52300; }

/* SELECT */
.select-style { border-radius: 0; padding: 0 45px 0 10px; display: block; width: 100%; height: 45px; line-height: 45px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url("../images/select_aw.png") right 0 no-repeat; background-size: auto 100%; outline: none; border: 1px solid #ddd; -moz-box-sizing: none; -webkit-box-sizing: none; box-sizing: none; -moz-transition: border 0.15s; -o-transition: border 0.15s; -webkit-transition: border 0.15s; transition: border 0.15s; }
.select-style:focus { border: 1px solid #a52300; }
.select-style::-ms-expand { display: none; }
@media (max-width:767px) {
	.select-style { padding: 0 40px 0 10px; height: 40px; line-height: 40px; }
}

/* BREADCRUMB */
.p-breadcrumb { display: block; padding: 20px 0; z-index: 10; }
.p-breadcrumb ul li { position: relative; display: inline-block; vertical-align: baseline; color: #888; padding-left: 15px; margin-right: 15px; font-size: 1rem; }
.p-breadcrumb ul li:before { content: ""; width: 8px; height: 8px; display: inline-block; position: absolute; background: none; border-right: 1px solid #c4ada2; border-bottom: 1px solid #c4ada2; left: -6px; top: 7px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.p-breadcrumb ul li:first-child { padding-left: 0; }
.p-breadcrumb ul li:first-child:before { display: none; }
.p-breadcrumb ul li a { color: #8f6b59; text-decoration: none; display: block; }
.p-breadcrumb ul li a:hover { color: #a52300; text-decoration: none; }
@media (max-width:991px) {
	.p-breadcrumb { padding: 15px 0; }
}
@media (max-width:767px) {
	.p-breadcrumb { border-bottom: 1px solid #ddd; background: rgba(255, 255, 255, 0.4); padding: 6px 0; margin-bottom: 20px; }
	.p-breadcrumb ul li { display: inline; font-size: 0.875rem; }
	.p-breadcrumb ul li:before { top: 5px; }
	.p-breadcrumb ul li a { display: inline; }
}

/* FUNCTION - CATEGORY */
.g-catetab { position: relative; text-align: center; width: 100%; z-index: 90; font-size: 0; padding: 0; margin: 40px auto; }
.g-catetab.scroll-view { opacity: 1; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.g-catetab .cur-item { display: none; }
.g-catetab ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.g-catetab > ul > li { display: inline-block; vertical-align: middle; }
.g-catetab > ul > li > a { position: relative; display: block; padding: 10px 20px; margin: 0 5px 10px 5px; min-width: 110px; border-radius: 50px; text-align: center; line-height: 1.25; font-size: 1.0625rem; color: #333; border: 1px solid #e9d4d1; background-color: transparent; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
.g-catetab > ul > li > a:hover { color: #a52300; background-color: #e9d4d1; }
.g-catetab > ul > li.current > a { color: #fff; background-color: #a52300; }
.g-catetab > ul > li > ul { display: none; }
.g-catetab > ul > li { position: relative; }
.g-catetab > ul > li > ul { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.g-catetab > ul > li > ul > li { display: block; vertical-align: middle; margin-bottom: 2px; }
.g-catetab > ul > li > ul > li > a { display: block; padding: 8px 15px; margin: 0; min-width: 80px; border-radius: 50px; text-align: center; line-height: 1.25; font-size: 1rem; color: #fff; border: none; background-color: rgba(165, 155, 146, 0.98); -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; white-space: nowrap; box-shadow: 0 0 5px rgba(255, 255, 255, 0.2) }
.g-catetab > ul > li > ul > li > a:hover { background-color: #8c746e; }
@media (min-width:768px) {
	.g-catetab.more-item { z-index: 20; max-width: 400px; width: calc(100% - 30px); border: 1px solid transparent; background: none; overflow: visible; padding: 0; margin: 0 auto 25px auto; -moz-transition: border 0.2s, background 0.2s; -o-transition: border 0.2s, background 0.2s; -webkit-transition: border 0.2s, background 0.2s; transition: border 0.2s, background 0.2s; }
	.g-catetab.more-item .cur-item { cursor: pointer; white-space: nowrap; display: block; position: relative; z-index: 1; height: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 40px; margin: 5px; text-align: center; line-height: 44px; font-size: 1rem; border-radius: 25px; border: 1px solid #e9d4d1; color: #333; background: #fff; -moz-box-shadow: 0 1 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1 2px rgba(0, 0, 0, 0.1); -moz-transition: color 0.25s, border 0.25s, box-shadow 0.25s, background 0.25s; -o-transition: color 0.25s, border 0.25s, box-shadow 0.25s, background 0.25s; -webkit-transition: color 0.25s, border 0.25s, box-shadow 0.25s, background 0.25s; transition: color 0.25s, border 0.25s, box-shadow 0.25s, background 0.25s; }
	.g-catetab.more-item .cur-item:after { content: ""; position: absolute; top: 50%; margin-top: -5px; right: 20px; display: inline-block; width: 8px; height: 8px; border: none; border-right: 2px solid #e9d4d1; border-bottom: 2px solid #e9d4d1; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.g-catetab.more-item .cur-item:hover { -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); border: 1px solid #e7d1ce; }
	.g-catetab.more-item > ul { display: none; position: absolute; z-index: 0; border: 1px solid #ddd; padding: 50px 5px 5px 5px; margin: 0 0 0 0; top: 0; left: 0; right: 0; border-radius: 27px; background: #fff; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
	.g-catetab.more-item > ul > li { display: block; min-width: auto; padding: 0; margin: 0; border-top: 1px dotted #ddd; }
	.g-catetab.more-item > ul > li > a { background-color: transparent; border: none; margin: 0; padding: 13px 10px 12px 10px; color: #666; border-radius: 0; font-size: 1rem; }
	.g-catetab.more-item > ul > li:hover > a { background: #faf4f4; color: #a52300; }
	.g-catetab.more-item > ul > li:first-child { border-top: none; }
	.g-catetab.more-item > ul > li:not(.is-hasul):last-child > a { border-radius: 0 0 25px 25px; }
	.g-catetab.more-item > ul > li.current > a { border: none; background: transparent; color: #a52300; font-weight: 600; }
	.g-catetab.more-item > ul > li.current > a:hover, .g-catetab.more-item > ul > li.current:hover > a { background: #faf4f4; color: #a52300; }
	.g-catetab.more-item.open { padding: 0; }
	.g-catetab.more-item.open .cur-item { background-color: #a52300; color: #fff; border: 1px solid transparent; }
	.g-catetab.more-item.open .cur-item:after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
	.g-catetab.more-item.open > ul { position: absolute; display: block; -moz-animation: ani_fadeIn 0.5s both; -webkit-animation: ani_fadeIn 0.5s both; animation: ani_fadeIn 0.5s both; }
	.pc .g-catetab > ul > li:hover > ul { display: block !important; -moz-animation: ani_fadeIn 0.25s both; -webkit-animation: ani_fadeIn 0.25s both; animation: ani_fadeIn 0.25s both; }
	.pc .g-catetab:not(.more-item) > ul > li.is-hasul:hover > a:after, .g-catetab:not(.more-item) > ul > li.is-open > a:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent rgba(165, 155, 146, 0.9) transparent; position: absolute; bottom: -12px; left: 50%; margin-left: -5px; }
	.g-catetab.more-item > ul > li > ul { position: relative; }
	.g-catetab.more-item > ul > li > ul > li { margin-bottom: 0; }
	.g-catetab.more-item > ul > li > ul > li > a { display: block; padding: 12px 15px; margin: 0; min-width: 80px; border-radius: 0; text-align: center; line-height: 1.25; font-size: 1rem; color: #666; border: none; border-top: 1px solid #ddd; background-color: rgba(165, 155, 146, 0.2); -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; white-space: nowrap; box-shadow: none }
	.g-catetab.more-item > ul > li > ul > li > a:hover { background-color: rgba(165, 155, 146, 0.6); }
	.g-catetab.more-item > ul > li > ul > li:first-child > a { border-top: none; }
	.g-catetab.more-item > ul > li:last-child > ul > li:last-child > a { border-radius: 0 0 25px 25px; }
}
@media (max-width:767px) {
	.g-catetab { z-index: 20; max-width: 400px; width: calc(100% - 30px); border: 1px solid transparent; background: none; overflow: visible; padding: 0; margin: 0 auto 25px auto; -moz-transition: border 0.2s, background 0.2s; -o-transition: border 0.2s, background 0.2s; -webkit-transition: border 0.2s, background 0.2s; transition: border 0.2s, background 0.2s; }
	.g-catetab .cur-item { cursor: pointer; white-space: nowrap; display: block; position: relative; z-index: 1; height: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 40px; margin: 5px; text-align: center; line-height: 44px; font-size: 1rem; border-radius: 25px; border: 1px solid #e9d4d1; color: #333; background: #fff; -moz-box-shadow: 0 1 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1 2px rgba(0, 0, 0, 0.1); -moz-transition: color 0.25s, border 0.25s, box-shadow 0.25s, background 0.25s; -o-transition: color 0.25s, border 0.25s, box-shadow 0.25s, background 0.25s; -webkit-transition: color 0.25s, border 0.25s, box-shadow 0.25s, background 0.25s; transition: color 0.25s, border 0.25s, box-shadow 0.25s, background 0.25s; }
	.g-catetab .cur-item:after { content: ""; position: absolute; top: 50%; margin-top: -5px; right: 20px; display: inline-block; width: 8px; height: 8px; border: none; border-right: 2px solid #e9d4d1; border-bottom: 2px solid #e9d4d1; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.g-catetab .cur-item:hover { -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); border: 1px solid #e7d1ce; }
	.g-catetab > ul { display: none; position: absolute; z-index: 0; border: 1px solid #ddd; padding: 50px 5px 5px 5px; margin: 0 0 0 0; top: 0; left: 0; right: 0; border-radius: 27px; background: #fff; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
	.g-catetab > ul > li { display: block; min-width: auto; padding: 0; margin: 0; border-top: 1px dotted #ddd; }
	.g-catetab > ul > li > a { background-color: transparent; border: none; margin: 0; padding: 13px 10px 12px 10px; color: #666; border-radius: 0; font-size: 1rem; }
	.g-catetab > ul > li > a:hover { background: #faf4f4; color: #a52300; }
	.g-catetab > ul > li:first-child { border-top: none; }
	.g-catetab > ul > li:last-child > a { border-radius: 0 0 25px 25px; }
	.g-catetab > ul > li.current > a { border: none; background: transparent; color: #a52300; font-weight: 600; }
	.g-catetab > ul > li.current > a:hover { background: #faf4f4; color: #a52300; }
	.g-catetab.open { padding: 0; }
	.g-catetab.open .cur-item { background-color: #a52300; color: #fff; border: 1px solid transparent; }
	.g-catetab.open .cur-item:after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
	.g-catetab.open > ul { position: absolute; display: block; -moz-animation: ani_fadeIn 0.5s both; -webkit-animation: ani_fadeIn 0.5s both; animation: ani_fadeIn 0.5s both; }
	.g-catetab > ul > li > ul { position: relative; }
	.g-catetab > ul > li > ul > li { margin-bottom: 0; }
	.g-catetab > ul > li > ul > li > a { display: block; padding: 12px 15px; margin: 0; min-width: 80px; border-radius: 0; text-align: center; line-height: 1.25; font-size: 1rem; color: #666; border: none; border-top: 1px solid #ddd; background-color: rgba(165, 155, 146, 0.2); -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; white-space: nowrap; }
	.g-catetab > ul > li > ul > li > a:hover { background-color: rgba(165, 155, 146, 0.6); }
	.g-catetab > ul > li > ul > li:first-child > a { border-top: none; }
	.g-catetab > ul > li:last-child > ul > li:last-child > a { border-radius: 0 0 25px 25px; }
}
@media (max-width:499px) {
	.g-catetab { width: 100%; }
}

/* No-data */
.msg-nodata { padding: 100px 0; margin: auto; text-align: center; }
.msg-nodata .img { width: 80px; height: 80px; display: block; position: relative; margin: 0 auto 10px auto; border-radius: 50%; background: #db8c6c; }
.msg-nodata .img:before { content: ""; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-size: 2.25rem; position: absolute; display: inline-block; position: absolute; font-weight: 900; top: 50%; left: 50%; color: #fff; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.msg-nodata .text { text-align: center; font-size: 1.125rem; font-weight: 600; margin-bottom: 50px; }
.msg-nodata .btn-default { color: #66230a; border: 1px solid #66230a; background-color: transparent; }
.msg-nodata .btn-default span:after { border-right: 1px solid #66230a; border-bottom: 1px solid #66230a; -moz-transform: skewX(40deg); -ms-transform: skewX(40deg); -webkit-transform: skewX(40deg); transform: skewX(40deg); }
.msg-nodata .btn-default:hover { background-color: #66230a; color: #fff; }
.msg-nodata .btn-default:hover span:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.msg-nodata[data-scrollview] .img { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: opacity 0.4s ease-in-out, -moz-transform 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out, -o-transform 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; }
.msg-nodata[data-scrollview] .text { opacity: 0; -moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -webkit-transform: translate(0, -20px); transform: translate(0, -20px); -moz-transition: opacity 0.3s 0.2s, -moz-transform 0.3s 0.2s; -o-transition: opacity 0.3s 0.2s, -o-transform 0.3s 0.2s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0.2s, 0.2s; transition: opacity 0.3s 0.2s, transform 0.3s 0.2s; }
.msg-nodata[data-scrollview] .btn-default { opacity: 0; -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -webkit-transform: translate(0, 30px); transform: translate(0, 30px); -moz-transition: opacity 0.3s 0.33s, -moz-transform 0.3s 0.33s; -o-transition: opacity 0.3s 0.33s, -o-transform 0.3s 0.33s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0.33s, 0.33s; transition: opacity 0.3s 0.33s, transform 0.3s 0.33s; }
.msg-nodata[data-scrollview].scroll-view .img { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.msg-nodata[data-scrollview].scroll-view .text, .msg-nodata[data-scrollview].scroll-view .btn-default { opacity: 1; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
@media (max-width:1199px) {
	.msg-nodata { padding: 50px 0; }
	.msg-nodata .img { width: 65px; height: 65px; }
	.msg-nodata .text { margin-bottom: 20px; }
}
@media (max-width:991px) {
	.msg-nodata { padding: 30px 0 50px 0; }
}
@media (max-width:767px) {
	body { padding-top: 53px; }
}

/* === LAYOUT === */
.container, .container-1600 { position: relative; width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
.container { max-width: 1310px; }
.container-1600 { max-width: 1600px; }
#header { width: 100%; z-index: 300; display: block; position: fixed; top: 0; left: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: url(../images/header_bg.png) repeat-x 0 0; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; -moz-transition: border 0.3s; -o-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; }
#header:before { z-index: 1; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 35px; background-color: transparent; -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); transform: translate(0, -10px); -moz-transition: background-color 0.5s 0.1s, -moz-transform 0.5s 0.1s; -o-transition: background-color 0.5s 0.1s, -o-transform 0.5s 0.1s; -webkit-transition: background-color 0.5s, -webkit-transform 0.5s; -webkit-transition-delay: 0.1s, 0.1s; transition: background-color 0.5s 0.1s, transform 0.5s 0.1s; }
#header:after { z-index: 0; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: transparent; -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); transform: translate(0, -10px); -moz-transition: background-color 0.5s 0.15s, -moz-transform 0.5s 0.15s; -o-transition: background-color 0.5s 0.15s, -o-transform 0.5s 0.15s; -webkit-transition: background-color 0.5s, -webkit-transform 0.5s; -webkit-transition-delay: 0.15s, 0.15s; transition: background-color 0.5s 0.15s, transform 0.5s 0.15s; }
#header .container-1600 { z-index: 3; margin-top: 45px; height: 60px; -moz-transition: margin 0.45s; -o-transition: margin 0.45s; -webkit-transition: margin 0.45s; transition: margin 0.45s; }
#header.is-fixed .g-logo a { background-position: 0 0; }
#header.is-fixed .container-1600 { height: 90px; }
.g-logo { position: absolute; overflow: hidden; display: block; margin: 0; padding: 0; z-index: 1; width: 235px; left: 15px; top: 10px; font-size: 0; -moz-transition: top 0.65s; -o-transition: top 0.65s; -webkit-transition: top 0.65s; transition: top 0.65s; }
.g-logo a { display: block; font-size: 0; width: 100%; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: 0 100%; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
.g-logo a:before { content: ""; position: relative; display: block; width: 100%; padding-bottom: 31.91%; }
@media (min-width:768px) {
	.g-logo { top: -25px; }
	#header.is-fixed { background: none; border-bottom: 1px solid #ccc; }
	#header.is-fixed .g-logo { top: 10px; }
	#header.is-fixed:before { background-color: rgba(165, 35, 0, 0.9); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	#header.is-fixed:after { background-color: #fff; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	#header.is-fixed .container-1600 { margin-top: 35px; }
	#header.is-fixed .search-switch:before { display: none; }
	#header.is-fixed .search-switch:hover { background-color: #a52300; }
	#header.is-fixed .nav .menu > li:not(.top-nav):before { background-color: #a59b92; }
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { color: #000; }
	#header.is-fixed .nav .menu > li:not(.top-nav) > a:hover { color: #a52300; }
	#header.is-fixed .nav .menu > li:not(.top-nav).m1 > a:before { background-position: 0 -76px; }
	#header.is-fixed .nav .menu > li:not(.top-nav).m1:hover > a:before { background-position: 0 -114px; }
	#header.is-fixed .nav .menu > li:not(.top-nav).m2 > a:before { background-position: -40px -76px; }
	#header.is-fixed .nav .menu > li:not(.top-nav).m2:hover > a:before { background-position: -40px -114px; }
	#header.is-fixed .nav .menu > li:not(.top-nav).m3 > a:before { background-position: -80px -76px; }
	#header.is-fixed .nav .menu > li:not(.top-nav).m3:hover > a:before { background-position: -80px -114px; }
	#header.is-fixed .nav .menu > li:not(.top-nav).m4 > a:before { background-position: -120px -76px; }
	#header.is-fixed .nav .menu > li:not(.top-nav).m4:hover > a:before { background-position: -120px -114px; }
	#header.is-fixed .nav .menu > li.top-nav > a { color: #fff; background-color: transparent; }
	#header.is-fixed .nav .menu > li.top-nav > a:hover { color: #fff; background-color: #a52300; }
}
@media (max-width:767px) {
	#header { background: none; border-bottom: 1px solid #ccc; }
	#header.is-fixed .container-1600 { height: 53px; }
	#header:before { height: 3px; background-color: rgba(165, 35, 0, 0.9); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	#header:after { background-color: #fff; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	#header .container-1600 { margin-top: 3px; height: 53px; }
	#header .g-logo a { background-position: 0 0; }
	.g-logo { width: 135px; top: 5px; left: 10px; }
}
.nav-switch { display: none; }
@media (min-width:768px) {
	.mb .nav .visible-xs-block { display: block !important; }
	#header.is-fixed .nav .menu > li:not(.top-nav) { margin-top: 10px; }
	#header.is-fixed .nav .menu > li:not(.top-nav):hover > a { color: #a52300; }
	#header.is-fixed .nav .menu > li:not(.top-nav):before { margin-top: -3px; }
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { line-height: 80px; padding: 0 15px; }
	.nav { position: absolute; top: 0; right: 10px; width: calc(100% - 260px); text-align: right; }
	.nav .menu { font-size: 0; }
	.nav .menu > li:not(.top-nav) { position: relative; min-width: 200px; text-align: center; display: inline-block; vertical-align: top; margin-top: 0; }
	.nav .menu > li:not(.top-nav):hover > a { color: #db8c6c; }
	.nav .menu > li:not(.top-nav):before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; margin-top: -6px; left: -3px; }
	.nav .menu > li:not(.top-nav):first-child:before { display: none; }
	.nav .menu > li:not(.top-nav) > a { display: block; text-align: center; line-height: 50px; font-size: 1.125rem; color: #fff; padding: 0 15px 10px 15px; -moz-transition: color 0.25s, background 0.25s, line-height 0.25s; -o-transition: color 0.25s, background 0.25s, line-height 0.25s; -webkit-transition: color 0.25s, background 0.25s, line-height 0.25s; transition: color 0.25s, background 0.25s, line-height 0.25s; }
	.nav .menu > li:not(.top-nav) > a:before { content: ""; width: 40px; height: 38px; display: inline-block; vertical-align: middle; margin-right: 10px; background-image: url(../images/nav.png); background-color: transparent; background-repeat: no-repeat; -moz-background-size: auto 400%; -o-background-size: auto 400%; -webkit-background-size: auto 400%; background-size: auto 400%; }
	.nav .menu > li:not(.top-nav) > ul { display: none; position: absolute; width: 100%; left: 50%; min-width: 180px; max-width: 400px; border-top: 3px solid #992101; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
	.nav .menu > li:not(.top-nav) > ul > li { display: block; position: relative; }
	.nav .menu > li:not(.top-nav) > ul > li > a { display: block; position: relative; background: rgba(165, 155, 146, 0.9); color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 1.0625rem; padding: 8px 10px; text-align: center; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
	.nav .menu > li:not(.top-nav) > ul > li > a:hover { color: #fff; background: #992101; }
	.nav .menu > li:not(.top-nav) > ul > li:first-child > a { border-top: none; }
	.nav .menu > li:not(.top-nav) > ul > li > ul { display: none; position: absolute; left: 0; top: 1px; z-index: 1; min-width: 180px; width: 100%; -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); transform: translate(100%, 0); }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li { display: block; margin-left: -25px; padding-left: 25px; }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li > a { white-space: nowrap; display: block; position: relative; background: rgba(193, 182, 176, 0.9); color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 1.0625rem; padding: 8px 10px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3); -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li > a:hover { color: #fff; background: #bb4e43; }
	.nav .menu > li:not(.top-nav) > ul > li > ul > li:first-child > a { border-top: none; }
	.nav .menu > li:not(.top-nav).m1 > a:before { background-position: 0 0; }
	.nav .menu > li:not(.top-nav).m1:hover > a:before { background-position: 0 -38px; }
	.nav .menu > li:not(.top-nav).m2 > a:before { background-position: -40px 0; }
	.nav .menu > li:not(.top-nav).m2:hover > a:before { background-position: -40px -38px; }
	.nav .menu > li:not(.top-nav).m3 > a:before { background-position: -80px 0; }
	.nav .menu > li:not(.top-nav).m3:hover > a:before { background-position: -80px -38px; }
	.nav .menu > li:not(.top-nav).m4 > a:before { background-position: -120px 0; }
	.nav .menu > li:not(.top-nav).m4:hover > a:before { background-position: -120px -38px; }
	.nav .menu > li.top-nav { position: absolute; top: -35px; width: 85px; min-width: auto; }
	.nav .menu > li.top-nav:before { content: ""; width: 1px; height: 14px; display: block; position: absolute; right: 0; left: auto; top: 50%; margin-top: -7px; background: rgba(255, 255, 255, 0.2); }
	.nav .menu > li.top-nav.top1 { right: 225px; }
	.nav .menu > li.top-nav.top2 { right: 140px; }
	.nav .menu > li.top-nav.top3 { right: 55px; }
	.nav .menu > li.top-nav > a { line-height: 35px; font-size: 0.9375rem; padding: 0 2px; display: block; color: #fff; text-align: center; background-color: transparent; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
	.nav .menu > li.top-nav > a:before { display: none; }
	.nav .menu > li.top-nav > a:hover { color: #ffdfc7; }
	.nav .menu > li.top-nav > ul { display: none; position: absolute; width: 100%; left: 50%; min-width: 130px; max-width: 300px; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: rgba(165, 155, 146, 0.9); padding: 3px; }
	.nav .menu > li.top-nav > ul:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent rgba(165, 155, 146, 0.9) transparent; position: absolute; top: -6px; left: 50%; margin-left: -5px; }
	.nav .menu > li.top-nav > ul > li { display: block; position: relative; }
	.nav .menu > li.top-nav > ul > li > a { display: block; position: relative; background-color: transparent; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 1rem; padding: 8px 10px; text-align: center; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; border-radius: 3px; }
	.nav .menu > li.top-nav > ul > li > a:hover { color: #fff; background: #992101; }
	.nav .menu > li.top-nav > ul > li:first-child > a { border-top: none; }
	.pc .nav .menu > li > ul { display: none; }
	.pc .nav .menu > li > ul > li > ul { display: none; }
	.pc .nav .menu > li > ul > li:hover > a { color: #fff; background: #992101; }
	.pc .nav .menu > li > ul > li:hover > ul { display: block !important; -moz-animation: ani_fadeIn 0.25s both; -webkit-animation: ani_fadeIn 0.25s both; animation: ani_fadeIn 0.25s both; }
	.pc .nav .menu > li:hover > ul { display: block !important; -moz-animation: ani_fadeIn 0.25s both; -webkit-animation: ani_fadeIn 0.25s both; animation: ani_fadeIn 0.25s both; }
}
@media (min-width:768px) and (max-width:991px) {
	#header.is-fixed .nav .menu > li:not(.top-nav) > a { padding: 0 10px; }
}
@media (min-width:768px) and (max-width:1199px) {
	.nav .menu > li:not(.top-nav) { min-width: 20%; padding: 0; }
	.nav .menu > li:not(.top-nav) > a { padding: 0 10px; line-height: 60px; }
	.nav .menu > li:not(.top-nav) a:before { margin-right: 5px; -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }
}
@media (max-width:767px) {
	.nav { overflow-y: auto; position: fixed; background: #fff; top: 57px; bottom: 0; left: auto; right: 0; width: 100%; height: auto; max-width: 300px; text-align: left; display: none; }
	.nav.is-open { display: block; -moz-animation: ani_sideAreaIn 0.5s both; -webkit-animation: ani_sideAreaIn 0.5s both; animation: ani_sideAreaIn 0.5s both; }
	.nav.is-close { -moz-animation: ani_sideAreaOut 0.5s both; -webkit-animation: ani_sideAreaOut 0.5s both; animation: ani_sideAreaOut 0.5s both; }
	.nav .menu > li { position: relative; }
	.nav .menu > li.is-hasul > a { padding-right: 32px; }
	.nav .menu > li.is-hasul:hover > a { background: #B83E23; color: #fff; }
	.nav .menu > li.is-open > a, .nav .menu > li.is-open:hover > a { background: #a52300; color: #fff; }
	.nav .menu > li.is-hasul:hover:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
	.nav .menu > li.is-hasul:after { content: ""; position: absolute; display: block; top: 20px; right: 20px; width: 10px; height: 10px; border: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.nav .menu > li.is-open:after { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 5px; }
	.nav .menu > li > a { display: block; padding: 13px; font-size: 1.0625rem; border-top: 1px solid #ddd; background: #fff; color: #333; }
	.nav .menu > li > ul { display: none; }
	.nav .menu > li > ul.is-open { display: block; }
	.nav .menu > li > ul.is-open > li.is-hasul:after { border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
	.nav .menu > li > ul.is-open > li.is-hasul:hover > a { background: #ebebeb; color: #333; }
	.nav .menu > li > ul > li { position: relative; }
	.nav .menu > li > ul > li.is-hasul > a { padding-right: 32px; }
	.nav .menu > li > ul > li.is-hasul:after { content: ""; position: absolute; display: block; top: 20px; right: 20px; width: 10px; height: 10px; border: none; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.nav .menu > li > ul > li.is-open:after { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 5px; }
	.nav .menu > li > ul > li > a { display: block; padding: 13px; font-size: 1rem; border-top: 1px solid #fff; background: #eee; color: #333; }
	.nav .menu > li > ul > li > a:hover { background: #ebebeb; color: #333; }
	.nav .menu > li > ul > li:first-child > a { border-top: none; }
	.nav .menu > li > ul > li > ul { display: none; }
	.nav .menu > li > ul > li > ul.is-open { display: block; }
	.nav .menu > li > ul > li > ul.is-open > li.is-hasul:after { border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
	.nav .menu > li > ul > li > ul > li > a { display: block; padding: 13px 13px 13px 30px; position: relative; font-size: 1rem; border-top: 1px solid #eee; background: #dadada; color: #333; }
	.nav .menu > li > ul > li > ul > li > a:before { content: ""; width: 0; height: 0; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #999; border-style: solid; display: block; position: absolute; top: 20px; left: 15px; }
	.nav .menu > li > ul > li > ul > li > a:hover { background: #cbcbcb; color: #333; }
	.nav-switch { display: block; position: absolute; z-index: 105; top: 0; right: 0; width: 52px; height: 52px; }
	.nav-switch div { position: absolute; display: inline-block; height: 2px; width: 22px; border-radius: 25px; top: 50%; left: 50%; padding-right: 5px; margin-left: -11px; background: #666; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
	.nav-switch div:nth-child(1), .nav-switch div:nth-child(2) { margin-top: -8px; }
	.nav-switch div:nth-child(3), .nav-switch div:nth-child(4) { margin-top: 0px; }
	.nav-switch div:nth-child(5), .nav-switch div:nth-child(6) { margin-top: 8px; }
	.nav-switch div:nth-child(1), .nav-switch div:nth-child(3), .nav-switch div:nth-child(5) { -moz-transform-origin: left center; -ms-transform-origin: left center; -webkit-transform-origin: left center; transform-origin: left center; }
	.nav-switch div:nth-child(2), .nav-switch div:nth-child(4), .nav-switch div:nth-child(6) { -moz-transform-origin: right center; -ms-transform-origin: right center; -webkit-transform-origin: right center; transform-origin: right center; }
	.nav-switch div:nth-child(7), .nav-switch div:nth-child(8) { display: none; }
	.nav-switch:hover div { background: #a52300; }
	.nav-switch.is-open div:nth-child(1), .nav-switch.is-open div:nth-child(2), .nav-switch.is-open div:nth-child(3), .nav-switch.is-open div:nth-child(4), .nav-switch.is-open div:nth-child(5), .nav-switch.is-open div:nth-child(6) { display: none; }
	.nav-switch.is-open div:nth-child(7) { display: block; margin-left: -10px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-animation: ani_navbtn_zoomIn_close1 0.32s both; -webkit-animation: ani_navbtn_zoomIn_close1 0.32s both; animation: ani_navbtn_zoomIn_close1 0.32s both; }
	.nav-switch.is-open div:nth-child(8) { display: block; margin-left: -10px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-animation: ani_navbtn_zoomIn_close2 0.32s both; -webkit-animation: ani_navbtn_zoomIn_close2 0.32s both; animation: ani_navbtn_zoomIn_close2 0.32s both; }
	.nav-switch.is-close div:nth-child(1), .nav-switch.is-close div:nth-child(3), .nav-switch.is-close div:nth-child(5) { display: block; -moz-animation: ani_navbtn_zoomIn 0.25s both; -webkit-animation: ani_navbtn_zoomIn 0.25s both; animation: ani_navbtn_zoomIn 0.25s both; }
	.nav-switch.is-close div:nth-child(7) { -moz-animation: ani_navbtn_zoomOut_close1 0.28s both; -webkit-animation: ani_navbtn_zoomOut_close1 0.28s both; animation: ani_navbtn_zoomOut_close1 0.28s both; }
	.nav-switch.is-close div:nth-child(8) { -moz-animation: ani_navbtn_zoomOut_close2 0.28s both; -webkit-animation: ani_navbtn_zoomOut_close2 0.28s both; animation: ani_navbtn_zoomOut_close2 0.28s both; }
	.nav-switch.is-close div:nth-child(1) { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }
	.nav-switch.is-close div:nth-child(3) { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
	.nav-switch.is-close div:nth-child(5) { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
}
@media (max-width:399px) {
	.nav { max-width: none; }
}
.search-switch { width: 40px; height: 35px; display: block; position: absolute; top: -35px; right: 15px; font-size: 0; background-color: transparent; -moz-transition: background 0.15s; -o-transition: background 0.15s; -webkit-transition: background 0.15s; transition: background 0.15s; }
.search-switch:before { content: ""; z-index: 0; position: absolute; width: 35px; height: 35px; top: 0; left: 4px; border-radius: 50%; background-color: #a52300; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: -moz-transform 0.15s; -o-transition: -o-transform 0.15s; -webkit-transition: -webkit-transform 0.15s; transition: transform 0.15s; }
.search-switch span { display: block; width: 35px; height: 35px; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-color: transparent; background-position: -148px -2px; border-radius: 50%; -moz-background-size: auto 400%; -o-background-size: auto 400%; -webkit-background-size: auto 400%; background-size: auto 400%; }
.search-switch:hover:before { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.search-switch.is-open:before { display: none; }
.search-switch.is-open span { background: none; }
.search-switch.is-open span:before, .search-switch.is-open span:after { content: ""; display: block; height: 2px; width: 16px; border-radius: 10px; position: absolute; top: 50%; left: 50%; margin-left: -8px; background: #fff; }
.search-switch.is-open span:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.search-switch.is-open span:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.search-wrap { position: absolute; display: block; z-index: 20; top: -35px; right: 53px; width: 300px; border-radius: 50px; padding: 1px; overflow: hidden; }
.search-wrap .form-box { margin: 0; padding: 0; }
.search-wrap form { width: 100%; position: relative; }
.search-wrap form .input-style { position: relative; display: block; width: 100%; border: none; height: 33px; background: #fff; font-size: 1.125rem; border-radius: 50px; padding: 0 55px 0 15px; z-index: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.search-wrap form .btn-search { width: 50px; height: 29px; line-height: 29px; padding: 0; right: 2px; top: 2px; font-size: 0.875rem; color: #fff; background: rgba(165, 35, 0, 0.9); border: none; position: absolute; z-index: 1; text-align: center; border-radius: 25px; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
.search-wrap form .btn-search:hover { background: #751900; }
@media (min-width:768px) {
	.search-wrap { display: none; }
	.search-wrap.is-open { display: block; -moz-animation: ani_searchIn 0.4s both; -webkit-animation: ani_searchIn 0.4s both; animation: ani_searchIn 0.4s both; }
	.search-wrap.is-close { -moz-animation: ani_searchOut 0.5s both; -webkit-animation: ani_searchOut 0.5s both; animation: ani_searchOut 0.5s both; }
}
@media (max-width:767px) {
	.search-switch { display: none; }
	.search-wrap { position: relative; padding: 6px; top: auto; right: auto; width: 100%; border-radius: 0; }
	.search-wrap form .input-style { padding: 0 35px 0 10px; height: 40px; }
	.search-wrap form .btn-search { width: 36px; height: 36px; line-height: 36px; right: 0; top: 2px; font-size: 0; background-color: transparent; }
	.search-wrap form .btn-search:hover:before { background-position: -148px -2px; }
	.search-wrap form .btn-search:before { content: ""; display: block; width: 34px; height: 34px; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -16px; margin-left: -14px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-color: transparent; background-position: -148px -36px; border-radius: 50%; -moz-background-size: auto 400%; -o-background-size: auto 400%; -webkit-background-size: auto 400%; background-size: auto 400%; }
}
.g-overlay { position: fixed; }
#footer { background: url(../images/footer_bg.jpg) no-repeat 70% bottom #e0a494; color: #fff; font-size: 1rem; word-break: break-all; opacity: 0; -moz-transform: transalte(0, 50px); -ms-transform: transalte(0, 50px); -webkit-transform: transalte(0, 50px); transform: transalte(0, 50px); -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; }
#footer.scroll-view { opacity: 1; -moz-transform: transalte(0, 0); -ms-transform: transalte(0, 0); -webkit-transform: transalte(0, 0); transform: transalte(0, 0); }
#footer .f-top { padding-top: 60px; padding-bottom: 50px; }
#footer .f-top .title { color: #751900; font-size: 1.125rem; margin-bottom: 10px; display: block; font-weight: 600; }
#footer .f-link { width: 65%; float: left; font-size: 0; position: relative; padding-right: 15px; }
#footer .f-link > li { width: calc(100% / 6); display: inline-block; vertical-align: top; font-size: 1rem; }
#footer .f-link > li > ul { display: inline-block; text-align: left; }
#footer .f-link > li > ul > li { display: block; margin-bottom: 5px; }
#footer .f-link > li > ul > li a { color: #fff; position: relative; display: inline-block; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; }
#footer .f-link > li > ul > li a:hover { color: #f7e78b; }
#footer .f-info { float: right; position: relative; width: 35%; text-align: left; padding-left: 40px; padding-right: 0; font-size: 1rem; font-size: 0; }
#footer .f-info ul { display: inline-block; }
#footer .f-info ul li { display: block; text-align: left; }
#footer .f-info:before { content: ""; width: 1px; height: 100%; left: 0; top: 0; position: absolute; background: rgba(255, 255, 255, 0.3); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); }
#footer .f-info .box { font-size: 1rem; display: block; margin-bottom: 20px; }
#footer .f-info a { color: #fff; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; }
#footer .f-info a:hover { color: #f7e78b; }
#footer .f-bottom { text-align: center; padding: 13px 0; font-size: 0.9375rem; background: #cf7b64; }
#footer .f-copyright { display: inline-block; vertical-align: middle; }
#footer .f-copyright br { display: none; }
#footer .f-grnet { display: inline-block; vertical-align: middle; margin: 0 0 0 15px; }
#footer .f-grnet a { color: #fff; }
#footer .f-grnet a:hover { color: #f7e78b; }
#footer .f-sitemap, #footer .f-contact { display: inline-block; vertical-align: middle; position: relative; text-align: center; margin: 0 auto; padding-left: 15px; font-size: inherit; color: #fff; }
#footer .f-sitemap:hover, #footer .f-contact:hover { color: #f7e78b; }
#footer .f-sitemap:before, #footer .f-contact:before { content: ""; display: inline-block; position: absolute; left: 6px; top: 5px; background: rgba(255, 255, 255, 0.8); height: 15px; width: 2px; }
#footer .f-contact { margin-right: 10px; }
#footer .f-social-group { display: inline-block; padding-bottom: 4px; vertical-align: middle; text-align: center; }
#footer .f-social { display: inline-block; vertical-align: middle; position: relative; padding: 0 15px; font-size: 0; }
#footer .f-social:after { content: ""; display: block; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
#footer .f-social:before { content: ""; display: inline-block; border-radius: 50%; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.3); position: absolute; top: 50%; margin-top: -2px; left: -2px; }
#footer .f-social:hover:after { background-position: 0 100%; }
#footer .f-social.fb:after { width: 78px; padding-bottom: 23.809%; background-image: url(../images/icon_fb.png); }
#footer .f-social.line:after { width: 56px; padding-bottom: 32.608%; background-image: url(../images/icon_lineat.png); }
@media (max-width:1199px) {
	#footer .f-top { padding-top: 50px; padding-bottom: 40px; }
	#footer .f-top .title { font-size: 1.0625rem; }
	#footer .f-link { width: 55%; }
	#footer .f-link > li { width: calc(100% / 3); margin-bottom: 20px; }
	#footer .f-info { width: 45%; }
}
@media (max-width:991px) {
	#footer .f-top { padding-top: 30px; padding-bottom: 30px; }
	#footer .f-link { font-size: 0; width: auto; float: none; display: none; text-align: center; }
	#footer .f-link > li { display: block; position: relative; padding: 0; text-align: left; width: 100%; margin-bottom: 0; padding-left: 100px; }
	#footer .f-link > li .title { position: absolute; top: 0; left: 0; }
	#footer .f-link > li > ul { text-align: left; }
	#footer .f-link > li > ul > li { display: inline-block; vertical-align: top; width: auto; margin-right: 20px; }
	#footer .f-info { width: 100%; padding-left: 0; display: table; float: none; }
	#footer .f-info:before { display: none; }
	#footer .f-info .box { display: table-cell; vertical-align: top; text-align: center; }
	#footer .f-info .box:nth-of-type(1) { width: 40%; padding-right: 15px; }
	#footer .f-info .box:nth-of-type(2) { width: 60%; padding-left: 15px; }
	#footer .f-social.fb:before { display: none; }
}
@media (max-width:767px) {
	#footer .f-top { padding-top: 10px; padding-bottom: 30px; }
	#footer .f-top .title { margin-bottom: 0; font-size: 1rem; }
	#footer .f-link { display: none; }
	#footer .f-info { display: block; margin-top: 0; }
	#footer .f-info:before { display: none; }
	#footer .f-info ul li { text-align: inherit; }
	#footer .f-info .box { font-size: 0.9375rem; display: block; margin: 10px auto 0 auto; }
	#footer .f-info .box:nth-of-type(1) { width: 100%; padding-right: 0; }
	#footer .f-info .box:nth-of-type(2) { width: 100%; padding-left: 0; }
	#footer .f-bottom { padding: 10px 0; font-size: 0.875rem; }
	#footer .f-copyright { display: block; }
	#footer .f-grnet { margin: 0 auto; }
	#footer .f-social-group { display: block; margin: 0 auto; }
	#footer .f-social { display: inline-block; margin: 0 auto; }
}
@media (max-width:399px) {
	#footer .f-grnet { display: block; }
	#footer .f-sitemap { padding-left: 8px; }
	#footer .f-sitemap:before { display: none; }
	#footer .f-copyright br { display: inline-block; }
}

/* === INDEX === */
.index { overflow-x: hidden; position: relative; background: url(../images/bg_grid.png) repeat 0 0 #fff; }
.i-slide { position: relative; z-index: 0; overflow: hidden; height: 119vh; }
.i-slide .box { height: 100%; width: 100%; display: inline-block; vertical-align: middle; }
.i-slide .box div[class^="responsive-image"]:after { content: ''; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.i-slide .slick-dots { bottom: 0; margin-bottom: 15%; }
.i-slide .slick-dots > li button:after { border: 1px solid #fff; }
.i-slide .slick-dots > li button:before { background-color: #fff; }
.i-slide .slick-dots > li button:hover:before { background-color: #ff400c; }
.i-slide .slick-dots > li.slick-active button:before { background-color: #fff; }
.i-slide .slick-dots > li.slick-active button:hover:before { background-color: #fff; }
.i-slide .slick-prev, .i-slide .slick-next { position: absolute; z-index: 5; height: 100%; width: 10%; min-width: 40px; display: block; line-height: 0; font-size: 0; cursor: pointer; color: transparent; background: none; top: 0; margin-top: 0; padding: 0; border: none; outline: none; opacity: 0; -moz-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s; -o-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s; -webkit-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s; transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s; }
.i-slide .slick-prev:before, .i-slide .slick-next:before { content: ""; width: 40px; height: 40px; position: absolute; top: 46%; margin-top: -20px; display: inline-block; border: none; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.i-slide .slick-prev { left: 0; }
.i-slide .slick-prev:before { left: 50%; margin-left: -18px; border-left: 2px solid #eee; border-top: 2px solid #eee; }
.i-slide .slick-prev:hover, .i-slide .slick-prev:active { margin-left: 3px; }
.i-slide .slick-prev:hover:before, .i-slide .slick-prev:active:before { border-left: 2px solid #f8f8f8; border-top: 2px solid #f8f8f8; }
.i-slide .slick-next { right: 0; }
.i-slide .slick-next:before { right: 50%; margin-right: -18px; border-right: 2px solid #eee; border-bottom: 2px solid #eee; }
.i-slide .slick-next:hover, .i-slide .slick-next:active { margin-right: 3px; }
.i-slide .slick-next:hover:before, .i-slide .slick-next:active:before { border-right: 2px solid #f8f8f8; border-bottom: 2px solid #f8f8f8; }
.i-slide:hover .slick-prev, .i-slide:hover .slick-next { opacity: 1; }
.i-slide .first .box div[class^="responsive-image"] { -moz-animation: ani_slideZoom_opacity 3.2s both cubic-bezier(0.12, 0.55, 0.51, 0.96); -webkit-animation: ani_slideZoom_opacity 3.2s both cubic-bezier(0.12, 0.55, 0.51, 0.96); animation: ani_slideZoom_opacity 3.2s both cubic-bezier(0.12, 0.55, 0.51, 0.96); }
.i-slide .in .box div[class^="responsive-image"] { -moz-animation: ani_slideZoom 3s both cubic-bezier(0.12, 0.55, 0.51, 0.96); -webkit-animation: ani_slideZoom 3s both cubic-bezier(0.12, 0.55, 0.51, 0.96); animation: ani_slideZoom 3s both cubic-bezier(0.12, 0.55, 0.51, 0.96); }
.i-slide-wrap { position: relative; z-index: 10; }
.i-scroll-overlay { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; }
.i-scroll-overlay:before { content: ""; display: block; width: 100%; padding-bottom: 11.04%; }
.i-scroll-overlay #i-scroll-overlay-path { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.i-scroll { position: absolute; z-index: 9; bottom: 0; left: 50%; font-size: 0.8125rem; padding-bottom: 12.5%; color: #fff; font-weight: 600; font-family: "Arial", sans-serif; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.i-scroll:after { content: ""; width: 1px; position: absolute; left: 50%; bottom: 0; top: 35px; background: rgba(255, 255, 255, 0.4); }
.i-scroll span { display: inline-block; -moz-animation: ani_flipcard 0.8s both; -webkit-animation: ani_flipcard 0.8s both; animation: ani_flipcard 0.8s both; }
.i-scroll span:nth-child(1) { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.i-scroll span:nth-child(2) { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.i-scroll span:nth-child(3) { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.i-scroll span:nth-child(4) { -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.i-scroll span:nth-child(5) { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.i-scroll span:nth-child(6) { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.i-scroll span:nth-child(7) { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.i-scroll span:nth-child(8) { -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.i-scroll span:nth-child(9) { -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.i-scroll span:nth-child(10) { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }
.i-scroll span:nth-child(11) { -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.i-scroll span:nth-child(12) { -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.i-scroll span:nth-child(13) { -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.i-scroll span:nth-child(14) { -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.i-scroll span:nth-child(15) { -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.i-scroll span:nth-child(16) { -moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.i-scroll span:nth-child(17) { -moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }
.i-scroll span:nth-child(18) { -moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.i-scroll span:nth-child(19) { -moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }
.i-scroll.shown span { -moz-animation: ani_jump 1s both infinite; -webkit-animation: ani_jump 1s both infinite; animation: ani_jump 1s both infinite; }
.i-scroll.shown span:nth-child(1) { -moz-animation-delay: 0.15s; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.i-scroll.shown span:nth-child(2) { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.i-scroll.shown span:nth-child(3) { -moz-animation-delay: 0.45s; -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.i-scroll.shown span:nth-child(4) { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.i-scroll.shown span:nth-child(5) { -moz-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.i-scroll.shown span:nth-child(6) { -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.i-scroll.shown span:nth-child(7) { -moz-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; animation-delay: 1.05s; }
.i-scroll.shown span:nth-child(8) { -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.i-scroll.shown span:nth-child(9) { -moz-animation-delay: 1.35s; -webkit-animation-delay: 1.35s; animation-delay: 1.35s; }
.i-scroll.shown span:nth-child(10) { -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.i-scroll.shown span:nth-child(11) { -moz-animation-delay: 1.65s; -webkit-animation-delay: 1.65s; animation-delay: 1.65s; }
.i-scroll.shown span:nth-child(12) { -moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.i-scroll.shown span:nth-child(13) { -moz-animation-delay: 1.95s; -webkit-animation-delay: 1.95s; animation-delay: 1.95s; }
.i-scroll.shown span:nth-child(14) { -moz-animation-delay: 2.1s; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }
.i-scroll.shown span:nth-child(15) { -moz-animation-delay: 2.25s; -webkit-animation-delay: 2.25s; animation-delay: 2.25s; }
.i-scroll.shown span:nth-child(16) { -moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }
.i-scroll.shown span:nth-child(17) { -moz-animation-delay: 2.55s; -webkit-animation-delay: 2.55s; animation-delay: 2.55s; }
.i-scroll.shown span:nth-child(18) { -moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s; animation-delay: 2.7s; }
.i-scroll.shown span:nth-child(19) { -moz-animation-delay: 2.85s; -webkit-animation-delay: 2.85s; animation-delay: 2.85s; }
@media (max-width:991px) {
	.i-slide { height: 100vh; }
	.i-slide .slick-prev:before, .i-slide .slick-next:before { width: 30px; height: 30px; margin-top: -15px; }
	.i-slide .slick-prev:before { margin-left: -15px; }
	.i-slide .slick-next:before { margin-right: -15px; }
}
@media (max-width:839px) {
	.i-scroll { display: none; }
}
@media (max-width:767px) {
	.i-scroll-overlay { display: none; }
	.i-slide { height: auto; }
	.i-slide .slick-dots { margin-bottom: 30px; }
	.i-slide .slick-prev:before, .i-slide .slick-next:before { width: 30px; height: 30px; margin-top: -15px; }
	.i-slide .slick-prev { left: 10px; }
	.i-slide .slick-prev:before { margin-left: -15px; }
	.i-slide .slick-next { right: 10px; }
	.i-slide .slick-next:before { margin-right: -15px; }
}
@media (max-width:767px) and (max-aspect-ratio:80 / 120) {
	.i-slide div[class^="responsive-image"], .i-slide img { -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; }
}
@media (max-width:767px) and (min-aspect-ratio:80 / 120) {
	.i-slide div[class^="responsive-image"], .i-slide img { -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
}
.i-sectit { display: block; margin: 0 auto 30px auto; padding: 0; line-height: 1.2; }
.i-sectit .en { display: inline-block; color: #a52300; font-family: "Times New Roman", serif; font-style: italic; font-size: 2.875rem; margin-right: 10px; position: relative; }
.i-sectit .en:after { content: ""; width: 24px; height: 1px; background: #a52300; position: absolute; bottom: 0; left: 0; display: block; -moz-transition: width 0.25s; -o-transition: width 0.25s; -webkit-transition: width 0.25s; transition: width 0.25s; }
.i-sectit .zh { display: inline-block; color: #262120; font-size: 1.5rem; }
@media (max-width:991px) {
	.i-sectit { margin: 0 auto 15px auto; }
	.i-sectit .en { font-size: 2.25rem; }
	.i-sectit .zh { font-size: 1.375rem; }
}
@media (max-width:768px) {
	.i-sectit .en { font-size: 1.875rem; }
	.i-sectit .zh { font-size: 1.125rem; }
}
@media (max-width:499px) {
	.i-sectit .en { font-size: 1.625rem; margin-right: 5px; }
}
.i-news { padding: 10px 75px 50px 75px; position: relative; max-width: 1600px; width: 100%; margin: 0 auto; }
.i-news .i-sectit { margin-bottom: 10px; }
.i-news-slide { margin-left: -20px; margin-right: -20px; padding-bottom: 50px; }
.i-news-slide .box { padding: 10px 20px; }
.i-news-slide .box a { display: block; position: relative; }
.i-news-slide .box a:hover .name { color: #a52300; }
.i-news-slide .box a:hover .img { -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }
.i-news-slide .box .img { margin-bottom: 25px; position: relative; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.i-news-slide .box .img:before { content: ""; display: block; position: relative; padding-bottom: 70%; }
.i-news-slide .box .img img { position: absolute; top: 50%; left: 50%; width: 100%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.i-news-slide .box .name { display: inline-block; position: relative; font-size: 1.25rem; margin: 0; padding: 0; color: #262120; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; }
.i-news-slide .box .desc { display: block; font-size: 1rem; color: #666; margin-top: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.i-news-slide .slick-prev, .i-news-slide .slick-next { position: absolute; z-index: 5; height: 60px; width: 53px; display: block; line-height: 0; font-size: 0; cursor: pointer; color: transparent; background: none; top: 33%; margin-top: -30px; padding: 0; border: none; outline: none; -moz-transition: left 0.3s, right 0.3s, margin 0.3s; -o-transition: left 0.3s, right 0.3s, margin 0.3s; -webkit-transition: left 0.3s, right 0.3s, margin 0.3s; transition: left 0.3s, right 0.3s, margin 0.3s; }
.i-news-slide .slick-prev:before, .i-news-slide .slick-next:before { content: ""; width: 43px; height: 43px; display: inline-block; border: none; position: absolute; top: 50%; margin-top: -21px; display: inline-block; border: none; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.i-news-slide .slick-prev { left: -45px; }
.i-news-slide .slick-prev:before { border-left: 2px solid #bfbfbf; border-top: 2px solid #bfbfbf; margin-left: -21px; left: 50%; }
.i-news-slide .slick-prev:hover, .i-news-slide .slick-prev:active { margin-left: 3px; }
.i-news-slide .slick-prev:hover:before, .i-news-slide .slick-prev:active:before { border-left: 2px solid #a52300; border-top: 2px solid #a52300; }
.i-news-slide .slick-next { right: -45px; }
.i-news-slide .slick-next:before { border-right: 2px solid #bfbfbf; border-bottom: 2px solid #bfbfbf; margin-right: -21px; right: 50%; }
.i-news-slide .slick-next:hover, .i-news-slide .slick-next:active { margin-right: 3px; }
.i-news-slide .slick-next:hover:before, .i-news-slide .slick-next:active:before { border-right: 2px solid #a52300; border-bottom: 2px solid #a52300; }
@media (max-width:1599px) {
	.i-news { padding: 10px 50px 50px 50px; }
	.i-news-slide .box .img { margin-bottom: 20px; }
	.i-news-slide .slick-prev, .i-news-slide .slick-next { top: 29%; }
}
@media (max-width:991px) {
	.i-news-slide { margin-left: -10px; margin-right: -10px; padding-bottom: 30px; }
	.i-news-slide .box { padding: 10px; }
	.i-news-slide .box .name { font-size: 1.125rem; }
	.i-news-slide .slick-prev:before, .i-news-slide .slick-next:before { width: 30px; height: 30px; margin-top: -15px; }
	.i-news-slide .slick-prev { left: -30px; }
	.i-news-slide .slick-prev:before { margin-left: -15px; }
	.i-news-slide .slick-next { right: -30px; }
	.i-news-slide .slick-next:before { margin-right: -15px; }
}
@media (max-width:767px) {
	.i-news { padding: 30px 0; overflow: hidden; }
	.i-news .i-sectit { padding-right: 65px; }
	.i-news .i-news-slide { margin-left: -10px; margin-right: -10px; padding-bottom: 30px; }
	.i-news .i-news-slide .slick-dots { bottom: 0; }
	.i-news .i-news-slide .box { padding: 10px; }
	.i-news .i-news-slide .box .desc { -webkit-line-clamp: 2; }
	.i-news .i-news-slide .slick-prev, .i-news .i-news-slide .slick-next { border-radius: 5px; background-color: #a52300; width: 28px; height: 28px; top: -47px; margin-top: 0; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
	.i-news .i-news-slide .slick-prev:hover, .i-news .i-news-slide .slick-next:hover { background-color: #bf2800; }
	.i-news .i-news-slide .slick-prev:before, .i-news .i-news-slide .slick-next:before { width: 10px; height: 10px; margin-top: -5px; }
	.i-news .i-news-slide .slick-prev { right: 40px; left: auto; }
	.i-news .i-news-slide .slick-prev:before { margin-left: -3px; border-left: 2px solid #fff; border-top: 2px solid #fff; }
	.i-news .i-news-slide .slick-prev:hover, .i-news .i-news-slide .slick-prev:active { margin-left: 0; }
	.i-news .i-news-slide .slick-prev:hover:before, .i-news .i-news-slide .slick-prev:active:before { border-left: 2px solid #fff; border-top: 2px solid #fff; }
	.i-news .i-news-slide .slick-next { right: 8px; }
	.i-news .i-news-slide .slick-next:before { margin-right: -3px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
	.i-news .i-news-slide .slick-next:hover, .i-news .i-news-slide .slick-next:active { margin-right: 0; }
	.i-news .i-news-slide .slick-next:hover:before, .i-news .i-news-slide .slick-next:active:before { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
}
@media (max-width:499px) {
	.i-news .i-news-slide { padding-bottom: 10px; }
}
.i-about { position: relative; z-index: 5; padding-left: 0; padding-right: 0; }
.i-about .text-wrap { position: relative; z-index: 2; display: block; text-align: center; padding: 12% 15px 10% 15px; }
.i-about .i-sectit { display: inline-block; margin: 0 auto 10px auto; }
.i-about .i-sectit .en { color: #fff; font-size: 3.75rem; }
.i-about .i-sectit .en:before { content: "“"; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: text-top; margin-bottom: -5px; }
.i-about .i-sectit .en:after { display: none; }
.i-about .i-sectit .zh { font-size: 1.5rem; color: #fff; }
.i-about .desc { display: block; color: #fff; font-size: 20px; }
.i-about a.btn-default:hover span { color: #333; }
#i-about-svg { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }
/*#i-about-svg-img { width: auto; height: 120%; }*/
@media (max-width:991px) {
	.i-about .i-sectit .en { font-size: 2.25rem; }
	.i-about .i-sectit .zh { font-size: 1.375rem; }
	.i-about .desc { font-size: 1rem; }
}
@media (max-width:768px) {
	.i-about .i-sectit .en { font-size: 1.875rem; }
	.i-about .i-sectit .zh { font-size: 1.125rem; }
}
@media (max-width:499px) {
	.i-about .i-sectit .en { font-size: 1.625rem; }
}
.i-exhib { position: relative; z-index: 4; background: url(../images/bg_grid.png) repeat #f8f4f2; padding-bottom: 50px; }
.i-exhib:before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; right: 0; left: 0; background: url(../images/bg_grid.png) repeat 0 0 transparent; opacity: 0.5; }
.i-exhib .i-sectit { text-align: center; }
.i-exhib .deco-text-wrap { position: absolute; z-index: 0; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; }
.i-exhib .deco-text { color: #fff; font-family: "Times New Roman", serif; font-size: 30rem; position: absolute; top: 34%; left: -10%; opacity: 0.5; text-transform: uppercase; }
.i-exhib .deco-img { position: absolute; z-index: 1; width: 39.0625%; right: 0; top: 55%; pointer-events: none; }
.i-exhib .deco-img:before { content: ""; position: relative; display: block; width: 100%; padding-bottom: 114.66%; background: url(../images/i_exhib_bg.png) no-repeat left 0; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; }
.i-exhib .container { position: relative; z-index: 2; }
.i-exhib .i-exhib-list { position: relative; width: 100%; padding-bottom: 65.156%; }
.i-exhib .i-exhib-list.scroll-view li { opacity: 1; }
.i-exhib .i-exhib-list.scroll-view li:nth-of-type(1), .i-exhib .i-exhib-list.scroll-view li:nth-of-type(2), .i-exhib .i-exhib-list.scroll-view li:nth-of-type(3), .i-exhib .i-exhib-list.scroll-view li:nth-of-type(4) { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.i-exhib .i-exhib-list li { width: 54.9%; position: absolute; opacity: 0; -moz-transition-duration: 0.8s, 1s; -o-transition-duration: 0.8s, 1s; -webkit-transition-duration: 0.8s, 1s; transition-duration: 0.8s, 1s; -moz-transition-property: opacity, -moz-transform; -o-transition-property: opacity, -o-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; }
.i-exhib .i-exhib-list li a { display: block; position: relative; width: 100%; }
.i-exhib .i-exhib-list li a:before { content: ""; display: block; width: 100%; padding-bottom: 68.57%; }
.i-exhib .i-exhib-list li a:hover .i-exhib-overlay { opacity: 0; }
.i-exhib .i-exhib-list li a:hover .text { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.i-exhib .i-exhib-list li .text { display: block; position: absolute; z-index: 1; width: 42.28%; background: #d58526; border-radius: 50%; color: #fff; opacity: 0; line-height: 0; -moz-transform: translate(-50%, -50%) scale(1.15); -ms-transform: translate(-50%, -50%) scale(1.15); -webkit-transform: translate(-50%, -50%) scale(1.15); transform: translate(-50%, -50%) scale(1.15); -moz-transition: -moz-transform 0.4s, opacity 0.4s; -o-transition: -o-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
.i-exhib .i-exhib-list li .text:before { content: ""; display: block; position: relative; width: 100%; padding-bottom: 100%; }
.i-exhib .i-exhib-list li .text .text-inner { position: absolute; top: 50%; left: 50%; padding-bottom: 65px; line-height: 1.5; text-align: center; width: 100%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.i-exhib .i-exhib-list li .text .text-inner:before { content: ""; z-index: 0; width: 44px; height: 44px; border-radius: 50%; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -22px; }
.i-exhib .i-exhib-list li .text .text-inner:after { content: ""; z-index: 1; width: 12px; height: 12px; position: absolute; bottom: 16px; left: 50%; margin-left: -8px; border: none; border-right: 2px solid #d58526; border-bottom: 2px solid #d58526; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.i-exhib .i-exhib-list li .text strong { display: block; font-size: 1.875rem; }
.i-exhib .i-exhib-list li .text span { display: block; font-size: 1.125rem; }
.i-exhib .i-exhib-list li .i-exhib-svg { position: absolute; z-index: 0; width: 100%; height: 100%; }
.i-exhib .i-exhib-list li .i-exhib-img { position: absolute; top: 50%; left: 50%; }
.i-exhib .i-exhib-list li .i-exhib-overlay { opacity: 1; -moz-transition: opacity 0.4s, fill 0.4s; -o-transition: opacity 0.4s, fill 0.4s; -webkit-transition: opacity 0.4s, fill 0.4s; transition: opacity 0.4s, fill 0.4s; }
.i-exhib .i-exhib-list li:nth-of-type(1) { z-index: 4; top: 0; left: 0; -moz-transform-origin: left top; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -webkit-transform: translate(-20%, 0); transform: translate(-20%, 0); -moz-transition-delay: 0.0001s; -o-transition-delay: 0.0001s; -webkit-transition-delay: 0.0001s; transition-delay: 0.0001s; }
.i-exhib .i-exhib-list li:nth-of-type(1) .i-exhib-svg { top: 0; left: 0; }
.i-exhib .i-exhib-list li:nth-of-type(1) .text { top: 40%; left: 45%; }
.i-exhib .i-exhib-list li:nth-of-type(2) { z-index: 3; left: 0; bottom: 0; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -webkit-transform-origin: left bottom; transform-origin: left bottom; -moz-transform: translate(0, 20%); -ms-transform: translate(0, 20%); -webkit-transform: translate(0, 20%); transform: translate(0, 20%); -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.i-exhib .i-exhib-list li:nth-of-type(2) .i-exhib-svg { bottom: 0; left: 0; }
.i-exhib .i-exhib-list li:nth-of-type(2) .text { top: 60%; left: 45%; }
.i-exhib .i-exhib-list li:nth-of-type(3) { z-index: 2; right: 0; bottom: 0; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -webkit-transform-origin: right bottom; transform-origin: right bottom; -moz-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -webkit-transform: translate(20%, 0); transform: translate(20%, 0); -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.i-exhib .i-exhib-list li:nth-of-type(3) .i-exhib-svg { bottom: 0; right: 0; }
.i-exhib .i-exhib-list li:nth-of-type(3) .text { top: 60%; left: 55%; }
.i-exhib .i-exhib-list li:nth-of-type(4) { z-index: 1; right: 0; top: 0; -moz-transform-origin: right top; -ms-transform-origin: right top; -webkit-transform-origin: right top; transform-origin: right top; -moz-transform: translate(0, -20%); -ms-transform: translate(0, -20%); -webkit-transform: translate(0, -20%); transform: translate(0, -20%); -moz-transition-delay: 0.45s; -o-transition-delay: 0.45s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }
.i-exhib .i-exhib-list li:nth-of-type(4) .i-exhib-svg { top: 0; right: 0; }
.i-exhib .i-exhib-list li:nth-of-type(4) .text { top: 40%; left: 55%; }
.mb .i-exhib-list li a .text { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); background: rgba(213, 133, 38, 0.8); }
@media (max-width:991px) {
	.i-exhib .i-exhib-list li .text .text-inner { padding-bottom: 45px; }
	.i-exhib .i-exhib-list li .text .text-inner:before { width: 30px; height: 30px; margin-left: -15px; }
	.i-exhib .i-exhib-list li .text .text-inner:after { width: 8px; height: 8px; bottom: 10px; margin-left: -6px; }
	.i-exhib .i-exhib-list li .text strong { font-size: 1.375rem; }
	.i-exhib .i-exhib-list li .text span { font-size: 1.0625rem; }
}
@media (max-width:767px) {
	.i-exhib { overflow: hidden; }
	.i-exhib .i-sectit { margin-bottom: 20px; }
	.i-exhib .deco-text { display: none; }
	.i-exhib .deco-img { width: 60%; }
	.i-exhib .container { padding-top: 40px; padding-bottom: 40px; }
}
@media (max-width:639px) {
	.i-exhib .deco-img { display: none; }
	.i-exhib .i-exhib-list { padding-bottom: 0; }
	.i-exhib .i-exhib-list li { width: 100%; position: relative; margin-bottom: -8%; }
	.i-exhib .i-exhib-list li:nth-of-type(1), .i-exhib .i-exhib-list li:nth-of-type(2), .i-exhib .i-exhib-list li:nth-of-type(3), .i-exhib .i-exhib-list li:nth-of-type(4) { top: auto; left: auto; bottom: auto; right: auto; }
	.i-exhib .i-exhib-list li:nth-of-type(1) .text, .i-exhib .i-exhib-list li:nth-of-type(2) .text, .i-exhib .i-exhib-list li:nth-of-type(3) .text, .i-exhib .i-exhib-list li:nth-of-type(4) .text { top: 50%; left: 50%; }
	.i-exhib .i-exhib-list li:nth-of-type(1) .text { top: 45%; }
}
@media (max-width:499px) {
	.i-exhib .i-exhib-list li a:hover .i-exhib-overlay { opacity: 0.9; fill: #d58526; }
	.i-exhib .i-exhib-list li .text { border-radius: 25px; width: 90%; }
	.i-exhib .i-exhib-list li .text:before { padding-bottom: 0; }
}
.i-edu { position: relative; z-index: 5; padding-top: 120px; padding-bottom: 80px; overflow: hidden; }
.i-edu .container { z-index: 1; }
.i-edu .left { width: 64.84%; position: relative; z-index: 0; text-align: center; }
.i-edu .left .img { display: block; width: 100%; padding-bottom: 64.84%; position: relative; }
.i-edu .left .img:before { content: ""; position: absolute; top: -9.09%; left: -6.02%; width: 100%; height: 100%; border: 10px solid #de9581; }
.i-edu .left .img img { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; }
.i-edu .left a.img img, .i-edu .right a.img img { -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.i-edu .left a.img:hover img, .i-edu .right a.img:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
.i-edu .left .text1 { position: absolute; z-index: 3; top: 18%; right: 0; left: 0; text-align: left; -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); transform: translate(100%, 0); }
.i-edu .left .text1 .i-sectit { margin-left: -13%; }
.i-edu .left .text1 .i-sectit .en { font-size: 0; width: 100%; max-width: 40%; vertical-align: bottom; display: inline-block; background: url(../images/i_edu_title.png) no-repeat 0 0; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; }
.i-edu .left .text1 .i-sectit .en:before { content: ""; display: block; width: 100%; padding-bottom: 20.32%; }
.i-edu .left .text1 .i-sectit .en:after { display: none; }
.i-edu .left .text1 .i-sectit .zh { display: inline-block; font-size: 1.5rem; }
.i-edu .left .text1 .desc { display: inline-block; font-size: 1.25rem; color: #a52300; padding-left: 13.5%; }
.i-edu .left .text1 .desc:before { content: ""; background: #db8c6c; height: 1px; width: 100px; display: inline-block; vertical-align: middle; margin-right: 20px; }
.i-edu .left .text2 { z-index: 3; display: inline-block; position: relative; text-align: left; padding: 90px 0; }
.i-edu .left .text2 .title { font-size: 1.875rem; color: #a52300; display: block; font-weight: 400; }
.i-edu .left .text2 .desc { display: inline-block; font-size: 1.25rem; color: #262120; }
.i-edu .left .text2 .desc:before { content: ""; background: #db8c6c; height: 1px; width: 100px; display: inline-block; vertical-align: middle; margin-right: 20px; }
.i-edu .right { width: 49.21%; position: absolute; z-index: 1; bottom: 0; right: 0; }
.i-edu .right .img { display: block; -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); }
@media (max-width:1199px) {
	.i-edu .left .text1 .desc { padding-left: 0; }
}
@media (max-width:839px) {
	.i-edu { padding-top: 50px; padding-bottom: 50px; }
	.i-edu .left { width: 100%; }
	.i-edu .left .img { -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); }
	.i-edu .left .img:before { display: none; }
	.i-edu .left .text1 { position: relative; display: inline-block; top: auto; right: auto; left: auto; text-align: right; margin: 0 auto 20px auto; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	.i-edu .left .text1 .i-sectit { margin-left: auto; margin: 0; }
	.i-edu .left .text1 .i-sectit .en { font-size: 3.375rem; color: #a52300; width: auto; max-width: none; vertical-align: baseline; display: inline-block; background: none; }
	.i-edu .left .text1 .i-sectit .en:before { display: none; }
	.i-edu .left .text1 .i-sectit .zh { display: inline-block; font-size: 1.5rem; }
	.i-edu .left .text1 .desc { padding-left: 0; }
	.i-edu .left .text2 { padding: 50px 0; }
	.i-edu .right { width: 100%; position: relative; }
}
@media (max-width:767px) {
	.i-edu { padding-top: 30px; padding-bottom: 30px; }
	.i-edu .left .text1 { text-align: center; }
	.i-edu .left .text1 .i-sectit { margin-bottom: 5px; }
	.i-edu .left .text1 .i-sectit .en { font-size: 1.875rem; }
	.i-edu .left .text1 .i-sectit .zh { font-size: 1.125rem; }
	.i-edu .left .text1 .desc { font-size: 1rem; }
	.i-edu .left .text1 .desc:before { display: none; }
	.i-edu .left .text2 { text-align: center; padding: 35px 0; }
	.i-edu .left .text2 .title { font-size: 1.475rem; }
	.i-edu .left .text2 .desc { font-size: 1.125rem; }
	.i-edu .left .text2 .desc:before { display: none; }
}
.i-exp { background: url(../images/i_exp_bg.jpg) repeat-y 0 0; background-attachment: fixed; padding-top: 80px; padding-bottom: 80px; }
.i-exp .i-sectit { text-align: center; margin-bottom: 20px; }
.i-exp-list { display: block; font-size: 0; width: 100%; position: relative; }
.i-exp-list:before { content: ""; position: relative; display: block; width: 100%; padding-bottom: 66.66%; }
.i-exp-list li { display: inline-block; vertical-align: top; width: calc(100% / 3); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.i-exp-list li .box { display: block; position: relative; width: 100%; overflow: hidden; }
.i-exp-list li .box:before { content: ""; display: block; z-index: 2; position: relative; width: 100%; padding-bottom: 66.66%; }
.i-exp-list li .box .img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: 1; }
.i-exp-list li .box .img img { width: 100%; }
.i-exp-list li .box .text { display: block; position: absolute; z-index: 3; top: 50%; left: 50%; text-align: center; font-size: 1.25rem; color: #fff; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.i-exp-list li:not(.deco) .box { position: relative; }
.i-exp-list li:not(.deco) .box:hover:before { opacity: 1; }
.i-exp-list li:not(.deco) .box:hover .text { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.i-exp-list li:not(.deco) .box:before { content: ""; display: block; position: relative; z-index: 1; width: 100%; padding-bottom: 66.66%; background: rgba(0, 0, 0, 0.5); opacity: 0; -moz-transition: opacity 0.8s; -o-transition: opacity 0.8s; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; }
.i-exp-list li:not(.deco) .box .text { opacity: 0; -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); -moz-transition: opacity 0.5s, -moz-transform 0.5s; -o-transition: opacity 0.5s, -o-transform 0.5s; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }
.i-exp-list li:not(.deco) .box .img { z-index: 0; }
.i-exp-list li.deco { font-size: 0; }
.i-exp-list li.deco:before { content: ""; display: block; z-index: 2; position: relative; width: 100%; padding-bottom: 66.66%; }
.i-exp-list li.d1 { background: #a52300; z-index: 10; }
.i-exp-list li.d1:after { content: ""; position: absolute; top: 50%; left: 50%; width: 61.9%; padding-bottom: 19.75%; background: url(../images/logo.png) no-repeat 0 100%; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.i-exp-list li.d2 { background: url(../images/i_exp_deco1.png) no-repeat center center #cab59a; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
.i-exp-list li.d3 { background: url(../images/i_exp_deco2.png) no-repeat center center #cab59a; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
.i-exp-list li.d4 { background: url(../images/i_exp_deco3.png) no-repeat center center #a67f84; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
.i-exp-list li.d5 { background: url(../images/i_exp_deco4.png) no-repeat center center #a67f84; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
.mb .i-exp-list li:not(.deco) .box:before { opacity: 0.8; }
.mb .i-exp-list li:not(.deco) .box .text { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
@media (max-width:991px) {
	.i-exp-list li:not(.deco) .box .text { font-size: 1.0625rem; }
}
@media (min-width:768px) {
	.i-exp-list li { position: absolute; }
	.i-exp-list li:not(.deco):nth-of-type(1) { top: 0; left: 0; }
	.i-exp-list li:not(.deco):nth-of-type(2) { top: 0; right: 0; }
	.i-exp-list li:not(.deco):nth-of-type(3) { bottom: 0; left: 0; }
	.i-exp-list li:not(.deco):nth-of-type(4) { bottom: 0; right: 0; }
	.i-exp-list li.deco.d1 { top: calc(100% / 3); left: calc(100% / 3); }
	.i-exp-list li.deco.d2 { top: 0; left: calc(100% / 3); }
	.i-exp-list li.deco.d3 { bottom: 0; left: calc(100% / 3); }
	.i-exp-list li.deco.d4 { left: 0; top: calc(100% / 3); }
	.i-exp-list li.deco.d5 { right: 0; top: calc(100% / 3); }
}
@media (max-width:767px) {
	.i-exp { padding-top: 30px; padding-bottom: 30px; }
	.i-exp-list:before { padding-bottom: 0; }
	.i-exp-list li { width: 50%; }
	.i-exp-list li.deco { width: 25%; margin-top: 5px; -moz-background-size: 180% auto; -o-background-size: 180% auto; -webkit-background-size: 180% auto; background-size: 180% auto; }
	.i-exp-list li.deco.d1 { display: none; }
	.i-exp-list li.deco.d2 { background-color: #cab59a; }
	.i-exp-list li.deco.d3 { background-color: #a67f84; }
	.i-exp-list li.deco.d4 { background-color: #cab59a; }
	.i-exp-list li.deco.d5 { background-color: #a67f84; }
}
@media (max-width:499px) {
	.i-exp-list li { width: 100%; margin-bottom: 5px; }
	.i-exp-list li.deco { display: none; }
}
.i-catalog { padding-top: 40px; padding-bottom: 12px; opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
.i-catalog.scroll-view { opacity: 1; }
.i-catalog .box { display: block; position: relative; overflow: hidden; width: 100%; padding-bottom: 39.0625%; }
.i-catalog .box:hover .img:before { opacity: 0; }
.i-catalog .box:hover .btn-default { background-color: #fff; color: #262120; }
.i-catalog .box:hover .btn-default span:after { border-right: 1px solid #262120; border-bottom: 1px solid #262120; }
.i-catalog .box .i-sectit { text-align: center; }
.i-catalog .box .i-sectit .en { margin-right: 0; color: #fff; font-size: 3.75rem; }
.i-catalog .box .i-sectit .en:after { display: none; }
.i-catalog .box .img { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.i-catalog .box .img img { position: absolute; z-index: 0; width: 100%; }
.i-catalog .box .img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); z-index: 2; -moz-transition: opacity 0.8s; -o-transition: opacity 0.8s; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; }
.i-catalog .box .text { position: absolute; top: 50%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; text-align: center; width: 100%; padding: 15px; z-index: 3; }
@media (max-width:991px) {
	.i-catalog .box .i-sectit .en { font-size: 2.625rem; }
}
@media (max-width:767px) {
	.i-catalog { padding: 15px; }
	.i-catalog .box .i-sectit .en { font-size: 1.875rem; }
	.i-catalog .box .btn-default { margin: 0 auto; }
}
@media (max-width:399px) {
	.i-catalog { padding: 0; }
	.i-catalog .box { padding-bottom: 45%; }
	.i-catalog .box .img img { width: auto; height: 100%; }
}
.i-video { padding-top: 12px; padding-bottom: 70px; opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
.i-video.scroll-view { opacity: 1; }
.i-video .video { position: relative; }
.i-video .video:before { content: ""; width: 100%; display: block; padding-bottom: 56.25%; }
.i-video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width:767px) {
	.i-video { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; }
}

/* === PAGES === */
.mainwrap { min-height: 30vh; overflow: hidden; }
.p-sectit { display: block; margin: 0 auto 20px auto; padding: 0; line-height: 1.2; }
.p-sectit .en { display: inline-block; color: #a52300; font-family: "Times New Roman", serif; font-style: italic; font-size: 2.875rem; margin-right: 10px; position: relative; }
.p-sectit .zh { display: inline-block; color: #262120; font-size: 1.5rem; }
@media (max-width:991px) {
	.p-sectit { margin: 0 auto 15px auto; }
	.p-sectit .en { font-size: 2.25rem; }
	.p-sectit .zh { font-size: 1.375rem; }
}
@media (max-width:768px) {
	.p-sectit { text-align: center; }
	.p-sectit .en { font-size: 1.875rem; }
	.p-sectit .zh { font-size: 1.125rem; }
}
@media (max-width:499px) {
	.p-sectit .en { font-size: 1.625rem; margin-right: 5px; }
}
.p-ban { z-index: 10; position: relative; width: 100%; margin-bottom: -32%; }
.p-ban:before { content: ""; display: block; width: 100%; padding-bottom: 32.55%; position: relative; }
.p-ban .p-ban-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; }
.p-ban #p-ban-svg-img { height: 90%; width: auto; }
.p-ban .p-ban-txt { position: absolute; z-index: 1; display: block; width: 100%; top: 45%; left: 0; color: #fff; line-height: 1.2; text-align: center; font-size: 1.875rem; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.p-ban .p-ban-txt .en { display: block; font-size: 1.66em; letter-spacing: 0.3rem; text-transform: uppercase; font-family: "Times New Roman", serif; font-style: italic; }
.p-ban .p-ban-txt .zh { display: block; font-size: 1em; }
@media (max-width:1399px) {
	.p-ban:before { padding-bottom: 420px; }
	.p-ban .p-ban-txt { font-size: 1.625rem; }
}
@media (max-width:1024px) {
	.p-ban:before { padding-bottom: 300px; }
	.p-ban .p-ban-txt { font-size: 1.375rem; top: 65% }
	.p-ban #p-ban-svg-img { height: 100%; width: auto; }
}
@media (max-width:767px) {
	.p-ban:before { padding-bottom: 27.60%; }
	.p-ban .p-ban-txt { font-size: 1.1875rem; top: 50%; }
}
@media (max-width:499px) {
	.p-ban:before { padding-bottom: 130px; }
	.p-ban .p-ban-txt { font-size: 1.125rem; }
	.p-ban #p-ban-svg-img { height: 110%; width: auto; }
}

/* === Contact === */
#contact { position: relative; background: url(../images/bg_grid.png) repeat 0 0 #f8f4f2; padding-bottom: 85px; }
#contact .deco-img { position: absolute; z-index: 0; width: 49.47%; top: 3%; left: -1%; pointer-events: none; }
#contact .deco-img:before { content: ""; position: relative; display: block; width: 100%; padding-bottom: 90.526%; background: url(../images/i_exhib_bg.png) no-repeat left 0; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; }
.contact-wrap { position: relative; z-index: 1; font-size: 0; }
.contact-wrap.contact-finish .contact-left { float: none; width: 100%; text-align: center; }
.contact-wrap.contact-finish .contact-info:before { display: block; margin: 0 auto 30px auto; }
.contact-wrap.contact-finish .finish-msg { display: block; margin: 0 auto 30px auto; text-align: center; padding: 15px; border-radius: 3px; background: #fff; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
.contact-wrap .contact-left { background: url(../images/contact_pattern.png) repeat 0 0 rgba(165, 20, 0, 0.83); width: 50%; position: relative; display: inline-block; float: left; font-size: 1.0625rem; padding: 70px 60px; }
.contact-wrap .contact-left .map { width: 100%; height: 280px; overflow: hidden; display: block; margin: 0 0 35px 0; }
.contact-wrap .contact-left .map iframe { width: 100% !important; height: 100% !important; position: relative; border: none; }
.contact-wrap .contact-right { width: 50%; position: relative; display: inline-block; float: right; padding-left: 40px; font-size: 1.0625rem; }
.contact-wrap .contact-right .p-sectit { margin: 0 auto 10px auto; }
.contact-wrap .contact-right .welcome-msg { margin-bottom: 30px; display: block; }
.contact-wrap .contact-right form { background: #fff; padding: 50px 30px; border: 1px solid #eee; }
.contact-wrap .contact-right form .btn-wrap { text-align: right; display: block; }
.contact-wrap .contact-right form .btn-send { width: 244px; height: 54px; line-height: 52px; border: 1px solid #a52300; color: #fff; font-size: 1.0625rem; text-align: center; display: inline-block; background-color: #a52300; -moz-transition: background 0.25s, color 0.25s; -o-transition: background 0.25s, color 0.25s; -webkit-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; }
.contact-wrap .contact-right form .btn-send:hover { border: 1px solid #751900; background-color: #751900; color: #fff; }
.contact-wrap .link-gmap { width: 244px; height: 54px; line-height: 52px; border: 1px solid #fff; color: #fff; font-size: 1.0625rem; text-align: center; display: inline-block; background-color: transparent; -moz-transition: background 0.25s, color 0.25s; -o-transition: background 0.25s, color 0.25s; -webkit-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; }
.contact-wrap .link-gmap:hover { background-color: #fff; color: #a52300; }
.contact-wrap .contact-info { display: inline-block; width: auto; color: #fff; margin: 0 0 30px 0; padding: 0; text-align: left; }
.contact-wrap .contact-info:before { content: ""; display: block; width: 235px; height: 73px; margin-bottom: 40px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: 0 100%; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
.contact-wrap .contact-info li { display: block; position: relative; margin: 0 auto 15px auto; padding: 0 0 0 120px; font-size: 1.125rem; }
.contact-wrap .contact-info li .tit { display: inline-block; position: absolute; width: 110px; left: 0; top: 0; }
.contact-wrap .contact-info li a { color: #fff; }
@media (max-width:1199px) {
	.contact-wrap .contact-left { padding: 70px 35px; }
}
@media (max-width:991px) {
	.contact-wrap .contact-left { float: none; display: block; width: 100%; padding: 35px; }
	.contact-wrap .contact-right { float: none; display: block; width: 100%; padding-left: 0; }
}
@media (max-width:767px) {
	#contact { padding-bottom: 0; }
	#contact .deco-img { display: none; }
	.contact-wrap { padding: 0; }
	.contact-wrap .link-gmap { width: 180px; height: 40px; line-height: 38px; display: block; margin: 0 auto; font-size: 1rem; }
	.contact-wrap .contact-left { padding: 35px; font-size: 1rem; text-align: center; }
	.contact-wrap .contact-info:before { margin-left: auto; margin-right: auto; }
	.contact-wrap .contact-right { font-size: 1rem; }
	.contact-wrap .contact-right .welcome-msg { text-align: center; padding: 0 15px; }
	.contact-wrap .contact-right .welcome-msg br { display: none; }
	.contact-wrap .contact-right form .btn-send { width: 180px; height: 40px; line-height: 38px; display: block; margin: 0 auto; line-height: 1rem; }
}
@media (max-width:499px) {
	.contact-wrap .contact-left { padding: 20px 15px; }
	.contact-wrap .contact-right form { padding: 20px 15px; }
	.contact-wrap .contact-info:before { margin: 0 auto 20px auto; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }
	.contact-wrap .contact-info li { margin: 0 auto 10px auto; padding: 0; font-size: 1rem; }
	.contact-wrap .contact-info li .tit { position: relative; display: inline-block; width: auto; vertical-align: top; }
	.contact-wrap .contact-info li .tit:after { content: "："; }
}

/* === Sitemap === */
#sitemap { background: #f8f4f2; padding-bottom: 60px; }
#sitemap .p-sectit { border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 30px; }
.sitemap-list { margin-left: -15px; margin-right: -15px; font-size: 0; }
.sitemap-list .box { background: #fff; width: calc(25% - 30px); font-size: 1.125rem; margin: 0 15px 20px 15px; padding: 35px 15px; display: inline-block; vertical-align: top; opacity: 0; -moz-transform: translate(0, 20%); -ms-transform: translate(0, 20%); -webkit-transform: translate(0, 20%); transform: translate(0, 20%); -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; }
.sitemap-list .box.scroll-view { opacity: 1; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.sitemap-list .box .tit { display: block; padding-top: 20px; margin-bottom: 15px; position: relative; font-size: 1.5625rem; font-weight: 600; color: #262120; }
.sitemap-list .box .tit:before { content: ""; width: 40px; height: 3px; position: absolute; display: block; background: #a52300; top: 0; left: 0; }
.sitemap-list .box a.tit { color: #262120; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; }
.sitemap-list .box a.tit:hover { color: #a52300; }
.sitemap-list .box > ul { list-style: none; margin: 0; padding: 0; }
.sitemap-list .box > ul > li { display: block; }
.sitemap-list .box > ul > li > a { display: block; position: relative; padding: 8px 50px 8px 0; border-top: 1px solid #ddd; color: #262120; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; }
.sitemap-list .box > ul > li > a:hover { color: #a52300; }
.sitemap-list .box > ul > li > a:after { content: ""; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-size: 1.125rem; position: absolute; top: 8px; right: 10px; color: #262120; }
.sitemap-list .box > ul > li > ul { list-style: none; margin: 10px 0 20px 0; padding: 0; }
.sitemap-list .box > ul > li > ul > li { display: block; position: relative; padding-left: 16px; }
.sitemap-list .box > ul > li > ul > li:before { content: ""; position: absolute; top: 15px; left: 2px; background: #262120; display: block; width: 7px; height: 1px; }
.sitemap-list .box > ul > li > ul > li > a { display: block; padding: 5px 0; color: #262120; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; }
.sitemap-list .box > ul > li > ul > li > a:hover { color: #a52300; }
@media (max-width:1199px) {
	.sitemap-list { margin-left: -10px; margin-right: -10px; }
	.sitemap-list .box { width: calc((100% / 3) - 20px); margin: 0 10px 20px 10px; }
}
@media (max-width:767px) {
	#sitemap .p-sectit { border-bottom: 1px solid transparent; margin-bottom: 20px; padding-bottom: 0; }
	.sitemap-list .box { width: calc(50% - 20px); padding: 20px 15px; }
	.sitemap-list .box .tit { font-size: 1.375rem; padding-top: 0; margin-bottom: 10px; }
	.sitemap-list .box .tit:first-letter { color: #a52300; }
	.sitemap-list .box .tit:before { display: none; }
}
@media (max-width:499px) {
	.sitemap-list { margin-left: auto; margin-right: auto; }
	.sitemap-list .box { width: 100%; margin: 0 auto 20px auto; }
	.sitemap-list .box .tit { font-size: 1.25rem; }
	.sitemap-list .box > ul > li > a { font-size: 1rem; }
	.sitemap-list .box > ul > li > ul { margin: 0 auto 10px auto; }
	.sitemap-list .box > ul > li > ul > li > a { font-size: 1rem; color: #666; }
}

/* search */
#searchresult { background: #f8f4f2; padding-bottom: 60px; }
.gsc-search-box { font-size: 1rem; }
.td.gsc-search-button { width: 50px; }
.cse .gsc-search-button-v2, .gsc-search-button-v2 { line-height: 1; }
.gsc-search-button-v2 svg { width: 18px; height: 18px; }
.gsc-webResult .gsc-result { text-align: left; border-top: 1px solid #ddd; padding: 20px 0; }
.gsc-control-cse .gsc-table-result { padding-left: 8px; padding-right: 8px; }

/* PRODUCT */
#product-list .subhead-top { padding-right: 350px; position: relative; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #333; }
#product-list .subhead-top .p-sectit { width: 100%; max-width: 350px; margin: 0; text-align: left; }
.product-filter { width: 320px; position: absolute; top: 15px; right: 0; }
.product-filter ul { display: block; list-style: none; margin: 0; padding: 0; font-size: 0; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.product-filter ul li { display: inline-block; vertical-align: top; }
.product-filter ul li a { color: #666; padding: 0 22px 0 23px; position: relative; font-size: 1rem; background: none; }
.product-filter ul li a:before { content: ""; width: 1px; height: 16px; background: #ddd; position: absolute; left: 0; top: 2px; }
.product-filter ul li a:hover { color: #333; }
.product-filter ul li:first-of-type a:before { display: none; }
.product-filter ul li:last-of-type a { padding-right: 0; }
.product-filter ul li.current a { color: #a52300; background: none; }
.product-filter .dropdown-toggle { display: none; }
.tag-sale { position: absolute; width: 60px; height: 60px; z-index: 2; top: 15px; left: 15px; border-radius: 5px; background: #d58526; text-align: center; color: #fff; font-style: normal; font-size: 0.9375rem; line-height: 1.2; padding: 13px 10px; }
.tag-sale:before { content: ""; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 3px; position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; }
.product-list { margin-left: -13px; margin-right: -13px; font-size: 0; opacity: 0; -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; }
.product-list.scroll-view { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.product-list .box { width: 25%; display: inline-block; vertical-align: top; padding: 0 13px; margin: 0 0 40px 0; font-size: 1rem; }
.product-list .box a { display: block; position: relative; }
.product-list .box a:hover .name { color: #a52300; }
.product-list .box .img { width: 100%; position: relative; overflow: hidden; z-index: 0; }
.product-list .box .name { text-align: center; position: relative; z-index: 0; display: block; padding: 10px; font-size: 1.125rem; color: #262120; }
@media (max-width:991px) {
	.product-list .box { width: calc(100% / 3); }
}
@media (max-width:767px) {
	#product-list .subhead-top { padding-right: 0; position: relative; padding-bottom: 10px; margin-bottom: 5px; border-bottom: none; }
	#product-list .subhead-top .p-sectit { max-width: none; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #333; }
	.product-filter { width: auto; position: relative; top: auto; right: auto; display: block; text-align: center; margin: 20px auto 0 auto; }
	.product-filter ul { position: relative; top: auto; float: none; text-align: center; }
}
@media (max-width:599px) {
	.product-list .box { width: 50%; }
	.product-filter ul li { display: inline-block; vertical-align: top; }
	.product-filter ul li a { color: #666; padding: 0 10px 0 11px; }
}
@media (max-width:399px) {
	.product-list { margin-left: auto; margin-right: auto; }
	.product-list .box { max-width: 300px; width: 100%; display: block; margin: 0 auto 20px auto; padding: 0; }
}

/* ====== start etc page ====== */

/* hover effect */

/* <div class="img"><div><div class="hover-eff">READ</div><img></div></div> */
[data-hovereff] .img .hover-eff { position: absolute; z-index: 4; top: 50%; left: 50%; height: 20px; width: 20px; text-align: center; font-family: "Times New Roman", serif; font-size: 0.875rem; color: #fff; font-style: italic; margin-top: 20px; margin-left: -20px; opacity: 0; -moz-transition: opacity 0.35s 0.08s; -o-transition: opacity 0.35s 0.08s; -webkit-transition: opacity 0.35s; -webkit-transition-delay: 0.08s; transition: opacity 0.35s 0.08s; }
[data-hovereff] .img .hover-eff:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; border: none; border-right: 1px solid #fff; border-top: 1px solid #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -20px; left: 46.5%; margin-left: 5px; margin-top: -4px; }
[data-hovereff] .img .hover-eff:after { content: ""; display: block; position: absolute; width: 30px; height: 1px; background: #fff; top: -20px; left: 50%; margin-left: -20px; }
[data-hovereff] .img > div { display: block; position: relative; width: 100%; padding-bottom: 100%; }
[data-hovereff] .img > div:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 2; opacity: 0; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
[data-hovereff] .img > div:after { content: ""; display: block; position: absolute; z-index: 3; width: 40px; height: 40px; border-radius: 50%; top: 50%; left: 50%; background: #d58526; margin-left: -20px; margin-top: -20px; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; -moz-transition: opacity 0.35s 0.05s, -moz-transform 0.35s 0.05s; -o-transition: opacity 0.35s 0.05s, -o-transform 0.35s 0.05s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition-delay: 0.05s, 0.05s; transition: opacity 0.35s 0.05s, transform 0.35s 0.05s; }
[data-hovereff] .img > div img { z-index: 0; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
[data-hovereff]:hover .img .hover-eff { opacity: 1; }
[data-hovereff]:hover .img > div:before { opacity: 1; }
[data-hovereff]:hover .img > div:after { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

/* ebook */
#ebook .p-sectit { border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 30px; }
.ebook-list { font-size: 0; display: block; margin-left: -10px; margin-right: -10px; }
.ebook-list .box { display: inline-block; position: relative; vertical-align: top; width: 50%; padding: 0 10px; margin: 0 auto 50px auto; }
.ebook-list .box .inner { position: relative; cursor: pointer; display: table; width: 100%; cursor: pointer; }
.ebook-list .box .inner:hover .text .title { color: #a52300; }
.ebook-list .box .inner:hover .img { --moz-box-shadow: 10px 2px 25px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 10px 2px 25px rgba(0, 0, 0, 0.3); box-shadow: 10px 2px 25px rgba(0, 0, 0, 0.3); }
.ebook-list .box .album { position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; overflow: hidden; }
.ebook-list .box .album a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.ebook-list .box .album a:first-child { z-index: 999; }
.ebook-list .box .img { z-index: 0; width: 50%; padding: 10px; border: 1px solid #ddd; background: #fff; display: table-cell; vertical-align: middle; -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; -webkit-transform-origin: left 50%; transform-origin: left 50%; -moz-box-shadow: 10px 2px 25px transparent; -webkit-box-shadow: 10px 2px 25px transparent; box-shadow: 10px 2px 25px transparent; -moz-transition: -moz-transform 0.25s, box-shadow 0.25s, border-width 0.25s; -o-transition: -o-transform 0.25s, box-shadow 0.25s; -webkit-transition: -webkit-transform 0.25s, box-shadow 0.25s; transition: transform 0.25s, box-shadow 0.25s; }
.ebook-list .box .img:before { content: ""; position: absolute; z-index: 1; top: 10px; bottom: 11px; left: 10px; width: 30px; background: url(../images/ebook_back.png) repeat-y 0 0; z-index: 2; }
.ebook-list .box .img > div { padding-bottom: 140.322%; }
.ebook-list .box .text { z-index: 0; z-index: 1; display: table-cell; vertical-align: middle; padding: 0 0 0 40px; position: relative; }
.ebook-list .box .text .tag-new { width: 78px; height: 78px; background: url(../images/icon_new.png) no-repeat 0 0; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; position: absolute; top: 30px; left: 40px; }
.ebook-list .box .text .date { display: block; font-size: 1rem; }
.ebook-list .box .text .title { display: block; margin-top: 5px; font-size: 1.125rem; font-weight: 400; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; }
@media (max-width:991px) {
	.ebook-list .box { width: calc(100% / 3); margin-bottom: 15px; }
	.ebook-list .box .inner { max-width: 310px; display: block; margin: 0 auto; }
	.ebook-list .box .inner .img { width: 100%; display: block; margin: 0 auto 15px auto; }
	.ebook-list .box .inner .text { width: 100%; display: block; padding: 0 10px; }
	.ebook-list .box .inner .text .tag-new { position: relative; top: auto; left: auto; border: 1px solid #a52300; color: #a52300; background: none; width: auto; height: auto; font-size: 1rem; font-family: "Times New Roman", serif; font-style: normal; padding: 2px 10px 0 10px; font-weight: 500; line-height: 1.3; margin: 0 0 10px 0; display: inline-block; }
}
@media (max-width:767px) {
	#ebook .p-sectit { margin-bottom: 20px; padding-bottom: 10px; }
	.ebook-list .box { width: 50%; }
}
@media (max-width:499px) {
	.ebook-list { margin-left: auto; margin-right: auto; }
	.ebook-list .box { padding-left: 0; padding-right: 0; width: 100%; }
	.ebook-list .box .text .date { font-size: 0.875rem; }
	.ebook-list .box .text .title { font-size: 1.0625rem; }
}

/* Menu */
.ebook-back { position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 10; }
.ebook-back .ebook-logo { width: 160px; position: absolute; margin: 0; padding: 0; left: 10px; top: 10px; font-size: 0; }
.ebook-back .ebook-logo a { display: block; width: 100%; padding-bottom: 31.91%; position: relative; font-size: 0; }
.ebook-back .ebook-logo a span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: 0 100%; background-size: 100% auto; }
.ebook-back .ebook-logo a:hover span { background-position: 0 100%; }
.ebook-back .ebook-close { width: 50px; height: 50px; top: 0; right: 0; position: absolute; }
.ebook-back .ebook-close a { display: block; width: 50px; height: 50px; background: none; font-size: 0; }
.ebook-back .ebook-close a:before, .ebook-back .ebook-close a:after { content: ''; height: 2px; width: 20px; display: block; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -3px; margin-left: -10px; }
.ebook-back .ebook-close a:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.ebook-back .ebook-close a:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ebook-back .ebook-close a:hover:before, .ebook-back .ebook-close a:hover:after { background: #C0975D; }
@media (max-width:767px) {
	.ebook-back .ebook-logo { width: 100px; margin-top: 5px; }
}
.wowbook-container { background-color: #262626; z-index: 1; }
.wowbook-container.wowbook-fullscreen-fix { top: 0; height: 100% !important; }
.wowbook-container.wowbook-fullscreen-fix .wowbook-toolbar { position: absolute; bottom: 0; width: 100%; }
.wowbook-book-shadow { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -o-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.wowbook-left .wowbook-gutter-shadow, .wowbook-right .wowbook-gutter-shadow { opacity: .3; }
.wowbook-toolbar { height: 54px; }
.wowbook-controls { padding-top: 8px; line-height: 54px; background: #1f1f1f; }
.wowbook-control { margin: 0 2px; width: 38px; height: 38px; font-size: 1.25rem; font-size: 15px; color: #777142; line-height: 38px; border: #ddd solid 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.wowbook-control { color: #fff; border: none; }
.wowbook-control:hover { color: #333; background-color: #fff; }
.wowbook-button { border: 0; border-radius: 0; }
@media only screen and (min-width:992px) {
	.wowbook-container .wowbook-book-container { padding: 50px !important; }
	.wowbook-container.wowbook-fullscreen-fix .wowbook-book-container { padding: 15px !important; }
	.wowbook-horizontal.wowbook-thumbnails { left: 40px; width: calc(100% - 80px); }
	.wowbook-button { border: 0; border-radius: 0; }
	.wowbook-container.wowbook-fullscreen-fix .wowbook-horizontal.wowbook-thumbnails { left: 0 !important; width: 100% !important; }
}

/* product-view */
.pview-top { padding-top: 50px; padding-bottom: 50px; }
.pview-top .p-breadcrumb { padding: 0; }
.pview-top .left { float: left; width: 55%; padding-left: 20px; padding-right: 30px; opacity: 0; -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); -moz-transition: -moz-transform 0.8s, opacity 0.8s; -o-transition: -o-transform 0.8s, opacity 0.8s; -webkit-transition: -webkit-transform 0.8s, opacity 0.8s; transition: transform 0.8s, opacity 0.8s; }
.pview-top .left.scroll-view { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.pview-top .right { float: right; width: 45%; padding-right: 20px; padding-left: 30px; opacity: 0; -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); -moz-transition: -moz-transform 0.8s, opacity 0.8s; -o-transition: -o-transform 0.8s, opacity 0.8s; -webkit-transition: -webkit-transform 0.8s, opacity 0.8s; transition: transform 0.8s, opacity 0.8s; }
.pview-top .right.scroll-view { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
.pview-top .right .name { font-size: 2.5rem; line-height: 1.5; color: #222; display: block; margin: 0; padding: 10px 0; }
.pview-top .right .price { display: block; padding: 0 0 10px 0; margin: 0; }
.pview-top .right .price .tag-nosale { display: inline-block; padding: 5px 25px; font-size: 1.125rem; color: #a52300; border: none; background: #fbeae5; min-width: 150px; text-align: center; }
.pview-top .right .price .tag-soldout { display: inline-block; padding: 5px 25px; font-size: 1.125rem; color: #666; border: none; background: #f1f1f1; min-width: 150px; text-align: center; }
.pview-top .right .price .new { display: inline-block; margin-right: 10px; margin-left: 15px; font-size: 2.25rem; color: #a52300; font-family: "Times New Roman", serif; }
.pview-top .right .price .old { position: relative; display: inline-block; font-size: 1.375rem; color: #666666; font-family: "Times New Roman", serif; }
.pview-top .right .price .old i { font-style: normal; display: inline-block; position: relative; }
.pview-top .right .price .old i:before { content: ""; height: 1px; width: 100%; position: absolute; background: #666; top: 45%; left: 0; z-index: 1; }
.pview-top .right .desc { display: block; padding: 10px; border-top: 1px solid rgba(0, 0, 0, 0.1); color: #333; font-size: 1.0625rem; }
.pview-top .right .spec-list li { font-size: 1.0625rem; display: block; position: relative; color: #333; padding: 10px 10px 10px 90px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.pview-top .right .spec-list li .tit { position: absolute; display: inline-block; width: 80px; top: 0; left: 10px; padding: 10px 0; color: #a52300; }
.pview-top .right .btns { margin: 20px 0 0 0; font-size: 0; }
.pview-top .right .btns .btn-buy, .pview-top .right .btns .btn-back { font-size: 1.0625rem; height: 54px; line-height: 54px; border: none; text-align: center; display: inline-block; vertical-align: middle; width: calc(50% - 5px); color: #fff; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
.pview-top .right .btns .btn-buy { background: #a52300; margin-right: 10px; }
.pview-top .right .btns .btn-buy:hover { background: #c5350e; }
.pview-top .right .btns .btn-back { background: #000; }
.pview-top .right .btns .btn-back:hover { background: #333; }
.pview-top .right .social-links { position: relative; padding-left: 140px; margin: 20px 0; }
.pview-top .right .social-links:before { content: "SHARE THIS PRODUCTS"; position: absolute; font-size: 0.75rem; color: #aaa; top: 8px; left: 0; width: 140px; white-space: nowrap; }
.pview-top .right .social-links a { width: 35px; height: 35px; border-radius: 50%; font-size: 0; display: inline-block; vertical-align: middle; position: relative; margin: 0 3px; }
.pview-top .right .social-links a:before { display: inline-block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pview-top .right .social-links a.social-fb { background: #3b5998; }
.pview-top .right .social-links a.social-fb:before { content: ""; font-family: "Font Awesome 5 Brands"; font-style: normal; font-size: 1.125rem; color: #fff; }
.pview-top .right .social-links a.social-fb:hover { background: #1e3b7a; }
.pview-top .right .social-links a.social-line { background: #00c300; }
.pview-top .right .social-links a.social-line:hover { background: #009600; }
.pview-top .right .social-links a.social-line:before { content: ""; display: block; width: 28px; padding-bottom: 35%; background-image: url(../images/icon_lineat.png); background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 136% auto; -o-background-size: 136% auto; -webkit-background-size: 136% auto; background-size: 136% auto; }
.pview-top .pview-slide { margin: 0 auto; position: relative; }
.pview-top .pview-slide .big-slide-wrap { position: relative; }
.pview-top .pview-slide .big-slide { display: block; }
.pview-top .pview-slide .big-slide .slick-slide > div { position: relative; width: 100%; }
.pview-top .pview-slide .big-slide .slick-slide > div:before { content: ""; display: block; width: 100%; padding-bottom: 100%; }
.pview-top .pview-slide .big-slide .slick-slide > div img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pview-top .pview-slide .big-slide .slick-prev, .pview-top .pview-slide .big-slide .slick-next { position: absolute; z-index: 5; height: 100%; width: 10%; min-width: 43px; display: block; line-height: 0; font-size: 0; cursor: pointer; color: transparent; background: none; top: 0; margin-top: 0; padding: 0; border: none; outline: none; opacity: 0; -moz-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s; -o-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s; -webkit-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s; transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s; }
.pview-top .pview-slide .big-slide .slick-prev:before, .pview-top .pview-slide .big-slide .slick-next:before { content: ""; width: 24px; height: 24px; position: absolute; top: 50%; margin-top: -12px; display: inline-block; border: none; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.pview-top .pview-slide .big-slide .slick-prev { left: 5px; }
.pview-top .pview-slide .big-slide .slick-prev:before { left: 50%; margin-left: -18px; border-left: 2px solid #eee; border-top: 2px solid #eee; }
.pview-top .pview-slide .big-slide .slick-prev:hover, .pview-top .pview-slide .big-slide .slick-prev:active { margin-left: 3px; }
.pview-top .pview-slide .big-slide .slick-prev:hover:before, .pview-top .pview-slide .big-slide .slick-prev:active:before { border-left: 2px solid #f8f8f8; border-top: 2px solid #f8f8f8; }
.pview-top .pview-slide .big-slide .slick-next { right: 5px; }
.pview-top .pview-slide .big-slide .slick-next:before { right: 50%; margin-right: -18px; border-right: 2px solid #eee; border-bottom: 2px solid #eee; }
.pview-top .pview-slide .big-slide .slick-next:hover, .pview-top .pview-slide .big-slide .slick-next:active { margin-right: 3px; }
.pview-top .pview-slide .big-slide .slick-next:hover:before, .pview-top .pview-slide .big-slide .slick-next:active:before { border-right: 2px solid #f8f8f8; border-bottom: 2px solid #f8f8f8; }
.pview-top .pview-slide .big-slide:hover .slick-prev, .pview-top .pview-slide .big-slide:hover .slick-next { opacity: 1; }
.pview-top .pview-slide .thumb-slide { padding: 25px 35px; margin: 0 55px; }
.pview-top .pview-slide .thumb-slide .slick-slide { padding: 5px; }
.pview-top .pview-slide .thumb-slide .slick-slide > div { position: relative; width: 100%; cursor: pointer; }
.pview-top .pview-slide .thumb-slide .slick-slide > div:before { content: ""; display: block; width: 100%; padding-bottom: 100%; }
.pview-top .pview-slide .thumb-slide .slick-slide > div img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pview-top .pview-slide .thumb-slide .slick-slide.slick-current > div:after { content: ""; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border: 1px solid #a52300; }
.pview-top .pview-slide .thumb-slide .slick-prev, .pview-top .pview-slide .thumb-slide .slick-next { position: absolute; z-index: 5; height: 100%; width: 35px; display: block; line-height: 0; font-size: 0; cursor: pointer; color: transparent; background: none; top: 0; margin-top: 0; padding: 0; border: none; outline: none; -moz-transition: left 0.3s, right 0.3s, margin 0.3s; -o-transition: left 0.3s, right 0.3s, margin 0.3s; -webkit-transition: left 0.3s, right 0.3s, margin 0.3s; transition: left 0.3s, right 0.3s, margin 0.3s; }
.pview-top .pview-slide .thumb-slide .slick-prev:before, .pview-top .pview-slide .thumb-slide .slick-next:before { content: ""; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; display: inline-block; border: none; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.pview-top .pview-slide .thumb-slide .slick-prev { left: 0; }
.pview-top .pview-slide .thumb-slide .slick-prev:before { left: 50%; margin-left: -10px; border-left: 3px solid #999; border-top: 3px solid #999; }
.pview-top .pview-slide .thumb-slide .slick-prev:hover, .pview-top .pview-slide .thumb-slide .slick-prev:active { margin-left: 3px; }
.pview-top .pview-slide .thumb-slide .slick-prev:hover:before, .pview-top .pview-slide .thumb-slide .slick-prev:active:before { border-left: 3px solid #666; border-top: 3px solid #666; }
.pview-top .pview-slide .thumb-slide .slick-next { right: 0; }
.pview-top .pview-slide .thumb-slide .slick-next:before { right: 50%; margin-right: -10px; border-right: 3px solid #999; border-bottom: 3px solid #999; }
.pview-top .pview-slide .thumb-slide .slick-next:hover, .pview-top .pview-slide .thumb-slide .slick-next:active { margin-right: 3px; }
.pview-top .pview-slide .thumb-slide .slick-next:hover:before, .pview-top .pview-slide .thumb-slide .slick-next:active:before { border-right: 3px solid #666; border-bottom: 3px solid #666; }
.pview-bottom { background: url(../images/bg_pview_detail.png) repeat 0 0 #f8f4f2; padding: 70px 0; opacity: 0; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
.pview-bottom.scroll-view { opacity: 1; }
.pview-bottom.scroll-view .p-sectit { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.pview-bottom .p-sectit { display: block; position: relative; text-align: center; padding: 0; margin: 0 auto 60px auto; opacity: 0; -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); -moz-transition: opacity 0.7s 0.5s, -moz-transform 0.7s 0.5s; -o-transition: opacity 0.7s 0.5s, -o-transform 0.7s 0.5s; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; -webkit-transition-delay: 0.5s, 0.5s; transition: opacity 0.7s 0.5s, transform 0.7s 0.5s; }
.pview-bottom .p-sectit .en { font-size: 1.625rem; margin: 0; }
.pview-bottom .p-sectit:after { content: ""; height: 1px; width: 24px; background: #a52300; bottom: -5px; left: 50%; position: absolute; margin-left: -12px; }
@media (max-width:1199px) {
	.pview-top .left { padding-left: 0; padding-right: 15px; }
	.pview-top .right { padding-left: 15px; padding-right: 0; }
	.pview-top .right .name { font-size: 1.875rem; }
	.pview-top .right .price .new { font-size: 1.75rem; }
	.pview-top .right .price .old { font-size: 1.25rem; }
}
@media (max-width:991px) {
	.pview-top { padding-top: 30px; padding-bottom: 30px; }
	.pview-top .left { width: 100%; padding-right: 0; }
	.pview-top .right { width: 100%; padding-left: 0; }
	.pview-top .pview-slide { max-width: 650px; margin-bottom: 20px; }
	.pview-top .pview-slide .thumb-slide { padding: 15px 35px; margin: 0 10px; }
	.pview-bottom { padding: 30px 0; }
	.pview-bottom .p-sectit { margin: 0 auto 30px auto; }
}
@media (max-width:767px) {
	.pview-top .p-breadcrumb { padding: 0; margin-bottom: 0; border-bottom: 0; }
	.pview-top .right .name { font-size: 1.625rem; }
	.pview-top .right .desc { font-size: 1rem; padding-left: 0; padding-right: 0; }
	.pview-top .right .spec-list li { font-size: 1rem; padding-right: 80px; }
	.pview-top .right .spec-list li .tit { left: 0; width: 70px; }
	.pview-top .right .price .new { margin-left: 0; }
	.pview-top .right .btns { margin: 10px 0 0 0; font-size: 0; }
	.pview-top .right .btns .btn-buy, .pview-top .right .btns .btn-back { font-size: 1rem; height: 40px; line-height: 40px; }
	.pview-top .pview-slide .thumb-slide { display: none; }
	.pview-bottom { background-image: none; }
}

/* course- register */
#course-regist { background: #f8f4f2; padding-bottom: 75px; }
#course-regist .form-msg { text-align: center; margin: 0 auto 30px auto; }
#course-regist form { background: #fff; padding: 40px 35px; }
#course-regist .form-box.form-knowfrom { padding-left: 0; margin-top: 20px; }
#course-regist .form-box.form-knowfrom .label-style { width: auto; position: relative; display: inline-block; vertical-align: top; white-space: normal; margin-right: 15px; }
#course-regist .form-agree .checkbox-style { padding-left: 30px; position: relative; line-height: 1.5; }
#course-regist .form-agree .checkbox-style > span { position: absolute; top: 5px; left: 0; }
#course-regist .form-sec { padding: 0 0 25px 0; margin: 0 0 35px 0; border-bottom: 1px solid #ddd; }
#course-regist .form-sec:last-of-type { border-bottom: none; padding: 0; margin: 0; }
#course-regist .form-legend { display: block; font-size: 1rem; color: #a52300; margin: 0 0 15px 0; }
#course-regist .regist-state { font-size: 0; margin: 0 auto 30px auto; }
#course-regist .regist-state li { display: inline-block; vertical-align: top; font-size: 1rem; padding-right: 15px; }
#course-regist .regist-state li:nth-of-type(1) { width: calc(100% * 0.47); }
#course-regist .regist-state li:nth-of-type(2) { width: calc(100% * 0.3); }
#course-regist .regist-state li:nth-of-type(3) { width: calc(100% * 0.23); }
#course-regist .regist-state li:last-of-type { padding-right: 0; }
#course-regist .regist-state li .tit { display: inline-block; border-radius: 5px; background: #a52300; color: #fff; padding: 5px 10px; margin: 0 0 15px 0; }
#course-regist .regist-state li .tit i { margin: -2px 10px 0 0; vertical-align: middle; }
#course-regist .form-bottom { margin-top: 40px; position: relative; }
#course-regist .form-bottom .form-box.code { width: calc(50% - 24px); margin: 0; }
#course-regist .form-bottom .btn-wrap { position: absolute; font-size: 0; top: 0; right: 0; max-width: 400px; width: 50%; text-align: right; }
#course-regist .form-bottom .btn-wrap .btn-send, #course-regist .form-bottom .btn-wrap .btn-reset { font-size: 1.0625rem; height: 45px; line-height: 45px; border: none; text-align: center; display: inline-block; vertical-align: middle; width: calc(50% - 10px); color: #fff; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
#course-regist .form-bottom .btn-wrap .btn-send { background: #a52300; }
#course-regist .form-bottom .btn-wrap .btn-send:hover { background: #c5350e; }
#course-regist .form-bottom .btn-wrap .btn-reset { background: #000; margin-right: 18px; }
#course-regist .form-bottom .btn-wrap .btn-reset:hover { background: #333; }
@media (min-width:500px) {
	.form-large .form-box { padding-left: 140px; }
}
@media (max-width:1199px) {
	#course-regist form { padding: 40px 20px; }
}
@media (max-width:991px) {
	#course-regist { padding-bottom: 30px; }
	#course-regist .form-bottom .form-box.code { width: 100%; margin: 0; max-width: none; }
	#course-regist .form-bottom .btn-wrap { width: 100%; max-width: 400px; position: relative; margin: 20px auto 0 auto; }
	#course-regist .form-bottom .btn-wrap .btn-send, #course-regist .form-bottom .btn-wrap .btn-reset { font-size: 1rem; width: calc(50% - 5px); }
	#course-regist .form-bottom .btn-wrap .btn-reset { margin-right: 9px; }
	#course-regist .form-box.form-knowfrom { padding-left: 0; margin-top: 20px; }
	#course-regist .form-box.form-knowfrom .label-style { margin-right: 0; display: block; }
	#course-regist .form-agree { padding: 10px 10px 10px 5px; border-radius: 5px; background: #f5f5f5; }
}
@media (max-width:767px) {
	#course-regist { padding-bottom: 0; }
	#course-regist form { margin-left: -15px; margin-right: -15px; padding: 30px 15px; }
	#course-regist .regist-state { margin: 0 auto 20px auto; }
	#course-regist .regist-state li { position: relative; display: block; background: #fff; margin-bottom: 10px; border-radius: 5px; padding: 10px 10px 10px 165px; }
	#course-regist .regist-state li:nth-of-type(1) { width: 100%; }
	#course-regist .regist-state li:nth-of-type(2) { width: 100%; }
	#course-regist .regist-state li:nth-of-type(3) { width: 100%; }
	#course-regist .regist-state li br { display: none; }
	#course-regist .regist-state li .tit { font-size: 1rem; width: 155px; position: absolute; top: 0; bottom: 0; left: 0; padding: 10px 0 10px 10px; margin-right: 10px; margin-bottom: 0; border-radius: 5px 0 0 5px; }
}
@media (max-width:499px) {
	#course-regist .regist-state { margin: 0 auto 20px auto; }
	#course-regist .regist-state li { padding-left: 10px; }
	#course-regist .regist-state li:last-of-type { padding-right: 10px; }
	#course-regist .regist-state li .tit { position: relative; display: block; width: auto; margin: -10px -10px 10px -10px; border-radius: 10px 10px 0 0; }
	#course-regist .form-bottom .form-box.code { max-width: none; }
}

/* leave system */
#leave { background: #f8f4f2; padding-bottom: 75px; }
#leave .p-sectit { text-align: center; }
#leave .form-msg { text-align: center; margin: 0 auto 30px auto; }
#leave .form-msg .xs-inline { display: block; }
#leave form { background: #fff; padding: 45px 35px; }
#leave .form-bottom { margin-top: 20px; position: relative; }
#leave .form-bottom .form-box.code { width: calc(50% - 24px); margin: 0; }
#leave .form-bottom .btn-wrap { position: absolute; font-size: 0; top: 0; right: 0; max-width: 400px; width: 50%; text-align: right; }
#leave .form-bottom .btn-wrap .btn-send, #leave .form-bottom .btn-wrap .btn-reset { font-size: 1.0625rem; height: 45px; line-height: 45px; border: none; text-align: center; display: inline-block; vertical-align: middle; width: calc(50% - 10px); color: #fff; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
#leave .form-bottom .btn-wrap .btn-send { background: #a52300; }
#leave .form-bottom .btn-wrap .btn-send:hover { background: #c5350e; }
#leave .form-bottom .btn-wrap .btn-reset { background: #000; margin-right: 18px; }
#leave .form-bottom .btn-wrap .btn-reset:hover { background: #333; }
@media (max-width:991px) {
	#leave { padding-bottom: 30px; }
	#leave .form-box.form-half { display: block; width: 100%; }
	#leave .form-box.form-half.odd { margin-right: 0; }
	#leave .form-box.form-half.even { margin-right: 0; }
	#leave .form-bottom .form-box.code { width: 100%; margin: 0; max-width: none; }
	#leave .form-bottom .btn-wrap { width: 100%; max-width: 400px; position: relative; margin: 20px auto 0 auto; }
	#leave .form-bottom .btn-wrap .btn-send, #leave .form-bottom .btn-wrap .btn-reset { font-size: 1rem; width: calc(50% - 5px); }
	#leave .form-bottom .btn-wrap .btn-reset { margin-right: 9px; }
}
@media (max-width:767px) {
	#leave { padding-bottom: 0; }
	#leave .form-msg .xs-inline { display: inline; }
	#leave form { margin-left: -15px; margin-right: -15px; padding: 30px 15px; }
}
@media (max-width:499px) {
	#leave .form-bottom .form-box.code { max-width: none; }
}

/* course */
#course { padding-bottom: 30px; background: #f8f4f2; }
#course .faq-filter { margin-top: 0; margin-bottom: 20px; padding: 20px 20px; font-size: 0; background-color: #ece8e5; }
#course .p-sectit { border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 30px; }
.course-notice { margin-bottom: 30px; }
.course-list { border-collapse: collapse; margin: 0 auto; width: 100%; }
.course-list thead { background: #a52300; }
.course-list thead th { color: #fff; padding: 15px; font-size: 1.125rem; line-height: 1.2; text-align: center; vertical-align: middle; position: relative; font-weight: normal; white-space: nowrap; }
.course-list thead th:before { content: ""; position: absolute; display: inline-block; background: #fff; width: 1px; top: 18px; bottom: 18px; left: 0; }
.course-list thead th:first-of-type:before { display: none; }
.course-list tbody tr { font-size: 0; }
.course-list tbody td { background: #fff; text-align: center; color: #333; font-size: 1rem; padding: 15px; vertical-align: middle; border: 1px solid #ddd; }
.course-list tbody td:first-of-type { border-left: none; }
.course-list tbody td:last-of-type { border-right: none; }
.course-list tbody td a { color: #333; }
.course-list tbody td a:hover { color: #a52300; }
.course-list .col-title { width: calc((100% - 190px) * 0.43); }
.course-list .col-teacher { width: calc((100% - 190px) * 0.15); }
.course-list .col-date { width: calc((100% - 190px) * 0.20); }
.course-list .col-date span { display: block; }
.course-list .col-price { width: calc((100% - 190px) * 0.12); white-space: nowrap; }
.course-list .col-num { width: calc((100% - 190px) * 0.10); white-space: nowrap; }
.course-list .col-state { width: 190px; }
.course-list .col-state .txt { padding-bottom: 5px; font-size: 14px }
.course-list .col-state span { color: #a52300; }
.course-list td.col-title { text-align: left !important; }
.course-list td.col-date { color: #cf7b64; }
.course-list td.col-num { color: #aaa; }
.course-list td.col-num .quota { color: #a52300; font-style: normal; }
.course-list .btn-regist { border-radius: 5px; border: none; height: 38px; line-height: 38px; max-width: 200px; font-size: 1rem; text-align: center; color: #fff; background: #a52300; display: block; white-space: nowrap; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; }
.course-list .btn-regist:hover { background: #c5350e; color: #fff; }
.course-list .state-end { border-radius: 5px; border: 1px solid #ddd; height: 38px; line-height: 38px; max-width: 200px; font-size: 1rem; text-align: center; color: #888; background: #fff; display: block; white-space: nowrap; }
.course-list .state-full { border-radius: 5px; border: none; height: 38px; line-height: 38px; max-width: 200px; font-size: 1rem; text-align: center; color: #fff; background: #aaa; display: block; white-space: nowrap; }
@media (max-width:1199px) {
	.course-list { margin: 0 auto 20px auto; }
	.course-list thead th { font-size: 1rem; }
}
@media (max-width:991px) {
	.course-list thead { display: none; }
	.course-list tbody tr { display: inline-block; vertical-align: top; width: calc(50% - 10px); margin: 0 0 15px 0; }
	.course-list tbody tr:nth-child(odd) { margin-right: 20px; }
	.course-list tbody td { display: block; text-align: left; padding: 5px 15px 5px 110px; border: none; position: relative; border-bottom: 1px solid #ddd; }
	.course-list tbody td:before { content: attr(data-tit); display: inline-block; position: absolute; width: 110px; top: 0; left: 0; padding: 5px 15px; color: #333; }
	.course-list .col-title { width: 100%; padding: 0; }
	.course-list .col-title:before { padding: 10px 15px; color: #fff; }
	.course-list .col-title a { padding: 10px 15px; padding-left: 110px; background: #a52300; display: block; color: #fff; min-height: 70px; }
	.course-list .col-title a:after { content: '+'; display: inline-block; vertical-align: middle; font-size: 0.875rem; color: #a52300; border-radius: 50%; background-color: #fff; line-height: 17px; width: 17px; height: 17px; margin-left: 5px; margin-top: -5px; text-align: center; }
	.course-list .col-title a:hover { background: #c5350e; color: #fff; }
	.course-list .col-teacher { width: 100%; }
	.course-list .col-date { width: 100%; }
	.course-list .col-date span { display: inline-block; }
	.course-list .col-price { width: 100%; }
	.course-list .col-num { width: 100%; }
	.course-list .col-state { width: 100%; line-height: 38px; }
}
@media (max-width:767px) {
	#course .p-sectit { margin-bottom: 20px; padding-bottom: 10px; }
}
@media (max-width:639px) {
	.course-list tbody tr { width: 100%; display: block; margin: 0 auto 15px auto; }
	.course-list tbody tr:nth-child(odd) { margin-right: auto; }
	.course-list .col-title a { min-height: auto; }
}
@media (max-width:499px) {
	.course-list .col-title:before { display: none; }
	.course-list .col-title a { padding-left: 15px; }
}

/* ====== theme editor ====== */
.theme-pdetial-top { padding-bottom: 50px; position: relative; display: table; width: 100%; }
.theme-pdetial-top:before { content: ""; position: absolute; z-index: 0; right: 0; top: 50px; bottom: 0; width: 83%; background: #fff; }
.theme-pdetail-left { position: relative; padding-right: 20px; text-align: left; vertical-align: miggle; display: table-cell; width: 50%; z-index: 1; }
.theme-pdetail-left img { -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); }
.theme-pdetail-right { position: relative; vertical-align: miggle; display: table-cell; width: 50%; z-index: 1; text-align: center; padding: 20px; }
.theme-editor-p { display: block; }
.theme-pdetail-smallimg { text-align: center; padding: 65px 0; }
.theme-pdetail-smallimg img { margin: 0 5px; }
@media (max-width:767px) {
	.theme-pdetial-top { padding-bottom: 30px; display: block; }
	.theme-pdetial-top:before { content: ""; position: absolute; z-index: 0; right: 0; top: 50px; width: 100%; background: #fff; }
	.theme-pdetail-left { padding-right: 0; margin: 0 auto 20px auto; text-align: center; display: block; width: 80%; max-width: 350px; }
	.theme-pdetail-right { display: block; width: 100%; padding: 20px; }
}

/*# sourceMappingURL=custom.css.map */

/* ========================================== Fish's Start ========================================== */
.reset { margin: 0; padding: 0; list-style: none; border: 0; border-spacing: 0; border-collapse: collapse; }
.reset input, .reset label, .reset select { vertical-align: middle; }
.rwd-img { width: 100%; }
.max-img { height: auto !important; max-width: 100%; }
.animate { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.lazy-background .lazy-loop { position: relative; overflow: hidden; }
.lazy-background .lazy-loop:before { pointer-events: none; content: ""; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d4d4d4 linear-gradient(to right, #d4d4d4 8%, #e4e2e2 18%, #d4d4d4 33%); background-size: 800px 100%; background-repeat: no-repeat; -webkit-animation: lazyBackgroundShine 2s infinite; animation: lazyBackgroundShine 2s infinite; }
.lazy-background .img { width: 100%; height: 100%; }
.lazy-background .title { margin: 10px 0 !important; width: 50% !important; height: 30px !important; }
.lazy-background .summary { height: 20px !important; }
.lazy-background .category, .lazy-background .name { width: 100px !important; height: 20px !important; }
.lazy-background.lazy-background-hide .lazy-loop:before { opacity: 0; }
@-webkit-keyframes lazyBackgroundShine {
	0% { background-position: -800px 0; }
	100% { background-position: 800px 0; }
}
@keyframes lazyBackgroundShine {
	0% { background-position: -800px 0; }
	100% { background-position: 800px 0; }
}
@-webkit-keyframes lazyBackgroundShineTwo {
	0% { background-position: -1170px 0; }
	100% { background-position: 1170px 0; }
}
@keyframes lazyBackgroundShineTwo {
	0% { background-position: -1170px 0; }
	100% { background-position: 1170px 0; }
}

/* ==========================================
 ##### No data
========================================== */
.message-box { display: block; position: relative; margin: 80px 20px 50px; padding: 0 10px 10px; max-width: 320px; font-size: 0; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; background-color: #eee; }
.message-box:before { pointer-events: none; content: ""; position: absolute; bottom: -25px; left: 0; width: 100%; height: 30px; background: url("../images/milk_bg.png") 0 0 no-repeat; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.message-box .main { display: block; padding: 40px 10px 30px; font-size: 1rem; text-align: center; }
.message-box .main .title { margin-bottom: 15px; color: #222; }
.message-box .main .summary { color: #888; font-weight: 100; line-height: 26px; font-size: 0.938rem; }
@media only screen and (min-width:375px) {
	.message-box { margin: 80px auto 25px; }
	.message-box.no-data { margin: 20px auto 50px; }
}

/* ==========================================
 ##### Paginate
========================================== */
.page-paginate { padding: 55px 0; text-align: center; }
.page-paginate a { display: inline-block; margin: 5px; padding: 3px 10px; color: #000; font-size: 18px; font-family: "Times New Roman", serif; font-style: italic; vertical-align: middle; -webkit-border-radius: 4px; border-radius: 4px; }
.page-paginate a:hover { background-color: #efefef; }
.page-paginate .current { color: #a52300; }
.page-paginate a.control { opacity: 0.4; position: relative; margin: 0 20px; font-size: 0; width: 34px; height: 34px; border: 1px solid #444; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #fff; }
.page-paginate a.control:before { pointer-events: none; content: ""; position: absolute; top: 11px; width: 9px; height: 9px; border-top: 1px solid #444; border-left: 1px solid #444; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.page-paginate a.control:after { opacity: 0; pointer-events: none; content: ""; position: absolute; top: 15px; width: 10px; height: 1px; background-color: #444; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.page-paginate a.control.prev:after { left: 20px; }
.page-paginate a.control.next:after { left: 2px; }
.page-paginate a.control.prev:before { left: 14px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-paginate a.control.next:before { left: 10px; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.page-paginate a.control:hover { opacity: 1; background-color: #333; }
.page-paginate a.control.prev:hover:before { left: 10px; border-color: #fff; }
.page-paginate a.control.next:hover:before { left: 14px; border-color: #fff; }
.page-paginate a.control.prev:hover:after { opacity: 1; left: 15px; background-color: #fff; }
.page-paginate a.control.next:hover:after { opacity: 1; left: 7px; background-color: #fff; }
.page-paginate a.disable { pointer-events: none; opacity: 0.2; cursor: default; }
@media (max-width:1024px) {
	.page-paginate { padding: 35px 0; }
	.page-paginate a.control { margin: 0 10px; }
}
@media (max-width:767px) {
	.page-paginate a.mb-hide { display: none; }
}

/* ==========================================
 ##### Hover Read
========================================== */
.item-box:hover .title { color: #a52300; }
.hover-read { position: relative; }
.hover-read .pic { display: block; position: relative; }
.hover-read .pic:before, .hover-read .pic:after { opacity: 0; pointer-events: none; content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.hover-read .pic:before { background-color: rgba(0, 0, 0, .7); }
.hover-read .pic:after { top: calc(50% + 11px); z-index: 1; content: "READ"; color: #fff; font-size: 0.875rem; font-family: "Times New Roman", serif; font-style: italic; }
.hover-read .read-box, .hover-read .read-box span { display: block; position: relative; width: 100%; height: 100%; }
.hover-read .read-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hover-read .read-box:before { opacity: 0; pointer-events: none; content: ""; position: absolute; z-index: 1; top: calc(50% - 30px); left: calc(50% - 17px); width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d58526; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.hover-read .read-box span:before, .hover-read .read-box span:after { opacity: 0; pointer-events: none; content: ""; position: absolute; z-index: 1; top: calc(50% - 10px); left: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.hover-read .read-box span:before { margin: -1px 0 0 -34px; width: 30px; height: 1px; background-color: #fff; }
.hover-read .read-box span:after { margin: -5px 0 0 -5px; width: 10px; height: 10px; border-top: 1px solid #fff; border-left: 1px solid #fff; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.hover-read:hover .pic:before, .hover-read:hover .pic:after, .hover-read:hover .read-box:before, .hover-read:hover .read-box span:before, .hover-read:hover .read-box span:after { opacity: 1; }
.hover-read:hover .read-box:before { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

/* ==========================================
 ##### News
========================================== */
.box-bg-white { background: url("../images/box_bg.jpg"); }
#news .list { margin-left: -15px; width: calc(100% + 30px); padding-bottom: 30px; font-size: 0; }
#news .item-box { display: inline-block; margin: 20px 5px 0; padding: 10px; width: calc(25% - 10px); vertical-align: top; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
#news .item-box .img { position: relative; }
#news .item-box .title { margin: 20px 0 10px; overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
#news .item-box .summary { color: #666; font-size: 16px; height: 55px; overflow: hidden; }
#news .item-box .category { color: #d58526; font-size: 16px; }
#news .item-box .category span { display: inline-block; position: relative; padding: 0 15px; }
#news .item-box .category span:before, #news .item-box .category span:after { pointer-events: none; content: ""; position: absolute; top: 5px; left: 0; width: 1px; height: calc(100% - 10px); background-color: #d58526; }
#news .item-box .category span:after { left: auto; right: 0; }
#news.down-area { padding-top: 70px; padding-bottom: 30px; background-color: #f8f4f2; }
#news.down-area .p-sectit .zh { position: relative; margin-left: 10px; font-size: 30px; }
#news.down-area .p-sectit .zh:before { pointer-events: none; content: ""; position: absolute; top: 50%; right: -80px; width: 70px; height: 1px; background-color: #a52300; }
#news.down-area .item-box { margin-top: 0; }
@media (max-width:768px) {
	#news .item-box { margin: 0 5px 20px; width: calc(33.33% - 10px); }
	#news.down-area { padding: 30px 0 0; }
	#news.down-area .p-sectit { text-align: left; }
	#news.down-area .p-sectit .zh { font-size: 1.125rem; }
}
@media (max-width:640px) {
	#news .item-box { margin: 0 0 20px; padding: 0 20px; width: 100%; }
}

/* ==========================================
 ##### Album
========================================== */
#album { background-color: #f8f4f2; }
#album .p-sectit { border-bottom: 1px solid #333; }
#album .list { margin-left: -20px; width: calc(100% + 40px); padding-bottom: 30px; font-size: 0; }
#album .item-box { display: inline-block; margin: 20px; padding: 20px; width: calc(33.33% - 40px); vertical-align: top; background-color: #fff; }
#album .item-box .img { position: relative; }
#album .item-box .title { margin: 20px 0 10px; overflow: hidden; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; }
#album .item-box .summary { color: #666; font-size: 16px; height: 100px; overflow: hidden; }
#album .item-box .category { color: #d58526; font-size: 16px; font-family: "Times New Roman", serif; font-style: italic; }

/* View */
#album-view { background-color: #f8f4f2; }
#album-view .top-area { padding-bottom: 50px; }
#album-view .top-area .subject { font-size: 30px; text-align: center; }
#album-view .top-area .date { color: #d58526; font-size: 16px; font-family: "Times New Roman", serif; font-style: italic; text-align: center; }
#album-view .top-area .slick-wrap { position: relative; margin: 20px auto 30px; font-size: 0; background-color: #fff; }
#album-view .top-area .slick-wrap:before { pointer-events: none; content: ""; position: absolute; z-index: 2; top: 0; right: 180px; width: 30px; height: 100%; background-color: #f8f4f2; }
#album-view .top-area .big-pic { display: inline-block; width: calc(100% - 210px); vertical-align: top; }
#album-view .top-area .slick-arrow { position: absolute; z-index: 2; top: 50%; margin-top: -20px; width: 40px; height: 40px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: transparent; border: none; }
#album-view .top-area .slick-prev { left: 35px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; }
#album-view .top-area .slick-next { right: 35px; border-right: 3px solid #fff; border-top: 3px solid #fff; }
#album-view .top-area .small-wrap { display: inline-block; padding: 30px 0 0 30px; width: 210px; vertical-align: top; background-color: #fff; border-top: 10px solid #a52300; }
#album-view .top-area .slick-num { margin-bottom: 20px; font-size: 18px; text-align: center; }
#album-view .top-area .small-pic { padding: 0; }
#album-view .top-area .small-pic .item { margin: 5px 0; text-align: center; }
#album-view .top-area .small-pic .item a { display: inline-block; width: auto; margin: 0 auto; border: 3px solid #fff; }
#album-view .top-area .small-pic .slick-current a { border: 3px solid #a52300; }
#album-view .top-area .share-list { display: block; }
#album-view .down-area { padding: 70px 0 50px; background-color: #fff; }
#album-view .down-area .btn-back { display: block; margin: 0 auto; vertical-align: middle; width: 244px; height: 54px; line-height: 52px; border: 1px solid #333; color: #fff; font-size: 1.0625rem; text-align: center; background-color: #a52300; -moz-transition: background 0.25s, color 0.25s; -o-transition: background 0.25s, color 0.25s; -webkit-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; }
#album-view .down-area .btn-back:hover { border: 1px solid #c5350e; background-color: #c5350e; }
@media (max-width:1024px) {
	#album-view .top-area .slick-wrap { background-color: transparent; }
	#album-view .top-area .slick-wrap:before { display: none; }
	#album-view .top-area .big-pic, #album-view .top-area .small-wrap { display: block; margin: 0 auto; max-width: 700px; width: 100%; }
	#album-view .top-area .small-wrap { padding: 20px; }
	#album-view .down-area { padding: 40px 20px; }
}
@media (max-width:768px) {
	#album .list { margin-left: -10px; width: calc(100% + 20px); }
	#album .item-box { margin: 10px; width: calc(33.33% - 20px); }
}
@media (max-width:640px) {
	#album .list { margin: 0; width: 100%; }
	#album .item-box { margin: 10px 0; width: 100%; }
	#album-view .top-area { padding-bottom: 20px; }
	#album-view .top-area .subject { font-size: 24px; }
	#album-view .top-area .small-wrap { padding-top: 10px; border-top-width: 4px; }
	#album-view .top-area .slick-num { margin-bottom: 10px; }
	#album-view .down-area { padding: 0 0 20px; }
}

/* ==========================================
 ##### Education
========================================== */
#education { background-color: #f8f4f2; }
#education .p-sectit { border-bottom: 1px solid #333; }
#education .list { margin-left: -60px; width: calc(100% + 120px); padding-bottom: 30px; font-size: 0; }
#education .item-box { display: inline-block; margin: 20px 60px 0; width: calc(50% - 120px); vertical-align: top; }
#education .item-box:nth-child(2) { margin-top: 80px; }
#education .item-box .img { position: relative; }
#education .item-box .main { position: relative; z-index: 1; top: -60px; left: 60px; padding: 10px 30px 15px; width: calc(100% - 20px); background-color: #fff; }
#education .item-box .title { position: relative; z-index: 0; margin: 20px 0; padding-bottom: 20px; overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
#education .item-box .title:before { pointer-events: none; content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 1px; background-color: #262120; }
#education .item-box .summary { color: #666; font-size: 16px; height: 52px; overflow: hidden; }
#education .item-box.lazy-background .main { opacity: 0; }
#education .item-box:hover .title:before { background-color: #a52300; }
#education .page-paginate { padding-top: 10px; }
#education .hover-read .pic:before { background-color: rgba(255, 255, 255, .1); }
@media (max-width:1024px) {
	#education .list { margin: 0; width: 100%; }
	#education .item-box, #education .item-box:nth-child(2) { margin: 0 20px 40px; width: calc(50% - 40px); }
	#education .item-box .main { left: 0; top: 0; width: 100%; }
}
@media (max-width:768px) {
	#education .item-box, #education .item-box:nth-child(2) { margin: 0 10px 20px; width: calc(50% - 20px); }
	#education .item-box .main { padding: 5px 20px; }
}
@media (max-width:640px) {
	#education .item-box, #education .item-box:nth-child(2) { display: block; margin: 10px 0; width: 100%; }
}

/* ==========================================
 ##### Teachers
========================================== */
#teachers .p-sectit { border-bottom: 1px solid #333; }
#teachers .list { margin-left: -15px; width: calc(100% + 30px); padding-bottom: 30px; font-size: 0; }
#teachers .item-box { display: inline-block; margin: 20px 15px 0; width: calc(25% - 30px); vertical-align: top; border: 1px solid #ddd; }
#teachers .item-box .img { position: relative; }
#teachers .item-box .main { padding: 20px; background-color: #fff; }
#teachers .item-box .title { margin: 0; font-size: 20px; }
#teachers .item-box .name { padding-bottom: 10px; color: #a52300; font-size: 16px; }

/* View */
#teachers-view .top-area { position: relative; padding: 50px 0 70px; font-size: 0; }
#teachers-view .top-area .cover-text { pointer-events: none; position: absolute; z-index: 0; bottom: 50px; left: -150px; }
#teachers-view .top-area .left { position: relative; z-index: 2; display: inline-block; width: 500px; vertical-align: top; }
#teachers-view .top-area .right { padding-left: 80px; display: inline-block; width: calc(100% - 500px); vertical-align: top; }
#teachers-view .top-area .type { margin-bottom: 10px; color: #a52300; font-size: 20px; }
#teachers-view .top-area .title { padding-bottom: 10px; font-size: 30px; border-bottom: 1px solid rgba(0, 0, 0, .1); }
#teachers-view .info-list { margin-bottom: 15px; }
#teachers-view .info-list .box { padding: 10px 0; font-size: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); }
#teachers-view .info-list .title { display: inline-block; padding: 0 0 0 10px; width: 100px; color: #6a412c; font-size: 17px; line-height: 30px; vertical-align: middle; border-bottom: none; vertical-align: top; }
#teachers-view .info-list .text { display: inline-block; width: calc(100% - 100px); font-size: 17px; line-height: 30px; vertical-align: top; }
#teachers-view .top-area .down { padding: 10px; font-size: 0; }
#teachers-view .top-area .down .btn-back { display: inline-block; vertical-align: middle; width: 244px; height: 54px; line-height: 52px; border: 1px solid #a52300; color: #fff; font-size: 1.0625rem; text-align: center; background-color: #a52300; -moz-transition: background 0.25s, color 0.25s; -o-transition: background 0.25s, color 0.25s; -webkit-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; }
#teachers-view .top-area .down .btn-back:hover { border: 1px solid #c5350e; background-color: #c5350e; }
#teachers-view .top-area .down .share-list { width: calc(100% - 244px); }
#teachers.view-bg { padding: 50px 0; background-color: #f8f4f2; }
#teachers.view-bg .subject { position: relative; margin-bottom: 20px; padding-bottom: 5px; color: #a52300; font-size: 26px; text-align: center; }
#teachers.view-bg .subject:before { pointer-events: none; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 1px; background-color: #a52300; }
#teachers.view-bg .pic:after { content: "VIEW"; }

/* Course */
#teachers.course { position: relative; padding: 50px 0; background-color: #f8f4f2; }
#teachers.course .p-sectit { border-bottom: none; }
#teachers.course .p-sectit .zh { position: relative; margin-left: 10px; font-size: 30px; }
#teachers.course .p-sectit .zh:before { pointer-events: none; content: ""; position: absolute; top: 50%; right: -80px; width: 70px; height: 1px; background-color: #a52300; }
#teachers.course .list { position: relative; z-index: 1; padding-bottom: 60px; }
#teachers.course .box-wrap { padding: 20px 15px 0; }
#teachers.course .item-box { display: block; margin: 0; width: 100%; }
#teachers.course .slick-arrow { position: absolute; z-index: 2; top: 50%; margin-top: -40px; width: 40px; height: 40px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: transparent; border: none; }
#teachers.course .slick-prev { left: -35px; border-left: 1px solid #999; border-bottom: 1px solid #999; }
#teachers.course .slick-next { right: -35px; border-right: 1px solid #999; border-top: 1px solid #999; }
#teachers.course .pic:after { content: "VIEW"; }
#teachers.course .cover-text { position: absolute; z-index: 0; top: -30px; right: 0; width: 461px; height: 182px; }
@media (max-width:1366px) {
	#teachers-view .top-area .right { padding-left: 40px; }
}
@media (max-width:1024px) {
	#teachers.course { padding: 30px 0; }
	#teachers-view .top-area { padding: 20px 0; }
	#teachers-view .top-area .left { width: 300px; }
	#teachers-view .top-area .right { width: calc(100% - 300px); }
}
@media (max-width:768px) {
	#teachers-view .top-area { padding-bottom: 0; }
	#teachers .item-box { width: calc(33.33% - 30px); }
	#teachers-view .top-area .left { display: block; margin: 0 auto; }
	#teachers-view .top-area .right { width: 100%; padding: 20px; }
	#teachers.course .p-sectit .zh { font-size: 1.125rem; }
}
@media (max-width:640px) {
	#teachers .list { margin: 0 0 0 -10px; width: calc(100% + 20px); }
	#teachers .item-box { margin: 20px 10px 0; width: calc(50% - 20px); }
	#teachers .item-box .main { padding: 10px 15px; }
	#teachers-view .top-area .right { padding: 20px 0; }
	#teachers-view .top-area .title { font-size: 22px; }
	#teachers-view .info-list .title { font-size: 16px; }
	#teachers-view .top-area .down .share-list { padding-bottom: 20px; width: 100%; }
	#teachers-view .top-area .down .btn-back { margin: 0 auto; display: block; }
	#teachers.view-bg { padding: 20px 0 0; }
	#teachers.view-bg .subject { font-size: 18px; }
}

/* ==========================================
 ##### Introduction
========================================== */
#introduction .p-sectit { border-bottom: 1px solid #333; }
.introduction-wrap { padding: 50px 0 0; background: #f8f4f2 url('../images/bg_line.jpg'); }
.introduction-wrap .subject { position: relative; text-align: center; color: #a52300; font-size: 26px; font-family: "Times New Roman", serif; font-style: italic; }
.introduction-wrap .subject:before { pointer-events: none; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -12px; width: 24px; height: 1px; background-color: #a52300; }
.introduction-wrap .list { padding-top: 20px; margin-left: -20px; width: calc(100% + 40px); padding-bottom: 30px; font-size: 0; }
.introduction-wrap .item-box { display: inline-block; margin: 20px 20px 0; width: calc(33.33% - 40px); vertical-align: top; text-align: center; }
.introduction-wrap .item-box .img { position: relative; }
.introduction-wrap .item-box .main { padding: 20px; }
.introduction-wrap .item-box .title { margin: 0; font-size: 20px; }
.introduction-wrap .item-box.lazy-background .title { margin: 0 auto !important; }
@media (max-width:1366px) {
	.introduction-wrap { background-position: center; }
}
@media (max-width:1024px) {
	#introduction { padding-bottom: 20px; }
}
@media (max-width:768px) {
	.introduction-wrap .list { padding-left: 20px; padding-right: 20px; }
	.introduction-wrap .item-box { margin: 10px; width: calc(33.33% - 20px); }
	.introduction-wrap .item-box .main { padding-bottom: 0; }
}
@media (max-width:640px) {
	#introduction { padding-bottom: 0; }
	.introduction-wrap { padding: 20px 0 0; background: none; background-color: #f8f4f2; }
	.introduction-wrap .item-box { margin: 10px; width: calc(50% - 20px); }
}

/* 館區介紹樣板 */
.theme-exhibintro { position: relative; padding-bottom: 60px; font-size: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; margin-bottom: 50px; overflow: hidden; }
.theme-exhibintro:before { content: ''; position: absolute; z-index: 0; height: 20%; top: -1px; left: -1px; right: -1px; background: #fff; }
.theme-exhibintro-img { display: inline-block; width: 50%; vertical-align: middle; z-index: 2; position: relative; }
.theme-exhibintro-main { display: inline-block; width: 50%; vertical-align: top; line-height: 30px; padding: 190px 80px 0 30px; z-index: 1; position: relative; }
.theme-exhibintro-title { position: relative; margin-bottom: 15px; padding-bottom: 15px; color: #fff; font-size: 24px; }
.theme-exhibintro-title:before { pointer-events: none; content: ""; position: absolute; bottom: 0; left: 0; width: 24px; height: 1px; background-color: #a52300; }
.theme-exhibintro-summary { color: #fff; font-size: 17px; }
.theme-exhibintro-bg { position: absolute; top: 120px; left: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; }
@media (max-width:1023px) {
	.theme-exhibintro { padding-bottom: 0; margin-bottom: 5px; }
	.theme-exhibintro-main { padding-top: 150px; }
}
@media (max-width:767px) {
	.theme-exhibintro { padding-bottom: 0; -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center bottom; margin-left: -15px; margin-right: -15px; }
	.theme-exhibintro:before { left: -17px; right: -17px; }
	.theme-exhibintro-img { display: block; margin: 0 auto; }
	.theme-exhibintro-main { display: block; padding: 20px 40px; text-align: center; width: 100%; }
	.theme-exhibintro-title:before { left: 50%; margin-left: -12px; }
	.theme-exhibintro-bg img { height: 100%; width: auto; }
}
@media (max-width:639px) {
	.theme-exhibintro-img { width: 100%; }
}

/* ==========================================
 ##### Education Index
========================================== */
#education-index { position: relative; font-size: 0; background: url("../images/box_bg.jpg"); }
#education-index:before { pointer-events: none; content: ""; position: absolute; z-index: 0; width: 100%; top: 0; left: 0; height: 100%; background: url("../images/bg1.png") no-repeat center center; }
#education-index .hover-read .pic:after { content: "VIEW"; }
#education-index .list { padding-bottom: 70px; margin-left: -10px; width: calc(100% + 20px); }
#education-index .item-box { position: relative; display: inline-block; margin: 10px; vertical-align: middle; }
#education-index .item-box .cover { display: block; position: absolute; z-index: 2; top: 50%; left: 50%; color: #fff; text-align: center; font-size: 20px; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-shadow: 0.1em 0.1em 0.2em black; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; white-space: nowrap; }
#education-index .item-box.width-full { width: calc(100% - 20px); }
#education-index .item-box.width-1 { width: calc(33.5% - 20px); }
#education-index .item-box.width-2 { width: calc(40% - 20px); }
#education-index .item-box.width-3 { width: calc(26.5% - 20px); }
#education-index .pic { min-height: 400px; overflow: hidden; }
#education-index .pic.img-1 { /*background-image: url("../images/education_index_img2.jpg");*/ }
#education-index .pic.img-2 { /*background-image: url("../images/education_index_img3.jpg");*/ }
#education-index .pic.img-3 { /*background-image: url("../images/education_index_img4.jpg");*/ }
#education-index .pic.img-4 { /*background-image: url("../images/education_index_img5.jpg");*/ }
#education-index .pic.img-5 { /*background-image: url("../images/education_index_img6.jpg");*/ }
#education-index .pic.img-6 { /*background-image: url("../images/education_index_img7.jpg");*/ }
#education-index .item-box:hover .cover { opacity: 0; }
#education-index .item-box.lazy-background.width-full .img:before { -webkit-animation: lazyBackgroundShineTwo 2s infinite; animation: lazyBackgroundShineTwo 2s infinite; }
#education-index .video-slick { position: relative; }
#education-index .video-slick .slick-arrow { position: absolute; z-index: 1; top: 50%; margin-top: -20px; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255, 255, 255, .7); border: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#education-index .video-slick .slick-arrow:before { pointer-events: none; content: ""; position: absolute; width: 12px; height: 12px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#education-index .video-slick .slick-prev { left: 15px; }
#education-index .video-slick .slick-prev:before { top: 14px; left: 16px; border-left: 3px solid #333; border-bottom: 3px solid #333; }
#education-index .video-slick .slick-next { right: 15px; }
#education-index .video-slick .slick-next:before { top: 14px; right: 16px; border-right: 3px solid #333; border-top: 3px solid #333; }
#education-index .video { position: relative; z-index: 0; padding-bottom: 56%; height: 0; overflow: hidden; }
#education-index .video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: none; }
#education-index .video-slick .slick-arrow:hover { background-color: rgba(255, 255, 255, 1); }
@media (max-width:1024px) {
	#education-index .list { padding: 20px; }
	#education-index .pic { min-height: 240px; }
}
@media (max-width:640px) {
	#education-index .list { padding: 0; }
	#education-index .item-box.width-full, #education-index .item-box.width-1, #education-index .item-box.width-2, #education-index .item-box.width-3 { display: block; margin: 10px; width: calc(100% - 20px); }
	#education-index .pic { min-height: 0; }
}

/* ==========================================
 ##### Exhibition
========================================== */
#exhibition-list .p-sectit { border-bottom: 1px solid #333; }
#exhibition-list .g-catetab { margin: 0 auto; }
#exhibition-list .list { padding: 30px; }
#exhibition-list .item-box { display: block; position: relative; width: 100%; margin-bottom: 50px; font-size: 0; }
#exhibition-list .item-box .img { margin-left: 50px; position: relative; display: inline-block; vertical-align: middle; width: calc(100% - 480px); }
#exhibition-list .item-box .img:after { pointer-events: none; content: ""; position: absolute; top: 0; left: -50px; width: 50px; height: 100%; background: url("../images/exhibition_sidebar1.png"); }
#exhibition-list .item-box .main { display: inline-block; padding-left: 50px; padding-right: 50px; vertical-align: middle; width: 430px; }
#exhibition-list .item-box .title { margin-bottom: 25px; font-size: 20px; }
#exhibition-list .item-box .summary { color: #666; font-size: 16px; }
#exhibition-list .item-box .category { margin-top: 15px; }
#exhibition-list .item-box .category .txt { display: inline-block; vertical-align: middle; color: #d58526; font-size: 16px; }
#exhibition-list .item-box .category .date { padding-left: 10px; display: inline-block; vertical-align: middle; color: #d58526; font-size: 25px; font-family: "Times New Roman", serif; font-style: italic; }
#exhibition-list .item-box:nth-child(even) { direction: rtl; }
#exhibition-list .item-box:nth-child(even) .img { margin-left: 0; margin-right: 50px; }
#exhibition-list .item-box:nth-child(even) .img:after { left: auto; right: -50px; background-image: url("../images/exhibition_sidebar2.png"); }
#exhibition-list .item-box:nth-child(even) .main { padding-left: 50px; padding-right: 50px; direction: ltr; }
#exhibition-list .item-box:last-child { margin-bottom: 0; }
@media (max-width:1024px) {
	#exhibition-list .list { padding: 10px 0; }
	#exhibition-list .item-box { margin-bottom: 20px; }
	#exhibition-list .item-box .img, #exhibition-list .item-box:nth-child(even) .img { margin: 0; width: 400px; }
	#exhibition-list .item-box .img:after, #exhibition-list .item-box:nth-child(even) .img:after { display: none; }
	#exhibition-list .item-box .main, #exhibition-list .item-box:nth-child(even) .main { padding: 0 0 0 20px; width: calc(100% - 400px); }
	#exhibition-list .item-box .summary { height: 50px; overflow: hidden; }
	#exhibition-list .item-box:nth-child(even) { direction: ltr; }
}
@media (max-width:768px) {
	#exhibition-list .item-box .title { margin-bottom: 10px; }
	#exhibition-list .item-box .category { margin-top: 5px; }
	#exhibition-list .item-box .img, #exhibition-list .item-box:nth-child(even) .img { width: 320px; }
	#exhibition-list .item-box .main, #exhibition-list .item-box:nth-child(even) .main { width: calc(100% - 320px); }
}
@media (max-width:640px) {
	#exhibition-list .item-box .title { font-size: 18px; margin-top: 5px; }
	#exhibition-list .item-box .category { margin-top: 5px; }
	#exhibition-list .item-box .category .date { font-size: 20px; }
	#exhibition-list .item-box .img, #exhibition-list .item-box:nth-child(even) .img, #exhibition-list .item-box .main, #exhibition-list .item-box:nth-child(even) .main { display: inline-block; width: 100%; padding: 0; margin: 0; }
	#exhibition-list .item-box .main, #exhibition-list .item-box:nth-child(even) .main { padding: 10px; }
}

/* View */
#exhibition-view.view-bg { padding: 50px 0; background-color: #F8F4F2; }
#exhibition-view .subject { position: relative; margin-bottom: 40px; padding-bottom: 5px; color: #a52300; font-size: 26px; text-align: center; }
#exhibition-view .subject:before { pointer-events: none; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 1px; background-color: #a52300; }
#exhibition-view .pic:after { content: "VIEW"; }
#exhibition-view .item-box { display: inline-block; position: relative; margin: 20px; width: calc(25% - 40px); vertical-align: top; }
#exhibition-view .item-box .img { position: relative; margin-bottom: 15px; }
#exhibition-view .item-box .fixed-box { position: absolute; top: 0; left: 0; padding: 7px 10px; z-index: 1; color: #fff; font-size: 12px; line-height: 18px; text-align: center; overflow: hidden; background-color: #a52300; }

/* View */
#teachers-view.exhibition .top-area { padding: 20px 0 50px 80px; }
#teachers-view.exhibition .top-area .left { width: calc(100% - 600px); }
#teachers-view.exhibition .top-area .right { padding-left: 50px; width: 600px; }
#teachers-view.exhibition .top-area .title { margin-top: 50px; border-bottom: none; }
#teachers-view.exhibition .top-area .date { margin-bottom: 15px; font-size: 0; }
#teachers-view.exhibition .top-area .date .title { margin: 0; display: inline-block; padding: 10px 0; width: 100px; color: #d58526; font-size: 17px; line-height: 30px; vertical-align: middle; border-bottom: none; vertical-align: top; }
#teachers-view.exhibition .top-area .date .text { display: inline-block; padding: 10px 0; width: calc(100% - 100px); font-family: "Times New Roman", serif; font-style: italic; color: #d58526; font-size: 25px; line-height: 30px; vertical-align: top; }
#teachers-view.exhibition .top-area .summary { margin-bottom: 40px; font-size: 17px; line-height: 30px; }
#teachers-view.exhibition .top-area .down { padding: 10px 0; }
@media (max-width:1024px) {
	#teachers-view.exhibition .top-area .title { margin: 0; padding: 0; }
	#teachers-view.exhibition .top-area .date { margin-bottom: 0; }
	#teachers-view.exhibition .top-area .left { width: 360px; }
	#teachers-view.exhibition .top-area .right { padding-right: 20px; width: calc(100% - 360px); }
}
@media (max-width:768px) {
	#exhibition-view.view-bg { padding: 30px 0; }
	#exhibition-view .item-box { margin: 10px; width: calc(33.33% - 20px); }
	#teachers-view.exhibition .top-area { padding-bottom: 30px; }
	#teachers-view.exhibition .top-area .left { display: block; width: 360px; }
	#teachers-view.exhibition .top-area .right { display: block; width: 100%; padding: 0 20px 0 0; margin: 15px 0 0; }
	#teachers-view.exhibition .top-area .summary { margin-bottom: 20px; }
}
@media (max-width:640px) {
	#teachers-view.exhibition .top-area { padding: 0 0 30px; }
	#teachers-view.exhibition .top-area .left { width: 100%; }
	#teachers-view.exhibition .top-area .right { display: block; width: 100%; padding: 0; }
	#teachers-view.exhibition .top-area .summary { margin-bottom: 20px; }
	#teachers-view.exhibition .top-area .title, #teachers-view.exhibition .top-area .date .text { font-size: 18px; }
	#teachers-view.exhibition .top-area .down { text-align: center; }
	#teachers-view .top-area .cover-text { opacity: 0; }
	#exhibition-view .subject { font-size: 18px; margin-bottom: 20px; }
	#exhibition-view .item-box { margin: 10px 10px 15px; width: calc(50% - 20px); }
}

/* ==========================================
 ##### Curator
========================================== */
#curator { position: relative; padding-bottom: 130px; font-size: 0; }
#curator .left-txt { margin-top: 50px; display: inline-block; padding-right: 80px; width: 50%; vertical-align: middle; }
#curator .top-txt { font-size: 0; }
#curator .top-txt .en { display: inline-block; vertical-align: middle; color: #a52300; font-size: 45px; font-family: "Times New Roman", serif; font-style: italic; }
#curator .top-txt .tw { padding-left: 10px; display: inline-block; vertical-align: middle; font-size: 24px; }
#curator .left-txt .text { font-size: 18px; line-height: 36px; }
#curator .right-img { position: relative; z-index: 1; margin-top: 50px; display: inline-block; width: 50%; vertical-align: middle; }
.about-bg-img { pointer-events: none; position: absolute; z-index: 0; right: 0; bottom: 10%; width: 730px; height: 930px; }
@media (max-width:1366px) {
	#curator { padding-bottom: 40px; }
	.about-bg-img { display: none; }
}
@media (max-width:1024px) {
	#curator .left-txt { padding-right: 30px; margin-top: 0; }
	#curator .left-txt { width: calc(100% - 220px); vertical-align: top; }
	#curator .right-img { width: 220px; vertical-align: top; }
}
@media (max-width:767px) {
	#curator { padding-bottom: 10px; }
	#curator .left-txt, #curator .right-img { padding: 0; display: block; width: 100%; }
	#curator .right-img { margin: 0; padding: 0; width: 100%; text-align: center; }
	#curator .right-img img { max-width: 300px; }
	#curator .top-txt .en { font-size: 1.875rem; }
	#curator .top-txt .tw { font-size: 1.125rem; }
}

/* ==========================================
 ##### About
========================================== */
#luban-about { font-size: 0; }
#luban-about .top-area { padding-bottom: 40px; }
#luban-about .left-txt { margin-top: 50px; display: inline-block; padding-right: 30px; width: 50%; vertical-align: top; }
#luban-about .top-txt { font-size: 0; }
#luban-about .top-txt .en { display: inline-block; vertical-align: middle; color: #a52300; font-size: 45px; font-family: "Times New Roman", serif; font-style: italic; }
#luban-about .top-txt .tw { padding-left: 10px; display: inline-block; vertical-align: middle; font-size: 24px; }
#luban-about .left-txt .text { font-size: 18px; line-height: 36px; }
#luban-about .left-txt .text p { margin: 0 0 30px; }
#luban-about .right-img { margin-top: 50px; display: inline-block; padding: 50px 30px 0 0; width: 50%; vertical-align: top; text-align: right; }
#luban-about .right-img span { display: inline-block; position: relative; }
#luban-about .right-img span:before, #luban-about .right-img span:after { pointer-events: none; content: ""; position: absolute; z-index: 0; bottom: -30px; left: -30px; width: 100%; height: 100%; border: 10px solid #cf7b64; }
#luban-about .right-img span:after { left: -10px; bottom: -10px; border: none; background-color: #fff; }
#luban-about .right-img img { position: relative; z-index: 1; }
#luban-about .bg-two { padding: 30px 0; background: url("../images/box_bg2.jpg"); text-align: center; }
#luban-about .circle-list { margin: 0 auto; max-width: 1140px; font-size: 0; }
#luban-about .circle-list .box { display: inline-block; margin: 30px 0; width: 20%; }
#luban-about .circle-list .icon { margin: 0 auto; padding-top: 30px; width: 130px; height: 130px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #d68e7a; background-color: #fff; }
#luban-about .circle-list .icon img { margin: 0 auto; max-width: 60px; }
#luban-about .circle-list .text { margin-top: 20px; font-size: 18px; color: #666; }
#luban-about .down-area { padding: 50px 0; }
#luban-about .down-area .top-img { margin-bottom: 30px; font-size: 0; }
#luban-about .down-area .top-img .left { display: inline-block; vertical-align: bottom; width: 690px; }
#luban-about .down-area .top-img .right { display: inline-block; vertical-align: bottom; padding-left: 50px; width: calc(100% - 690px); }
#luban-about .down-area .top-img .txt { margin-bottom: 20px; padding-left: 25px; }
#luban-about .down-area .top-img .txt .big { position: relative; color: #a52300; font-size: 30px; }
#luban-about .down-area .top-img .txt .big:before { pointer-events: none; content: "“"; position: absolute; top: -15px; left: -28px; color: #a52300; font-size: 60px; font-family: "Times New Roman", serif; font-style: italic; }
#luban-about .down-area .top-img .txt .small { position: relative; padding-left: 74px; color: #333; font-size: 20px; }
#luban-about .down-area .top-img .txt .small:before { pointer-events: none; content: ""; position: absolute; top: 50%; left: 0; width: 64px; height: 1px; background-color: #ccc; }
#luban-about .down-area .text { font-size: 18px; color: #666; line-height: 36px; }
#luban-about .down-area .text p { margin-bottom: 30px; }
@media (max-width:1366px) {
	#luban-about .top-area { padding: 0 30px 30px; }
	#luban-about .left-txt { padding-right: 80px; width: 650px; }
	#luban-about .right-img { width: calc(100% - 650px); padding-right: 0; }
	#luban-about .down-area { padding-bottom: 20px; }
	#luban-about .down-area .top-img .left { width: 500px; vertical-align: top; }
	#luban-about .down-area .top-img .right { width: calc(100% - 500px); padding-left: 20px; }
}
@media (max-width:768px) {
	#luban-about .top-area { padding: 0 30px 30px; }
	#luban-about .left-txt { display: block; padding: 0; width: 100%; }
	#luban-about .right-img { display: block; position: relative; top: -30px; width: 100%; padding: 0; text-align: center; }
	#luban-about .right-img img { width: 400px; }
	#luban-about .down-area { padding: 40px 20px 0; }
	#luban-about .down-area .top-img .left { width: 350px; }
	#luban-about .down-area .top-img .right { width: calc(100% - 350px); }
}
@media (max-width:640px) {
	#luban-about .top-area { padding: 0 0 20px; }
	#luban-about .left-txt { margin-top: 0; }
	#luban-about .circle-list .box { margin: 20px 0 0; width: 50%; }
	#luban-about .down-area { padding: 15px 0 1px; }
	#luban-about .down-area .top-img .left, #luban-about .down-area .top-img .right { display: inline-block; width: 100%; padding: 0; margin: 0; }
	#luban-about .down-area .top-img .right { padding-top: 20px; }
}

/* ==========================================
 ##### Education Index
========================================== */
#about { position: relative; font-size: 0; }
#about .g-catetab { margin: 0 auto 10px auto; }
#about .top-area { position: relative; padding-bottom: 70px; }
#about .cover-text { pointer-events: none; position: absolute; top: -140px; right: -30%; color: rgba(248, 244, 242, .5); font-size: 222px; z-index: 0; font-family: "Times New Roman", serif; }
#about .left-txt { margin-top: 70px; display: inline-block; padding-right: 55px; width: 540px; vertical-align: top; }
#about .top-txt { font-size: 0; }
#about .top-txt .en { display: inline-block; vertical-align: middle; color: #a52300; font-size: 45px; font-family: "Times New Roman", serif; font-style: italic; }
#about .top-txt .tw { padding-left: 10px; display: inline-block; vertical-align: middle; font-size: 24px; }
#about .left-txt .text { font-size: 18px; line-height: 36px; }
#about .left-txt .text p { margin: 0 0 30px; }
#about .right-img { margin-top: 50px; display: inline-block; width: calc(100% - 540px); vertical-align: top; text-align: right; }
#about .right-img img { position: relative; z-index: 1; }
#about .down-area { padding: 100px 0 260px; position: relative; font-size: 0; background: url("../images/box_bg2.jpg"); }
#about .down-area .left-img { margin-top: 50px; display: inline-block; vertical-align: top; width: calc(100% - 540px); }
#about .down-area .right-txt { display: inline-block; vertical-align: top; width: 540px; padding-left: 55px; font-size: 18px; color: #666; line-height: 36px; }
#about .down-area .right-txt .top-txt { margin-bottom: 10px; }
#about .down-area .right-txt p { margin-bottom: 30px; }
#about .down-area .small-img { position: absolute; bottom: -180px; right: 300px; width: 420px; }
#about .cover-bg { pointer-events: none; position: absolute; z-index: 0; width: 100%; bottom: 0; left: 0; height: 100%; }
@media (max-width:1024px) {
	#about .top-area { padding-bottom: 10px; }
	#about .left-txt, #about .down-area .left-img { margin-top: 0; }
	#about .down-area { padding: 60px 0 40px; }
	#about .down-area .small-img { right: 53%; width: 200px; bottom: 0; }
}
@media (max-width:768px) {
	#about .top-area { padding-bottom: 20px; }
	#about .down-area { padding: 20px 0 0; }
	#about .left-txt, #about .right-img, #about .down-area .left-img, #about .down-area .right-txt { display: block; width: 100%; padding: 0; margin: 0; }
	#about .down-area .right-txt { padding-top: 30px; }
	#about .down-area .small-img { display: none; }
}
@media (max-width:640px) {
	#about .cover-text { opacity: 0; }
}

/* ==========================================
 ##### FAQ
========================================== */
#faq .p-sectit { border-bottom: 1px solid #333; }
.faq-filter { margin-top: 40px; padding: 25px 20px; font-size: 0; background-color: #f8f4f2; }
.faq-filter .txt { display: inline-block; width: 200px; vertical-align: middle; font-size: 17px; }
.faq-filter .right { display: inline-block; width: calc(100% - 200px); vertical-align: middle; text-align: right; }
.faq-filter .submit { display: inline-block; width: 44px; height: 44px; -webkit-border-radius: 50%; border-radius: 50%; background: #a52300 url('../images/filter_search.png') center center no-repeat; -webkit-background-size: 22px; -o-background-size: 22px; background-size: 22px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.faq-filter .submit:hover { background-color: #000; }
.faq-filter .select-style { display: inline-block; width: 200px; font-size: 17px; vertical-align: middle; }
.faq-filter .input-style { display: inline-block; margin: 0 10px; width: 240px; vertical-align: middle; }
.faq-list { padding: 50px 0; }
.faq-list .item { margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.faq-list .que { position: relative; margin-bottom: 10px; position: relative; padding: 12px 60px; font-size: 18px; line-height: 30px; }
.faq-list .que:before { pointer-events: none; content: "Q"; position: absolute; top: 0; left: 0; color: #fff; font-size: 20px; font-family: "Times New Roman", serif; font-style: italic; width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: #a52300; -webkit-border-radius: 50%; border-radius: 50%; }
.faq-list .que:after { pointer-events: none; content: ""; position: absolute; top: 19px; right: 20px; width: 12px; height: 12px; border-right: 3px solid #333; border-top: 3px solid #333; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.faq-list .ans { position: relative; display: none; padding: 45px 40px 30px 125px; font-size: 18px; line-height: 30px; border-top: 1px solid #ddd; background-color: #f6f6f6; }
.faq-list .ans:before { pointer-events: none; content: "A"; position: absolute; top: 30px; left: 56px; color: #fff; font-size: 20px; font-family: "Times New Roman", serif; font-style: italic; width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: #333; -webkit-border-radius: 50%; border-radius: 50%; }
.faq-list .open .que:after { -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); transform: rotate(-225deg); }
@media (max-width:768px) {
	.faq-filter { padding: 15px 20px; }
	.faq-filter .txt, .faq-filter .right { display: block; width: 100%; text-align: left; }
	.faq-filter .txt { padding-bottom: 10px; }
	.faq-filter .select-style { width: calc(100% - 220px - 88px); }
	.faq-list { padding: 20px 0; }
	.faq-list .que:before, .faq-list .ans:before { width: 30px; height: 30px; font-size: 15px; line-height: 30px; }
	.faq-list .que { padding: 2px 30px 0 40px; }
	.faq-list .que:after { top: 9px; }
	.faq-list .ans { padding: 20px 0 20px 50px; }
	.faq-list .ans:before { top: 20px; left: 10px; }
}
@media (max-width:640px) {
	.faq-filter { margin-top: 20px; }
	.faq-filter .right { text-align: center; }
	.faq-filter .select-style { display: block; width: 100%; margin: 0 0 10px; }
	.faq-filter .input-style { margin-left: 0; width: calc(100% - 54px); }
}

/* ==========================================
 ##### Nearby
========================================== */
#nearby .map-area { position: relative; padding-bottom: 50px; }
#nearby .map-area .cover-text { pointer-events: none; position: absolute; bottom: -190px; left: 50%; font-family: "Times New Roman", serif; font-size: 345px; color: rgba(224, 164, 148, .1); text-align: center; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
#nearby .map-slide { position: relative; }
#nearby .map-slide .img { position: relative; z-index: 2; background-color: #fff; border: 15px solid #fff; }
#nearby .map-slide:before { pointer-events: none; content: ""; position: absolute; z-index: 1; bottom: -20px; left: -20px; width: calc(100% + 40px); height: 400px; background: url("../images/nearby_map_shadow.png") center bottom no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
#nearby .map-slide img { width: 100%; }
#nearby .map-slide .slick-arrow { position: absolute; top: 50%; margin-top: -20px; z-index: 1; width: 40px; height: 40px; border: none; border-right: 2px solid #fff; border-top: 2px solid #fff; font-size: 0; background-color: transparent; }
#nearby .map-slide .slick-prev { left: 40px; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
#nearby .map-slide .slick-next { right: 40px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#nearby .fun-area { min-height: 0; padding-top: 50px; }
#nearby .fun-area .p-sectit { margin-bottom: 30px; text-align: center; }
#nearby .fun-area .fun-bg { border-top: 1px solid #a52300; padding: 20px 0; background: url("../images/box_bg2.jpg"); }
#nearby .fun-area .item-box { margin: 40px 0 0; padding: 25px; font-size: 0; background-color: #fff; }
#nearby .fun-area .item-box .img { position: relative; display: inline-block; width: 285px; vertical-align: top; }
#nearby .fun-area .item-box .img span { display: block; }
#nearby .fun-area .item-box.hover-read .pic:after { content: "VISIT"; }
#nearby .fun-area .item-box .main { display: inline-block; padding: 15px 0 0 30px; width: calc(100% - 285px); vertical-align: top; }
#nearby .fun-area .item-box .title { font-size: 20px; }
#nearby .fun-area .item-box .title a:hover { color: #a52300; }
#nearby .fun-area .item-box .summary { margin: 5px 0; font-size: 16px; color: #666; line-height: 30px; }
#nearby .fun-area .item-box .summary i.fas { color: #a52300; }
#nearby .fun-area .text { min-height: 58px; }
#nearby .fun-area #tabs .tab-title { display: none; }
#nearby .fun-area #tabs ul { text-align: center; }
#nearby .fun-area #tabs li { display: inline-block; }
#nearby .fun-area #tabs li a { display: inline-block; padding: 12px 10px; min-width: 160px; font-size: 17px; background-color: #eee; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
#nearby .fun-area #tabs li.active a { color: #fff; background-color: #a52300; }
#nearby .fun-area .tag-list { margin-top: 20px; font-size: 0; }
#nearby .fun-area .tag-list .box { display: inline-block; margin: 0 5px 5px 0; color: #ff7300; font-size: 15px; border: 1px solid #ff7300; padding: 2px 10px; -webkit-border-radius: 4px; border-radius: 4px; }
@media (max-width:1024px) {
	#nearby .map-area { padding-bottom: 0; }
	#nearby .map-slide:before { display: none; }
	#nearby .map-slide { border: 1px solid #ddd; }
	#nearby .map-area .cover-text { opacity: 0; }
	#nearby .fun-area .item-box { margin-top: 20px; }
}
@media (max-width:640px) {
	#nearby .map-slide, #nearby .map-slide .img { border: none; }
	#nearby .fun-area { padding-top: 20px; }
	#nearby .fun-area #tabs li a { min-width: 0; padding-left: 20px; padding-right: 20px; }
	#nearby .fun-area .item-box { padding: 15px 15px 1px; }
	#nearby .fun-area .item-box .img { display: block; width: 100%; }
	#nearby .fun-area .item-box .main { display: block; width: 100%; padding: 20px 0; }
	#nearby .fun-area .p-sectit { margin-bottom: 10px; }
	#nearby .fun-area #tabs .tab-top { position: relative; }
	#nearby .fun-area #tabs .tab-title { display: block; padding: 12px 20px; color: #fff; font-size: 18px; text-align: left; background-color: #a52300; }
	#nearby .fun-area #tabs .tab-title:before { pointer-events: none; content: ""; position: absolute; top: 20px; right: 20px; width: 12px; height: 12px; border-right: 3px solid #fff; border-top: 3px solid #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
	#nearby .fun-area #tabs .tab-list { opacity: 0; position: absolute; top: 52px; left: 0; z-index: 3; width: 100%; background-color: #fff; }
	#nearby .fun-area #tabs .tab-list li { display: block; }
	#nearby .fun-area #tabs .tab-list li a { display: block; text-align: left; border-radius: 0; }
	#nearby .fun-area #tabs .tab-top.open .tab-title:before { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
	#nearby .fun-area #tabs .tab-top.open .tab-list { opacity: 1; }
	#nearby .fun-area #tabs li.ui-tabs-active a { color: #a52300; background-color: #eee; }
}

/* ==========================================
 ##### Reservation
========================================== */
#reservation p.summary { font-size: 18px; text-align: center; line-height: 30px; padding-bottom: 30px; }
#reservation #leave.bg { padding: 70px 0 80px; background: url("../images/box_bg2.jpg"); }
#reservation .p-sectit { margin-bottom: 40px; position: relative; }
#reservation .p-sectit:before { pointer-events: none; content: ""; position: absolute; bottom: -65px; left: 50%; width: 1px; height: 50px; background-color: #a52300; }
#reservation .form-bottom .btn-wrap { max-width: 400px; }
@media (max-width:991px) {
	#reservation .form-bottom .form-box.code { max-width: none; }
}
@media (max-width:768px) {
	#reservation #leave.bg { padding: 40px 0; }
}
@media (max-width:640px) {
	#reservation #leave.bg { padding: 30px 0 0; }
}

/* ==========================================
 ##### Traffic
========================================== */
#traffic .area-box { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
#traffic .area-box.two { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#traffic .area-box .title { margin: 10px 0; position: relative; padding-left: 70px; color: #a52300; font-size: 24px; line-height: 60px; }
#traffic .area-box .title:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 60px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
#traffic .area-box .title.car:before { background-image: url("../images/traffic_icon1.png"); }
#traffic .area-box .title.train:before { background-image: url("../images/traffic_icon2.png"); }
#traffic .area-box .way-list { font-size: 0; }
#traffic .area-box .box { margin: 15px 0; display: inline-block; width: 50%; vertical-align: top; }
#traffic .area-box .box .txt { position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 18px; border: 1px solid #a52300; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#traffic .area-box .box .txt:before { pointer-events: none; content: ""; position: absolute; top: -8px; left: -8px; width: 84px; height: 84px; border: 7px solid rgba(165, 35, 0, 0); -webkit-border-radius: 50%; border-radius: 50%; -moz-transform: scale(.7); -ms-transform: scale(.7); -webkit-transform: scale(.7); transform: scale(.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#traffic .area-box .box .summary { padding: 5px 0 0 30px; display: inline-block; width: calc(100% - 70px); font-size: 18px; color: #666; line-height: 30px; vertical-align: middle; }
#traffic .area-box .box:hover .txt { color: #fff; background-color: #a52300; }
#traffic .area-box .box:hover .txt:before { border-color: rgba(165, 35, 0, .2); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
#traffic .info-box { position: relative; top: 70px; z-index: 1; margin: 0 auto; padding: 30px 50px; font-size: 0; background-color: #a52300; }
#traffic .info-box .logo { display: inline-block; width: 235px; height: 75px; overflow: hidden; vertical-align: middle; background: url("../images/logo.png") 0 bottom no-repeat; -webkit-background-size: 235px 150px; -o-background-size: 235px 150px; background-size: 235px 150px; }
#traffic .info-box .main { position: relative; display: inline-block; padding-left: 120px; width: calc(100% - 475px); vertical-align: middle; }
#traffic .info-box .main:before { pointer-events: none; content: ""; position: absolute; top: 50%; left: 60px; margin-top: -40px; width: 1px; height: 80px; background-color: #fff; }
#traffic .info-box .main p { margin: 5px 0; font-size: 18px; color: #fff; line-height: 30px; }
#traffic .info-box .main a { color: #fff; }
#traffic .info-box .main a:hover, #traffic .info-box .main .link { color: #fff; text-decoration: underline; }
#traffic .info-box .google-map { display: inline-block; padding: 10px 0; width: 240px; color: #fff; font-size: 18px; text-align: center; border: 1px solid #fff; vertical-align: middle; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#traffic .info-box .google-map:hover { background-color: #fff; color: #333; }
#traffic .google-maps { position: relative; z-index: 0; padding-bottom: 27%; // This is the aspect ratio
height: 0; overflow: hidden; }
#traffic .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: none; }
@media (max-width:768px) {
	.br-xs-hide { display: none; }
	#traffic .area-box .box { display: block; width: 100%; }
	#traffic .info-box { top: auto; padding: 20px; margin-bottom: 20px; }
	#traffic .info-box .logo { display: block; margin: 0 auto; }
	#traffic .info-box .main { display: block; margin: 0 auto; max-width: 440px; width: 100%; padding: 20px 0; }
	#traffic .info-box .main:before { display: none; }
	#traffic .info-box .google-map { display: block; margin: 0 auto; }
}
@media (max-width:640px) {
	#traffic .area-box .title { font-size: 18px; }
	#traffic .google-maps { padding-bottom: 50%; }
}

/* ==========================================
 ##### Visits
========================================== */
#visits .top-area { padding: 50px 0 100px; font-size: 0; }
#visits .top-area .pic { position: relative; display: inline-block; width: 550px; vertical-align: top; }
#visits .top-area .pic .img { position: absolute; bottom: -80px; right: -50px; width: 220px; height: 145px; }
#visits .top-area .main { padding-left: 90px; display: inline-block; width: calc(100% - 550px); vertical-align: top; }
#visits .top-area .box { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
#visits .top-area .box:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#visits .top-area .title { position: relative; padding-left: 50px; color: #a52300; font-size: 24px; }
#visits .top-area .title:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
#visits .top-area .title.open:before { background-image: url("../images/visits_icon1.png"); }
#visits .top-area .title.price:before { background-image: url("../images/visits_icon2.png"); }
#visits .top-area .title.area:before { background-image: url("../images/visits_icon3.png"); }
#visits .top-area .number { padding-left: 50px; font-size: 24px; }
#visits .top-area .summary { padding-left: 50px; font-size: 18px; color: #666; line-height: 30px; }
#visits .guided-tours { padding: 70px 0 30px; background: url("../images/bg3.jpg"); }
#visits .time-wrap { font-size: 0; background-color: #fff; }
#visits .time-wrap .box { display: inline-block; width: 50%; font-size: 18px; color: #fff; text-align: center; vertical-align: top; }
#visits .time-wrap .box .title { padding: 10px; }
#visits .time-wrap .box:first-child .title { background-color: #cf7b64; }
#visits .time-wrap .box:last-child .title { background-color: #a52300; }
#visits .time-wrap .box .summary { margin: 0; position: relative; padding: 20px 0; color: #555; font-size: 18px; line-height: 35px; }
#visits .time-wrap .box:first-child .summary { line-height: 105px; }
#visits .time-wrap .box:last-child .summary { position: relative; }
#visits .time-wrap .box .summary:before, #visits .time-wrap .box:first-child .summary:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #eee; }
#visits .time-wrap .box:first-child .summary:before { left: auto; right: -1px; }
#visits .info-wrap { padding: 30px 0; font-size: 0; }
#visits .info-wrap .title { margin-bottom: 10px; position: relative; padding-left: 45px; font-size: 24px; }
#visits .info-wrap .title:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 35px; background: url("../images/visits_icon4.png"); -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
#visits .info-wrap .box { display: inline-block; padding-left: 45px; width: 50%; font-size: 17px; color: #666; line-height: 22px; }
#visits .down-area { position: relative; padding: 70px 0; font-size: 0; background: url("../images/box_bg.jpg"); }
#visits .down-area .cover-bg { pointer-events: none; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#visits .down-area .box { display: inline-block; width: 50%; vertical-align: top; }
#visits .down-area .summary { font-size: 17px; line-height: 30px; }
@media (max-width:1024px) {
	#visits .top-area { padding: 20px 0 30px; }
	#visits .top-area .pic { width: 350px; }
	#visits .top-area .main { width: calc(100% - 350px); }
	#visits .guided-tours { padding: 40px 0 20px; }
	#visits .down-area { padding: 40px 0; }
}
@media (max-width:768px) {
	#visits .top-area { padding: 10px 0 30px; }
	#visits .top-area .pic { display: block; margin: 0 auto; max-width: 350px; width: 100%; }
	#visits .top-area .pic .img { display: none; }
	#visits .top-area .main { display: block; width: 100%; padding: 20px 0 0; }
	#visits .top-area .title { padding-left: 30px; font-size: 20px; }
	#visits .top-area .summary, #visits .top-area .number { padding-left: 30px; font-size: 18px; }
	#visits .top-area .title:before { top: 5px; width: 20px; height: 20px; }
	#visits .guided-tours { padding: 40px 0 20px; }
	#visits .down-area { padding: 40px 0; }
	#visits .info-wrap { padding-bottom: 0; }
	#visits .info-wrap .box, #visits .down-area .box { display: block; width: 100%; }
	#visits .down-area { padding-bottom: 10px; }
	#visits .down-area .box { margin-bottom: 20px; }
	#visits .info-wrap .title { font-size: 20px; }
	#visits .info-wrap .title:before { left: 5px; width: 28px; height: 28px; }
}
@media (max-width:640px) {
	#visits .down-area { padding: 30px 0 0; }
}

/* ==========================================
 ##### POPUP 3D
========================================== */
#product-3D { padding: 70px 0; background: #fff; margin: auto; }
#product-3D .subject { position: relative; margin-bottom: 30px; padding-bottom: 5px; color: #a52300; font-size: 24px; text-align: center; }
#product-3D .subject:before { pointer-events: none; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -12px; width: 24px; height: 1px; background-color: #a52300; }
#product-3D .around { position: relative; max-width: 1280px; height: auto !important; border: 1px solid #ddd; }
#product-3D .around .around-back { display: block; opacity: 0; }
#product-3D .around .around-spinner { position: absolute; width: 60px; height: 60px; background: none; top: 50%; left: 50%; margin: -30px 0 0 -30px !important; border-radius: 0 !important; text-align: center; font-size: 0.875rem; }
#product-3D .around .around-spinner span { opacity: 1; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); color: #888; }
#product-3D .around .around-view { position: absolute; width: calc(100% - 20px); height: 100%; top: 0; left: 10px; }
#product-3D .around .around-view img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#product-3D .around .around-view img.previous-image { visibility: hidden; }
#product-3D .around .around-view img.current-image { visibility: visible; }
#product-3D .around-control { padding-top: 20px; font-size: 0; text-align: center; }
#product-3D .around-control a { display: inline-block; line-height: 50px; font-size: 17px; color: #888; border-radius: 4px; vertical-align: top; margin: 0 5px; padding: 6px 20px; transition: background .2s, box-shadow .2s; -moz-transition: background .2s, box-shadow .2s; -webkit-transition: background .2s, box-shadow .2s; text-decoration: underline; }
#product-3D .around-control a.control:hover, #product-3D .around-control a.control:active { color: #a52300; }
#product-3D .around-control a.control i.fa { margin: 0 10px; }
#product-3D .around-control .box { position: relative; display: inline-block; width: 60px; height: 60px; vertical-align: middle; }
#product-3D .around-control a.play { position: absolute; top: 0; left: 0; margin: 0; width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; background-color: #a52300; line-height: 50px; text-align: center; }
#product-3D .around-control a.play i.fa { position: relative; left: 2px; }
#product-3D .around-control a.pause { display: none; position: absolute; top: 0; left: 0; margin: 0; width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; background-color: #333; line-height: 50px; text-align: center; }
#product-3D .around-control a.pause.show { display: block; }
@media (max-width:1199px) {
	#product-3D { padding: 20px 0; }
	#product-3D .subject { line-height: 26px; font-size: 1rem; padding: 10px 15px; }
	#product-3D .mfp-close { top: 1px; right: 1px; }
}
@media (max-width:767px) {
	#product-3D .around-control a { font-size: 0.9375rem; padding: 4px 10px; }
	#product-3D .around-control a i.fa { margin-right: 4px; }
}
@media (max-width:419px) {
	#product-3D .around-control a { font-size: 0; }
	#product-3D .around-control a i.fa { display: inline-block; font-size: 0.89375rem; margin: 0; vertical-align: middle; }
}

/* ==========================================
 ##### Collections View
========================================== */
.collections-bg { background-color: #F8F4F2; }
#collections-view { position: relative; overflow: hidden; }
#collections-view .cover-text { pointer-events: none; position: absolute; z-index: 0; top: 600px; left: 0; text-align: right; width: 100%; font-family: "Times New Roman", serif; font-size: 150px; text-transform: uppercase; line-height: 100%; color: rgba(255, 255, 255, .5); }
#collections-view .top-area { padding-bottom: 70px; font-size: 0; }
#collections-view .top-area .left { position: relative; z-index: 1; display: inline-block; width: calc(100% - 570px); vertical-align: top; }
#collections-view .top-area .right { position: relative; z-index: 1; padding-left: 60px; display: inline-block; width: 570px; vertical-align: top; }
#collections-view .top-area .goods-title { font-size: 40px; }
#collections-view .top-area .top { position: relative; padding-left: 10px; }
#collections-view .top-area .icon-360 { position: absolute; top: 24px; right: 0; padding-left: 49px; color: #666; font-size: 15px; width: 90px; height: 19px; background: url("../images/icon_360.png") 0 0 no-repeat; -webkit-background-size: 44px 19px; -o-background-size: 44px 19px; background-size: 44px 19px; line-height: 19px; }
#collections-view .top-area .summary { border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 10px 0 10px 10px; padding: 20px 0; font-size: 16px; line-height: 30px; color: #666; }
#collections-view .top-area .down { padding: 10px; font-size: 0; }
#collections-view .top-area .down .btn-back { display: inline-block; vertical-align: middle; width: 244px; height: 54px; line-height: 52px; border: 1px solid #a52300; color: #fff; font-size: 1.0625rem; text-align: center; background-color: #a52300; -moz-transition: background 0.25s, color 0.25s; -o-transition: background 0.25s, color 0.25s; -webkit-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; }
#collections-view .top-area .down .btn-back:hover { border: 1px solid #c5350e; background-color: #c5350e; }
#collections-view .top-area .down .share-list { width: calc(100% - 244px); }
@media (max-width:1024px) {
	#collections-view .cover-text { opacity: 0; }
	#collections-view .top-area { padding-bottom: 20px; }
	#collections-view .top-area .left { width: 400px; }
	#collections-view .top-area .right { padding-left: 20px; width: calc(100% - 400px); }
	#collections-view .top-area .goods-title { font-size: 30px; padding-bottom: 10px; }
	#collections-view .top-area .summary { margin-top: 0; padding-top: 10px; }
}
@media (max-width:768px) {
	#collections-view .top-area .left { display: block; margin: 0 auto; max-width: 500px; width: 100%; }
	#collections-view .top-area .right { display: block; width: 100%; padding: 20px 0 0; }
}
@media (max-width:768px) {
	#collections-view .top-area { padding-top: 20px; }
	#collections-view .top-area .goods-title { display: inline-block; width: calc(100% - 100px); font-size: 20px; }
	#collections-view .top-area .icon-360 { display: inline-block; position: relative; top: auto; right: auto; }
	#collections-view .top-area .summary { margin: 0; padding: 10px; }
	#collections-view .top-area .down .share-list { display: block; width: 100%; }
	#collections-view .top-area .down .btn-back { display: block; margin: 20px auto 0; }
}

/* ==========================================
 ##### Share
========================================== */
.share-list { display: inline-block; font-size: 0; vertical-align: middle; }
.share-list .txt { display: inline-block; padding-right: 5px; font-size: 12px; line-height: 35px; color: #aaa; vertical-align: top; }
.share-list .list { display: inline-block; vertical-align: top; }
.share-list li { display: inline-block; margin: 0 0 0 10px; }
.share-list li a { display: block; width: 35px; height: 35px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-size: 35px; -o-background-size: 35px; background-size: 35px; }
.share-list li a.fb { background-color: #3b5998; background-image: url("../images/icon_facebook.png"); }
.share-list li a.line { background-color: #00c300; background-image: url("../images/icon_line.png"); }
.share-list li a.twitter { background-color: #55acee; background-image: url("../images/icon_twitter.png"); }
.share-list li a.google { background-color: #dc4e41; background-image: url("../images/icon_google.png"); }
.share-list li a:hover { opacity: 0.9; }

/* vertical */
.share-list.vertical { position: absolute; top: 20px; left: 10px; }
.share-list.vertical .txt { display: block; padding-right: 0; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr }
.share-list.vertical .list { display: block; margin-top: 15px; }
.share-list.vertical li { display: block; margin: 10px 0; }
@media (max-width:640px) {
	.share-list { display: block; width: 100%; }
	.share-list li a { width: 30px; height: 30px; -webkit-background-size: 30px; -o-background-size: 30px; background-size: 30px; }
	.share-list .list { display: inline-block; text-align: center; }
	.share-list.vertical { position: relative; top: auto; left: auto; }
	.share-list.vertical .txt { display: block; padding: 0; text-align: center; -webkit-writing-mode: inherit; writing-mode: inherit; vertical-align: middle; }
	.share-list.vertical .list { margin-top: 0; }
	.share-list.vertical li { display: inline-block; margin: 0 5px; }
}

/* ==========================================
 ##### View Templete
========================================== */
.edit-wrap { margin-bottom: 40px; line-height: 30px; }
.edit-wrap a { color: #a52300; text-decoration: underline; }
.edit-wrap img { max-width: 100% !important; }
.view-wrap { position: relative; padding: 15px 0 70px 80px; margin: 0 auto; max-width: 1280px; }
.view-wrap .view-title { position: relative; margin-bottom: 30px; padding: 0 0 20px; font-size: 30px; border-bottom: 1px solid #333; line-height: 44px; }
.view-wrap .view-title.icon { padding-left: 60px; }
.view-wrap .view-title.icon:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; width: 46px; height: 46px; background: url("../images/icon_title.png"); -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.view-wrap .btn-back { display: block; margin: 0 auto; vertical-align: middle; width: 244px; height: 54px; line-height: 52px; border: 1px solid #333; color: #fff; font-size: 1.0625rem; text-align: center; background-color: #a52300; -moz-transition: background 0.25s, color 0.25s; -o-transition: background 0.25s, color 0.25s; -webkit-transition: background 0.25s, color 0.25s; transition: background 0.25s, color 0.25s; }
.view-wrap .btn-back:hover { border: 1px solid #a52300; background-color: #a52300; }
.education-bg { background-color: #f8f4f2; }
.education-bg .view-wrap .view-title { border-color: #ddd; }
.education-bg .edit-wrap { margin-bottom: 10px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.education-bg .down-area { font-size: 0; }
.education-bg .down-area .left { display: inline-block; width: calc(100% - 300px); vertical-align: middle; }
.education-bg .down-area .left div { margin: 15px 0; }
.education-bg .down-area .left a { font-size: 18px; }
.education-bg .down-area .left a .title { display: inline-block; margin-right: 30px; color: #6a412c; }
.education-bg .down-area .left a:hover .text { color: #a52300; text-decoration: underline; }
.education-bg .down-area .right { display: inline-block; width: 300px; text-align: right; vertical-align: middle; }
.education-bg .down-area .right .btn-back { display: inline-block; }
@media (max-width:768px) {
	.education-bg .down-area .left, .education-bg .down-area .right { display: block; width: 100%; padding: 0; }
	.education-bg .down-area .right { padding-top: 20px; text-align: center; }
}
@media (max-width:640px) {
	.view-wrap { padding: 0 0 30px; }
	.view-wrap .view-title { margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; line-height: 30px; }
	.edit-wrap { margin-top: 20px; }
	.education-bg .down-area .left .text { display: block; }
}

/* ==========================================
 ##### Course View
========================================== */
#course-view { padding-bottom: 50px; background-color: #f8f4f2; }
#course-view .box-wrap { margin: 10px 0 30px; padding: 40px 50px 30px; background-color: #fff; border-left: 4px solid #a52300; }
#course-view .box-wrap .subject { margin-bottom: 10px; font-size: 0; }
#course-view .box-wrap .subject .left { font-size: 30px; display: inline-block; width: calc(100% - 200px); vertical-align: middle; }
#course-view .box-wrap .subject .fa { color: #a52300; }
#course-view .box-wrap .right { display: inline-block; vertical-align: middle; width: 200px; }
#course-view .box-wrap .right a { font-size: 1.0625rem; height: 45px; line-height: 45px; border: none; text-align: center; display: block; vertical-align: middle; width: 100%; color: #fff; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; background: #a52300; -webkit-border-radius: 4px; border-radius: 4px; }
#course-view .box-wrap .right a:hover { background-color: #c5350e; }
#course-view .box-wrap .box { font-size: 0; padding: 15px 0; border-bottom: 1px dotted #ddd; }
#course-view .box-wrap .box .title { display: inline-block; width: 120px; color: #6a412c; font-size: 17px; vertical-align: top; line-height: 30px; }
#course-view .box-wrap .box .txt { display: inline-block; width: calc(100% - 120px); vertical-align: top; font-size: 17px; line-height: 30px; }
#course-view .box-wrap .box .price { display: inline-block; font-size: 30px; color: #a52300; font-family: "Times New Roman", serif; font-style: italic; }
#course-view .box-wrap .box:last-child { border-bottom: none; }
#course-edit { padding: 50px 0; }
#course-edit .p-sectit { margin-bottom: 30px; border-bottom: 1px solid #333; }
@media (max-width:1024px) {
	#course-view { padding-bottom: 20px; }
	#course-view .box-wrap { padding: 20px 30px  10px; }
	#course-view .box-wrap .subject .left { font-size: 24px; }
}
@media (max-width:640px) {
	#course-view .box-wrap .subject { margin-bottom: 0; }
	#course-view .box-wrap .subject .left, #course-view .box-wrap .subject .right { display: block; width: 100%; }
	#course-view .box-wrap .subject .left { margin-bottom: 10px; }
	#course-view .box-wrap .box .title, #course-view .box-wrap .box .txt { display: block; width: 100%; }
	#course-view .box-wrap .box .title { margin-bottom: 10px; }
}

/* keyframe */
@-webkit-keyframes ani_fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes ani_fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes ani_fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes ani_fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-o-keyframes ani_fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes ani_fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-webkit-keyframes ani_flipcard {
	0% { opacity: 0; -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
	100% { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@-o-keyframes ani_flipcard {
	0% { opacity: 0; -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
	100% { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@keyframes ani_flipcard {
	0% { opacity: 0; -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
	100% { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@-webkit-keyframes ani_jump {
	0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -moz-transform: translateY(1px); -ms-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); }
}
@-o-keyframes ani_jump {
	0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -moz-transform: translateY(1px); -ms-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); }
}
@keyframes ani_jump {
	0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -moz-transform: translateY(1px); -ms-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); }
}
@-webkit-keyframes ani_slideZoom {
	0% { -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes ani_slideZoom {
	0% { -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes ani_slideZoom {
	0% { -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes ani_slideZoom_opacity {
	0% { opacity: 0; -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes ani_slideZoom_opacity {
	0% { opacity: 0; -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes ani_slideZoom_opacity {
	0% { opacity: 0; -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
	100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes ani_navbtn_zoomOut {
	0% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
	100% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
}
@-o-keyframes ani_navbtn_zoomOut {
	0% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
	100% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
}
@keyframes ani_navbtn_zoomOut {
	0% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
	100% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
}
@-webkit-keyframes ani_navbtn_zoomIn {
	0% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
	100% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
}
@-o-keyframes ani_navbtn_zoomIn {
	0% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
	100% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
}
@keyframes ani_navbtn_zoomIn {
	0% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
	100% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
}
@-webkit-keyframes ani_navbtn_zoomIn_close1 {
	0% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
	100% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
}
@-o-keyframes ani_navbtn_zoomIn_close1 {
	0% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
	100% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
}
@keyframes ani_navbtn_zoomIn_close1 {
	0% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
	100% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
}
@-webkit-keyframes ani_navbtn_zoomIn_close2 {
	0% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
	100% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
}
@-o-keyframes ani_navbtn_zoomIn_close2 {
	0% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
	100% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
}
@keyframes ani_navbtn_zoomIn_close2 {
	0% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
	100% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
}
@-webkit-keyframes ani_navbtn_zoomOut_close1 {
	0% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
	100% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
}
@-o-keyframes ani_navbtn_zoomOut_close1 {
	0% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
	100% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
}
@keyframes ani_navbtn_zoomOut_close1 {
	0% { -moz-transform: scaleX(1) rotate(45deg); -ms-transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); transform: scaleX(1) rotate(45deg); }
	100% { -moz-transform: scaleX(0) rotate(45deg); -ms-transform: scaleX(0) rotate(45deg); -webkit-transform: scaleX(0) rotate(45deg); transform: scaleX(0) rotate(45deg); }
}
@-webkit-keyframes ani_navbtn_zoomOut_close2 {
	0% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
	100% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
}
@-o-keyframes ani_navbtn_zoomOut_close2 {
	0% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
	100% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
}
@keyframes ani_navbtn_zoomOut_close2 {
	0% { -moz-transform: scaleX(1) rotate(-45deg); -ms-transform: scaleX(1) rotate(-45deg); -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }
	100% { -moz-transform: scaleX(0) rotate(-45deg); -ms-transform: scaleX(0) rotate(-45deg); -webkit-transform: scaleX(0) rotate(-45deg); transform: scaleX(0) rotate(-45deg); }
}
@-webkit-keyframes ani_sideAreaIn {
	0% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes ani_sideAreaIn {
	0% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes ani_sideAreaIn {
	0% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes ani_sideAreaOut {
	0% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	100% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@-o-keyframes ani_sideAreaOut {
	0% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	100% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@keyframes ani_sideAreaOut {
	0% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	100% { opacity: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@-webkit-keyframes ani_searchIn {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 250px; }
}
@-o-keyframes ani_searchIn {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 250px; }
}
@keyframes ani_searchIn {
	0% { opacity: 0; width: 0; }
	100% { opacity: 1; width: 250px; }
}
@-webkit-keyframes ani_searchOut {
	0% { opacity: 1; width: 250px; }
	100% { opacity: 0; width: 0; }
}
@-o-keyframes ani_searchOut {
	0% { opacity: 1; width: 250px; }
	100% { opacity: 0; width: 0; }
}
@keyframes ani_searchOut {
	0% { opacity: 1; width: 250px; }
	100% { opacity: 0; width: 0; }
}