/* @mixin filter($filterNum){
	-webkit-filter: grayscale($filterNum);
	-moz-filter: grayscale($filterNum);
	-ms-filter: grayscale($filterNum);
	-o-filter: grayscale($filterNum);
	filter: grayscale($filterNum);
	filter: gray;
} */
/* ---------resetStart---------- */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; text-decoration: none; }
a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; text-transform: none; }

select { text-transform: none; }

button, html input[type="button"] { -webkit-appearance: button; cursor: pointer; }

input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }
input::-moz-focus-inner { border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

ol, ul { list-style: none; }

/* ----------^resetEnd^---------- */
*, *:before, *:after { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body, html { position: relative; background-color: #f9f9f9; width: 100%; height: 100%; font-family: "Microsoft JhengHei", "PMingLiU", "Arial Unicode MS", sans-serif; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; }

#loading { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #ededed; text-align: center; z-index: 50; }

#loading img { margin-top: 20%; }

.wrap { width: 100%; height: auto; position: relative; overflow: hidden; }

.content { width: 100%; height: auto; background-color: #f9f9f9; }

.topBtn { display: none; width: 63px; height: 63px; overflow: hidden; background-image: url("../images/pageTopBtn.png"); background-position: 50% 0%; position: fixed; bottom: 40px; right: 30px; z-index: 10; cursor: pointer; }
.topBtn span { width: 63px; height: 63px; display: block; background-image: url("../images/pageTopBtn.png"); background-position: 50% 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.topBtn:hover span { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
@media screen and (max-width: 1024px) { .topBtn:hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }

.movingOpacity.on, .movingLevel.on, .movingVertical.on, .movingLevelLeft.on { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.movingOpacity { -moz-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.5s; transition: all 0.5s ease-in-out 0.5s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.movingLevel { -moz-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.5s; transition: all 0.5s ease-in-out 0.5s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transform: translateX(20px); }

.movingLevelLeft { -moz-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.5s; transition: all 0.5s ease-in-out 0.5s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transform: translateX(-20px); }

.movingVertical { -moz-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.5s; transition: all 0.5s ease-in-out 0.5s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transform: translateY(20px); }

.take2Continuous1, .take2Continuous2, .take2Continuous3, .take2Continuous4, .take2Continuous5, .take2Continuous6 { -moz-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.5s; transition: all 0.5s ease-in-out 0.5s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transform: translateY(-20px); }

.take2Continuous1.on { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2Continuous2.on { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2Continuous3.on { -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2Continuous4.on { -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2Continuous5.on { -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2Continuous6.on { -moz-transition-delay: 1.8s; -o-transition-delay: 1.8s; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2SortedMove1, .take2SortedMove3, .take2SortedMove5, .take2SortedMove7 { -moz-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.5s; transition: all 0.5s ease-in-out 0.5s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transform: translate(-20px, 20px); }

.take2SortedMove2, .take2SortedMove4, .take2SortedMove6 { -moz-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.5s; transition: all 0.5s ease-in-out 0.5s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transform: translate(-20px, -20px); }

.take2SortedMove1.on { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2SortedMove2.on { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2SortedMove3.on { -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2SortedMove4.on { -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2SortedMove5.on { -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2SortedMove6.on { -moz-transition-delay: 1.8s; -o-transition-delay: 1.8s; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.take2SortedMove7.on { -moz-transition-delay: 2.1s; -o-transition-delay: 2.1s; -webkit-transition-delay: 2.1s; transition-delay: 2.1s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate(0, 0); }

.menuGroup { width: 100%; height: 100%; position: relative; }

.menuBtn { width: 42px; height: 30px; border: 1px solid #bf9d5a; position: fixed; top: 10px; right: 15px; z-index: 24; cursor: pointer; font-family: "Arial"; font-size: 10px; color: #bf9d5a; text-align: center; line-height: 80px; letter-spacing: -0.1em; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.menuBtn .line { width: 20px; height: 3px; background-color: #bf9d5a; position: absolute; left: 10px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.menuBtn .line:nth-child(1) { top: 6.5px; }
.menuBtn .line:nth-child(2) { top: 12.5px; }
.menuBtn .line:nth-child(3) { top: 18.5px; }

.menu { width: 214px; height: 100%; background-color: #fff; -moz-box-shadow: rgba(0, 0, 0, 0.2) -3px 0px 3px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) -3px 0px 3px 0px; box-shadow: rgba(0, 0, 0, 0.2) -3px 0px 3px 0px; position: fixed; top: 0; right: -220px; z-index: 23; }
.menu > h1 { width: 156px; height: 76px; white-space: nowrap; text-indent: 100%; overflow: hidden; display: block; margin: 0 auto; margin-top: 50px; cursor: pointer; }
.menu > h1 > a { background: url("../images/indexLogo.png"); width: 156px; height: 76px; display: block; }
.menu > ul { width: auto; margin-top: 115px; }
@media screen and (max-height: 769px) { .menu > ul { margin-top: 30px; } }
.menu > ul > li { width: 100%; height: auto; text-align: center; margin-top: 12px; }
@media screen and (max-height: 769px) { .menu > ul > li { margin-top: 9px; } }
.menu > ul > li > a { width: 100%; height: auto; display: block; font-size: 16px; font-weight: bold; color: #737373; line-height: 30px; text-decoration: none; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
@media screen and (max-height: 769px) { .menu > ul > li > a { font-size: 14px; line-height: 26px; } }
.menu > ul > li > a:hover { background-color: #e4d5b7; color: #111; }
.menu .info { width: 90%; height: auto; position: absolute; left: 5%; bottom: 25px; border-top: 1px solid #cfc1a5; padding-top: 30px; }
@media screen and (max-height: 769px) { .menu .info { padding-top: 15px; } }
.menu .info > ul { width: auto; text-align: center; }
.menu .info > ul > li { font-size: 12px; font-family: "PMingLiU"; color: #bf9d5a; line-height: 20px; }
.menu .info > ul > li:nth-child(5) { margin-top: 15px; }
@media screen and (max-height: 769px) { .menu .info > ul > li:nth-child(5) { margin-top: 5px; } }
.menu .info > ul > li a { font-size: 12px; color: #bf9d5a; text-decoration: none; }
.menu .info > ul > li a:hover { color: #111; }

.hotCase { width: 352px; height: 132px; background-color: #fff; border: 1px solid #cdae71; position: fixed; bottom: 50px; right: -360px; z-index: 22; }
.hotCase:hover li:nth-child(1) { background-position: 50% 100%; }
.hotCase > ul { width: auto; }
.hotCase > ul > li { float: left; margin-left: 13px; margin-top: 17px; position: relative; overflow: hidden; }
.hotCase > ul > li:nth-child(1) { width: 15px; height: 15px; overflow: hidden; margin-left: 5px; margin-top: 58.5px; background-image: url("../images/indexHotCaseArrow.png"); background-position: 50% 0%; }
.hotCase > ul > li > a { width: auto; height: auto; }
.hotCase > ul > li > a > span { width: 98px; height: 98px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0px; left: 0px; font-size: 14px; color: #fff; opacity: 0; letter-spacing: 0.1em; display: flex; justify-content: center; align-items: center; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.hotCase > ul > li > a:hover span { opacity: 1; }

.mobileMenuAllBox { display: none; }

@media screen and (max-width: 1024px) { .menuGroup { display: none; }
  .mobileMenuAllBox { display: block; width: 100%; height: 50px; background-color: #ebebeb; position: relative; }
  .mobileHeader { width: 100%; height: 50px; border-top: 1px solid #e9c98b; background-color: #fff; position: fixed; top: 0px; left: 0px; z-index: 24; text-align: center; }
  .mobileHeader .mobileMenuBtn { width: 40px; height: 30px; border: 1px solid #bf9d5a; position: absolute; top: 7.5px; right: 15px; }
  .mobileHeader .mobileMenuBtn .mobileMenuBtnLine { width: 25px; height: 3px; background-color: #bf9d5a; position: absolute; left: 6.5px; }
  .mobileHeader .mobileMenuBtn .mobileMenuBtnLine:nth-child(1) { top: 7.5px; }
  .mobileHeader .mobileMenuBtn .mobileMenuBtnLine:nth-child(2) { top: 13.5px; }
  .mobileHeader .mobileMenuBtn .mobileMenuBtnLine:nth-child(3) { top: 19.5px; }
  .mobileHeader > h1 { font-size: 24px; color: #bf9d5a; line-height: 50px; font-weight: lighter; letter-spacing: 0.05em; } }
@media screen and (max-width: 1024px) and (max-width: 736px) { .mobileHeader > h1 { font-size: 20px; } }
@media screen and (max-width: 1024px) { .mobileHeader .mobileLogo { position: absolute; top: 5px; left: 15px; }
  .mobileHeader .mobileLogo a { display: block; width: 40px; height: 40px; }
  .mobileMenu { display: none; width: 100%; height: calc(100% - 90px); background-color: rgba(255, 255, 255, 0.95); position: fixed; top: 50px; left: 0px; z-index: 23; }
  .mobileMenu > ul { width: 80%; margin: 0 auto; margin-top: 50px; } }
@media screen and (max-width: 1024px) and (max-width: 736px) { .mobileMenu > ul { margin-top: 30px; } }
@media screen and (max-width: 1024px) { .mobileMenu > ul > li { width: auto; height: auto; border-bottom: 1px solid #c2c2c2; text-align: center; }
  .mobileMenu > ul > li > a { display: block; width: 100%; height: 70px; font-size: 30px; font-weight: lighter; color: #737373; line-height: 70px; text-decoration: none; } }
@media screen and (max-width: 1024px) and (max-width: 736px) { .mobileMenu > ul > li > a { height: 40px; font-size: 18px; line-height: 40px; } }

footer { width: 100%; height: 155px; background-color: #383838; position: relative; }
footer .info { display: inline-block; height: 30px; overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -327.6px; }
footer .info > ul { margin: 0 auto; display: inline-block; float: left; overflow: hidden; }
footer .info > ul > li { width: 30px; height: 30px; float: left; }
footer .info > ul > li:nth-child(1) { margin-right: 10px; }
footer .info > ul > li:nth-child(1) > a { background-image: url("../images/footerIcon_general.png"); background-position: 0% 50%; }
footer .info > ul > li:nth-child(1) > a:hover span { opacity: 1; }
footer .info > ul > li:nth-child(1) > a span { opacity: 0; background-image: url("../images/footerIcon_reaction.png"); background-position: 0% 50%; }
footer .info > ul > li:nth-child(2) > a { background-image: url("../images/footerIcon_general.png"); background-position: 100% 50%; }
footer .info > ul > li:nth-child(2) > a:hover span { opacity: 1; }
footer .info > ul > li:nth-child(2) > a span { opacity: 0; background-image: url("../images/footerIcon_reaction.png"); background-position: 100% 50%; }
footer .info > ul > li > a { display: block; width: 30px; height: 30px; }
footer .info > ul > li > a span { display: block; width: 30px; height: 30px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
footer .info > p { display: inline-block; color: #fff; line-height: 30px; margin-left: 20px; font-style: 17px; color: #d6d6d6; letter-spacing: 0.03em; font-family: Myriad Pro; float: left; }
footer .info > p span { font-weight: bold; }
footer .info .unique { display: inline-block; }
footer .info .unique > a { color: #fff; margin-left: 5px; line-height: 30px; font-style: 17px; color: #d6d6d6; letter-spacing: 0.03em; font-family: Myriad Pro; }
footer .info .unique > a:hover { color: #fff; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.wrap { background-color: #fff; }

.content { background-color: #fff; }

.take1 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; background-image: url("../images/02/take01_bg.jpg"); background-position: 50% 0%; background-size: cover; -moz-transform-origin: 50% 10%; -ms-transform-origin: 50% 10%; -webkit-transform-origin: 50% 10%; transform-origin: 50% 10%; margin-bottom: 35px; }
.take1 .take1Contene { width: 1280px; height: 875px; margin: 0 auto; position: relative; }
@media screen and (max-width: 1024px) { .take1 .take1Contene { width: 1024px; } }
.take1 .take1Contene > h1 { white-space: nowrap; text-indent: 100%; overflow: hidden; background: url("../images/02/take01_title.png"); width: 265px; height: 65px; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; position: absolute; top: 445px; left: 145px; }
@media screen and (max-width: 1024px) { .take1 .take1Contene > h1 { left: 70px; } }
.take1 .take1Contene > h3 { white-space: nowrap; text-indent: 100%; overflow: hidden; background: url("../images/02/take01-2_title.png"); width: 210px; height: 40px; position: absolute; top: 525px; left: 170px; }
@media screen and (max-width: 1024px) { .take1 .take1Contene > h3 { left: 100px; } }

.take2 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 40px; }
.take2 .take2Contene { width: 1160px; height: 265px; margin: 0 auto; position: relative; overflow: hidden; }
@media screen and (max-width: 1366px) { .take2 .take2Contene { width: 1024px; } }
.take2 .take2Contene .take2ConteneBtn { width: 50px; height: 265px; overflow: hidden; cursor: pointer; }
@media screen and (max-width: 1366px) { .take2 .take2Contene .take2ConteneBtn { height: 231px; } }
.take2 .take2Contene .take2ConteneBtn > span { width: 12px; height: 265px; display: block; }
@media screen and (max-width: 1366px) { .take2 .take2Contene .take2ConteneBtn > span { height: 231px; } }
.take2 .take2Contene .take2ConteneBtn > nav { width: 20px; height: 35px; margin-top: 115px; background-image: url("../images/arrowRL.png"); background-repeat: no-repeat; }
@media screen and (max-width: 1366px) { .take2 .take2Contene .take2ConteneBtn > nav { margin-top: 98px; } }
.take2 .take2Contene .take2ConteneLBtn { float: left; }
.take2 .take2Contene .take2ConteneLBtn:hover > span { border-left: 1px solid #4e4e4e; }
.take2 .take2Contene .take2ConteneLBtn:hover > nav { background-position: 0% 100%; }
.take2 .take2Contene .take2ConteneLBtn > span { float: right; border-left: 1px solid #dbdbdb; }
.take2 .take2Contene .take2ConteneLBtn > nav { float: right; margin-right: 2px; background-position: 0% 0%; }
.take2 .take2Contene .take2ConteneRBtn { float: right; }
.take2 .take2Contene .take2ConteneRBtn:hover > span { border-right: 1px solid #4e4e4e; }
.take2 .take2Contene .take2ConteneRBtn:hover > nav { background-position: 100% 100%; }
.take2 .take2Contene .take2ConteneRBtn > span { float: left; border-right: 1px solid #dbdbdb; }
.take2 .take2Contene .take2ConteneRBtn > nav { float: left; margin-left: 2px; background-position: 100% 0%; }
.take2 .take2Contene .take2ConteneHotCaseMenu { width: 1060px; overflow: hidden; position: absolute; top: 0; left: 50px; }
@media screen and (max-width: 1366px) { .take2 .take2Contene .take2ConteneHotCaseMenu { width: 924px; } }
.take2 .take2Contene .take2ConteneHotCaseMenu > ul { min-width: 1060px; width: 9999px; overflow: hidden; position: relative; background-image: url("../images/02/take02_btnBg.jpg"); background-repeat: repeat-x; }
@media screen and (max-width: 1366px) { .take2 .take2Contene .take2ConteneHotCaseMenu > ul { min-width: 924px; background-size: 50%; } }
.take2 .take2Contene .take2ConteneHotCaseMenu > ul > li { float: left; display: block; width: 265px; height: 265px; position: relative; cursor: pointer; 				/*@include transition(all 0.3s);
				&:nth-child(odd){
					-webkit-filter: grayscale(100%) brightness(90%);
					filter: grayscale(100%) brightness(90%);
				}
				&:nth-child(even){
					-webkit-filter: grayscale(100%) brightness(100%);
					filter: grayscale(100%) brightness(100%);
				} 			&:hover{ 				-webkit-filter: grayscale(0%) brightness(100%); 				filter: grayscale(0%) brightness(100%); 			}*/ }
@media screen and (max-width: 1366px) { .take2 .take2Contene .take2ConteneHotCaseMenu > ul > li { width: 231px; height: 231px; } }
.take2 .take2Contene .take2ConteneHotCaseMenu > ul > li > span { width: 100%; height: 100%; background-color: rgba(130, 130, 130, 0.5); position: absolute; top: 0; left: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take2 .take2Contene .take2ConteneHotCaseMenu > ul > li:hover span { background-color: rgba(130, 130, 130, 0); }
.take2 .take2Contene .take2ConteneHotCaseMenu > ul > li span.selected { background-color: rgba(130, 130, 130, 0); }

.takeLoadBox { position: relative; margin-bottom: 60px; }

#takeLoadingPic { width: 100%; height: 100%; background-color: #ededed; position: absolute; top: 0; left: 0; z-index: 30; text-align: center; }
#takeLoadingPic img { margin-top: 5%; }

.take3 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 30px; }
.take3 .take3Contene { width: 95%; height: auto; margin: 0 auto; position: relative; border-bottom: 1px solid #dbdbdb; }
@media screen and (max-width: 1366px) { .take3 .take3Contene { width: 100%; } }
.take3 .take3Contene > h1 { font-size: 48px; color: #3e3e3e; text-align: center; margin-bottom: 30px; }
.take3 .take3Contene .take3InfoBox { width: 1090px; height: auto; margin: 0 auto; margin-bottom: 25px; overflow: hidden; }
@media screen and (max-width: 1366px) { .take3 .take3Contene .take3InfoBox { width: 1024px; } }
.take3 .take3Contene .take3InfoBox .take3InfoBorderTop { width: 100%; height: 25px; border-top: 1px solid #dbdbdb; }
.take3 .take3Contene .take3InfoBox .take3InfoLeft { float: left; width: 50%; height: auto; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; position: relative; }
.take3 .take3Contene .take3InfoBox .take3InfoLeft > h1 { white-space: nowrap; text-indent: 100%; overflow: hidden; background: url("../images/02/take03_title.png"); width: 150px; height: 35px; margin: 60px 0 0 45px; }
.take3 .take3Contene .take3InfoBox .take3InfoLeft > ul { margin: 30px 0 0 45px; }
.take3 .take3Contene .take3InfoBox .take3InfoLeft > ul > li { font-size: 16px; color: #3e3e3e; line-height: 28px; }
.take3 .take3Contene .take3InfoBox .take3InfoRight { float: right; width: 50%; height: auto; border-right: 1px solid #dbdbdb; position: relative; }
.take3 .take3Contene .take3InfoBox .take3InfoRight > h1 { white-space: nowrap; text-indent: 100%; overflow: hidden; background: url("../images/02/take03-1_title.png"); width: 150px; height: 35px; margin: 60px 0 0 45px; }
.take3 .take3Contene .take3InfoBox .take3InfoRight > ul { margin: 30px 0 0 45px; }
.take3 .take3Contene .take3InfoBox .take3InfoRight > ul > li { display: block; font-size: 16px; color: #3e3e3e; margin-bottom: 30px; }
.take3 .take3Contene .take3InfoBox .take3InfoRight > ul > li:last-child { margin-bottom: 0px; }
.take3 .take3Contene .take3InfoBox .take3InfoRight > ul > li > a { display: block; color: #3e3e3e; text-decoration: underline; margin-top: 10px; }
.take3 .take3Contene .take3InfoBox .take3InfoRight > ul > li > a:hover { color: #000; text-decoration: none; }
.take3 .take3Contene .take3InfoBoxHitOpen { width: 1090px; height: auto; margin: 0 auto; margin-bottom: 25px; overflow: hidden; display: none; }
@media screen and (max-width: 1366px) { .take3 .take3Contene .take3InfoBoxHitOpen { width: 1024px; } }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBorderTop { width: 100%; height: 25px; border-top: 1px solid #dbdbdb; }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBoxHitOpenComtent { height: auto; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 65px 50px 0 50px; position: relative; }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBoxHitOpenComtent > h1 { font-size: 32px; font-weight: bold; color: #3e3e3e; letter-spacing: 0.08em; }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBoxHitOpenComtent > h2 { font-size: 18px; font-weight: bold; color: #947a35; letter-spacing: 0.08em; margin-top: 45px; }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBoxHitOpenComtent > h2 > span { text-decoration: underline; }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBoxHitOpenComtent > p { font-size: 16px; color: #3e3e3e; line-height: 28px; margin-top: 30px; }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBoxHitOpenComtent > p > a { color: #3e3e3e; }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBoxHitOpenComtent > p > a:hover { color: #000; }
.take3 .take3Contene .take3InfoBoxHitOpen .take3InfoBoxHitOpenPointTo .take3InfoBoxHitOpenComtent .take3InfoBoxHitOpeBack { text-decoration: underline; font-size: 21px; color: #3e3e3e; position: absolute; right: 25px; bottom: 25px; cursor: pointer; }

.take3InfoSpace { width: 100%; height: 100px; }

.toggleBannerBox { width: 100%; height: auto; }

.take4 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 25px; }
.take4 .take4Contene { width: 95%; height: auto; margin: 0 auto; position: relative; }
.take4 .take4Contene .takeBannerBox { width: 100%; height: auto; background-color: #fff; position: relative; margin: 0 auto; overflow: hidden; }
.take4 .take4Contene .takeBannerBox .takeBannerAll { width: 300%; height: auto; overflow: hidden; position: relative; }
.take4 .take4Contene .takeBannerBox .takeBannerAll .takeBanner { max-width: 33.3%; height: auto; font-size: 0; float: left; }
.take4 .take4Contene .takeBannerBox .takeBannerBar { width: 100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowL.png"); background-position: 100% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #f1f1f1; } }
.take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarName { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarNum { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarNum span.maxPage { color: #8a8a8a; }
.take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowR.png"); background-position: 0% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take4 .take4Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #f1f1f1; } }
.take4 .take4Contene .takeTxtBox { width: 100%; height: auto; margin: 0 auto; padding-bottom: 75px; }
.take4 .take4Contene .takeTxtBox > h1 { text-align: center; margin: 0 auto; margin-top: 70px; margin-bottom: 25px; }
.take4 .take4Contene .takeTxtBox > h1 > p { font-size: 32px; font-weight: bold; color: #3e3e3e; max-height: 999999px; }
.take4 .take4Contene .takeTxtBox > ul { text-align: center; }
.take4 .take4Contene .takeTxtBox > ul > li > p { font-size: 16px; color: #3e3e3e; line-height: 28px; max-height: 999999px; }

.take5 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 25px; }
.take5 .take5Contene { width: 95%; height: auto; margin: 0 auto; position: relative; background-color: #f1f1f1; padding-top: 25px; border-top: 1px solid #dbdbdb; }
.take5 .take5Contene .takeBannerBox { width: 1265px; height: auto; background-color: #fff; position: relative; margin: 0 auto; overflow: hidden; }
@media screen and (max-width: 1366px) { .take5 .take5Contene .takeBannerBox { width: 100%; } }
.take5 .take5Contene .takeBannerBox .takeBannerAll { width: 300%; height: auto; overflow: hidden; position: relative; }
.take5 .take5Contene .takeBannerBox .takeBannerAll .takeBanner { max-width: 33.3%; height: auto; font-size: 0; float: left; }
.take5 .take5Contene .takeBannerBox .takeBannerBar { width: 100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowL.png"); background-position: 100% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #f1f1f1; } }
.take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarName { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarNum { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarNum span.maxPage { color: #8a8a8a; }
.take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowR.png"); background-position: 0% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take5 .take5Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #f1f1f1; } }
.take5 .take5Contene .takeTxtBox { width: 100%; height: auto; margin: 0 auto; padding-bottom: 75px; border-bottom: 1px solid #dbdbdb; }
.take5 .take5Contene .takeTxtBox > h1 { text-align: center; margin: 0 auto; margin-top: 70px; margin-bottom: 25px; }
.take5 .take5Contene .takeTxtBox > h1 > p { font-size: 32px; font-weight: bold; color: #3e3e3e; max-height: 999999px; }
.take5 .take5Contene .takeTxtBox > ul { text-align: center; }
.take5 .take5Contene .takeTxtBox > ul > li > p { font-size: 16px; color: #3e3e3e; line-height: 28px; max-height: 999999px; }

.take6 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 25px; }
.take6 .take6Contene { width: 95%; height: auto; margin: 0 auto; position: relative; }
.take6 .take6Contene .takeBannerBox { width: 100%; height: auto; background-color: #fff; position: relative; margin: 0 auto; overflow: hidden; }
.take6 .take6Contene .takeBannerBox .takeBannerAll { width: 300%; height: auto; overflow: hidden; position: relative; }
.take6 .take6Contene .takeBannerBox .takeBannerAll .takeBanner { max-width: 33.3%; height: auto; font-size: 0; float: left; }
.take6 .take6Contene .takeBannerBox .takeBannerBar { width: 100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowL.png"); background-position: 100% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #f1f1f1; } }
.take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarName { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarNum { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarNum span.maxPage { color: #8a8a8a; }
.take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowR.png"); background-position: 0% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take6 .take6Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #f1f1f1; } }
.take6 .take6Contene .takeTxtBox { width: 100%; height: auto; margin: 0 auto; padding-bottom: 75px; border-bottom: 1px solid #dbdbdb; }
.take6 .take6Contene .takeTxtBox > h1 { text-align: center; margin: 0 auto; margin-top: 70px; margin-bottom: 25px; }
.take6 .take6Contene .takeTxtBox > h1 > p { font-size: 32px; font-weight: bold; color: #3e3e3e; max-height: 999999px; }
.take6 .take6Contene .takeTxtBox > ul { text-align: center; }
.take6 .take6Contene .takeTxtBox > ul > li > p { font-size: 16px; color: #3e3e3e; line-height: 28px; max-height: 999999px; }

.take7 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 25px; }
.take7 .take7Contene { width: 95%; height: auto; margin: 0 auto; position: relative; background-color: #f1f1f1; padding-top: 25px; border-top: 1px solid #dbdbdb; }
.take7 .take7Contene .takeBannerBox { width: 1265px; height: auto; background-color: #fff; position: relative; margin: 0 auto; overflow: hidden; }
@media screen and (max-width: 1366px) { .take7 .take7Contene .takeBannerBox { width: 100%; } }
.take7 .take7Contene .takeBannerBox .takeBannerAll { width: 300%; height: auto; overflow: hidden; position: relative; }
.take7 .take7Contene .takeBannerBox .takeBannerAll .takeBanner { max-width: 33.3%; height: auto; font-size: 0; float: left; }
.take7 .take7Contene .takeBannerBox .takeBannerBar { width: 100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowL.png"); background-position: 100% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #f1f1f1; } }
.take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarName { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarNum { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarNum span.maxPage { color: #8a8a8a; }
.take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowR.png"); background-position: 0% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take7 .take7Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #f1f1f1; } }
.take7 .take7Contene .takeTxtBox { width: 100%; height: auto; margin: 0 auto; padding-bottom: 75px; border-bottom: 1px solid #dbdbdb; }
.take7 .take7Contene .takeTxtBox > h1 { text-align: center; margin: 0 auto; margin-top: 70px; margin-bottom: 25px; }
.take7 .take7Contene .takeTxtBox > h1 > p { font-size: 32px; font-weight: bold; color: #3e3e3e; max-height: 999999px; }
.take7 .take7Contene .takeTxtBox > ul { text-align: center; }
.take7 .take7Contene .takeTxtBox > ul > li > p { font-size: 16px; color: #3e3e3e; line-height: 28px; max-height: 999999px; }

.take8 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 25px; }
.take8 .take8Contene { width: 95%; height: auto; margin: 0 auto; position: relative; }
.take8 .take8Contene .takeBannerBox { width: 100%; height: auto; background-color: #fff; position: relative; margin: 0 auto; overflow: hidden; }
.take8 .take8Contene .takeBannerBox .takeBannerAll { width: 300%; height: auto; overflow: hidden; position: relative; }
.take8 .take8Contene .takeBannerBox .takeBannerAll .takeBanner { max-width: 33.3%; height: auto; font-size: 0; float: left; }
.take8 .take8Contene .takeBannerBox .takeBannerBar { width: 100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowL.png"); background-position: 100% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #f1f1f1; } }
.take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarName { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarNum { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarNum span.maxPage { color: #8a8a8a; }
.take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowR.png"); background-position: 0% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take8 .take8Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #f1f1f1; } }
.take8 .take8Contene .takeTxtBox { width: 100%; height: auto; margin: 0 auto; padding-bottom: 75px; border-bottom: 1px solid #dbdbdb; }
.take8 .take8Contene .takeTxtBox > h1 { text-align: center; margin: 0 auto; margin-top: 70px; margin-bottom: 25px; }
.take8 .take8Contene .takeTxtBox > h1 > p { font-size: 32px; font-weight: bold; color: #3e3e3e; max-height: 999999px; }
.take8 .take8Contene .takeTxtBox > ul { text-align: center; }
.take8 .take8Contene .takeTxtBox > ul > li > p { font-size: 16px; color: #3e3e3e; line-height: 28px; max-height: 999999px; }

.take9 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 25px; }
.take9 .take9Contene { width: 95%; height: auto; margin: 0 auto; position: relative; background-color: #f1f1f1; padding-top: 25px; border-top: 1px solid #dbdbdb; }
.take9 .take9Contene .takeBannerBox { width: 1265px; height: auto; background-color: #fff; position: relative; margin: 0 auto; overflow: hidden; }
@media screen and (max-width: 1366px) { .take9 .take9Contene .takeBannerBox { width: 100%; } }
.take9 .take9Contene .takeBannerBox .takeBannerAll { width: 300%; height: auto; overflow: hidden; position: relative; }
.take9 .take9Contene .takeBannerBox .takeBannerAll .takeBanner { max-width: 33.3%; height: auto; font-size: 0; float: left; }
.take9 .take9Contene .takeBannerBox .takeBannerBar { width: 100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowL.png"); background-position: 100% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #f1f1f1; } }
.take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarName { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarNum { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarNum span.maxPage { color: #8a8a8a; }
.take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowR.png"); background-position: 0% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take9 .take9Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #f1f1f1; } }
.take9 .take9Contene .takeTxtBox { width: 100%; height: auto; margin: 0 auto; padding-bottom: 75px; border-bottom: 1px solid #dbdbdb; }
.take9 .take9Contene .takeTxtBox > h1 { text-align: center; margin: 0 auto; margin-top: 70px; margin-bottom: 25px; }
.take9 .take9Contene .takeTxtBox > h1 > p { font-size: 32px; font-weight: bold; color: #3e3e3e; max-height: 999999px; }
.take9 .take9Contene .takeTxtBox > ul { text-align: center; }
.take9 .take9Contene .takeTxtBox > ul > li > p { font-size: 16px; color: #3e3e3e; line-height: 28px; max-height: 999999px; }

.take10 { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; margin-bottom: 25px; }
.take10 .take10Contene { width: 95%; height: auto; margin: 0 auto; position: relative; }
.take10 .take10Contene .takeBannerBox { width: 100%; height: auto; background-color: #fff; position: relative; margin: 0 auto; overflow: hidden; }
.take10 .take10Contene .takeBannerBox .takeBannerAll { width: 300%; height: auto; overflow: hidden; position: relative; }
.take10 .take10Contene .takeBannerBox .takeBannerAll .takeBanner { max-width: 33.3%; height: auto; font-size: 0; float: left; }
.take10 .take10Contene .takeBannerBox .takeBannerBar { width: 100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowL.png"); background-position: 100% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarArrL:hover { background-color: #f1f1f1; } }
.take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarName { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarNum { width: 25%; height: 75px; background-color: #fff; float: left; font-size: 20px; color: #3e3e3e; text-align: center; line-height: 75px; }
.take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarNum span.maxPage { color: #8a8a8a; }
.take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR { width: 25%; height: 75px; background-color: #f1f1f1; float: left; background-image: url("../images/03/takeArrowR.png"); background-position: 0% 0%; background-repeat: no-repeat; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #b2b2b2; }
@media screen and (max-width: 1366px) { .take10 .take10Contene .takeBannerBox .takeBannerBar .takeBannerBarArrR:hover { background-color: #f1f1f1; } }
.take10 .take10Contene .takeTxtBox { width: 100%; height: auto; margin: 0 auto; padding-bottom: 75px; border-bottom: 1px solid #dbdbdb; }
.take10 .take10Contene .takeTxtBox > h1 { text-align: center; margin: 0 auto; margin-top: 70px; margin-bottom: 25px; }
.take10 .take10Contene .takeTxtBox > h1 > p { font-size: 32px; font-weight: bold; color: #3e3e3e; max-height: 999999px; }
.take10 .take10Contene .takeTxtBox > ul { text-align: center; }
.take10 .take10Contene .takeTxtBox > ul > li > p { font-size: 16px; color: #3e3e3e; line-height: 28px; max-height: 999999px; }

.space { width: 100%; height: 150px; }

.takeBooking { width: 100%; height: auto; background-color: #f9f9f9; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #f1f1f1; margin-bottom: 40px; }
.takeBooking .takeBookingContene { width: 1160px; height: 600px; margin: 0 auto; position: relative; overflow: hidden; }
@media screen and (max-width: 1366px) { .takeBooking .takeBookingContene { width: 1024px; } }
.takeBooking .takeBookingContene > h1 { white-space: nowrap; text-indent: 100%; overflow: hidden; background: url("../images/02/takeBooking_title.png"); width: 145px; height: 35px; position: absolute; top: 60px; left: 50%; margin-left: -72.5px; }
@media screen and (max-width: 1024px) { .takeBooking .takeBookingContene > h1 { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } }
.takeBooking .takeBookingContene .inputBox { margin: 0 auto; padding-top: 140px; }
.takeBooking .takeBookingContene .inputBox .houseSelect { width: 45%; height: 36px; color: #3e3e3e; margin: 0 auto; margin-bottom: 15px; }
.takeBooking .takeBookingContene .inputBox .houseSelect select { width: 100%; text-align: justify; padding: 5px; padding-left: 10px; font-size: 16px; height: 36px; color: #a9a9a9; float: right; background-color: transparent; border: 1px solid #b7b7b7; }
.takeBooking .takeBookingContene .inputBox .houseSelect option { text-align: center; display: block; color: #3d3d3d; background-color: transparent; }
.takeBooking .takeBookingContene .inputBox .inputFill { width: 45%; margin: 0 auto; margin-bottom: 15px; position: relative; color: #b7b7b7; overflow: hidden; }
.takeBooking .takeBookingContene .inputBox .inputFill input { width: 100%; display: block; padding-left: 10px; line-height: 36px; background-color: transparent; font-size: 16px; color: #3e3e3e; border: 1px solid #b7b7b7; -webkit-border-radius: 0px; border-radius: 0px; }
.takeBooking .takeBookingContene .inputBox .inputFill input[type="submit"] { color: #fff; border: 0px; background-color: #7ca757; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.takeBooking .takeBookingContene .inputBox .inputFill input[type="submit"]:hover { background-color: #496433; }
.takeBooking .takeBookingContene .inputBox .inputFill input[class="inputName"] { width: 60%; float: left; }
.takeBooking .takeBookingContene .inputBox .inputFill .radioBox { width: 40%; float: right; }
.takeBooking .takeBookingContene .inputBox .inputFill input[type="radio"] { width: auto; display: inline-block; margin-top: 10px; margin-left: 20%; }
.takeBooking .takeBookingContene .inputBox .inputFill .hourBox { width: 100%; height: 36px; border: 1px solid #b7b7b7; }
.takeBooking .takeBookingContene .inputBox .inputFill .hourBox > p { font-size: 16px; color: #a9a9a9; line-height: 36px; text-indent: 10px; display: inline-block; }
.takeBooking .takeBookingContene .inputBox .inputFill .hourBox input[type="radio"] { margin-left: 8%; }
@media screen and (max-width: 1366px) { .takeBooking .takeBookingContene .inputBox .inputFill .hourBox input[type="radio"] { margin-left: 6%; } }
.takeBooking .takeBookingContene .inputBox .inputFill .dateSelect { width: 49%; height: 36px; float: left; overflow: hidden; border: 1px solid #b7b7b7; }
.takeBooking .takeBookingContene .inputBox .inputFill .dateSelect > p { width: 40%; line-height: 36px; text-indent: 10px; float: left; color: #a9a9a9; }
.takeBooking .takeBookingContene .inputBox .inputFill .dateSelect > input { width: 60%; line-height: 32px; float: right; border: none; color: #3e3e3e; }
.takeBooking .takeBookingContene .inputBox .inputFill .timeSelect { width: 49%; height: 36px; float: right; overflow: hidden; border: 1px solid #b7b7b7; }
.takeBooking .takeBookingContene .inputBox .inputFill .timeSelect > p { width: 40%; line-height: 36px; text-indent: 10px; float: left; color: #a9a9a9; }
.takeBooking .takeBookingContene .inputBox .inputFill .timeSelect > input { width: 60%; line-height: 32px; float: right; border: none; color: #3e3e3e; }
.takeBooking .takeBookingContene .erroeBox { width: 45%; height: 75px; margin: 0 auto; background-color: transparent; border: 1px solid #b7b7b7; color: red; font-size: 16px; line-height: 22px; padding: 10px 10px; overflow: auto; display: none; }

.footerImagery { width: 100%; height: 290px; text-align: center; background-image: url("../images/02/footerImagery.jpg"); background-position: 50% 0%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; margin-bottom: 25px; }
.footerImagery .footerImageryText { display: inline-block; margin-top: 117px; text-align: center; }
.footerImagery .footerImageryText > h1 { font-size: 24px; color: #fff; margin-bottom: 8px; }
.footerImagery .footerImageryText > h2 { font-size: 16px; color: #fff; font-family: "Arrus BT"; }