/* CSS Document */
body, html{ width:100%; height:100vh; margin:0; font-size:16px; line-height:18px;}
/*personal-set*/
ul.square {list-style: square outside;}
ul.circle {list-style: circle outside;}
ul.disc {list-style: disc outside;}
ul.decimal{list-style: decimal outside;}
div,ul,li{ box-sizing:border-box;}
a[data-link-type~="cover"]{ width:100%; height:100%; display:block; position: absolute; top:0; left:0; z-index:10;}
::-webkit-input-placeholder { /* WebKit browsers */color:#535353;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#535353; opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#535353;}
.tLeft{ text-align:left; }
.tRight{ text-align:right; }
.tCenter{ text-align:center; }
.fL{ float:left;}
.fR{ float:right;}
.clr{ clear:both;}
/*reuse*/
#menu{ position:absolute; left:0; top:0; width:310px; height:100vh; min-height:700px; background:url(../images/bg.jpg) repeat; overflow:hidden; z-index:99;}
#menu .logo{ position:relative; background:url(../images/reuse/logo.png) no-repeat; width:87px; height:90px; background-size:87px 90px; margin:57px auto 16px auto;}
#menu .logo-vline{ position:relative; width:1px; height:32px; background-color:#59493f; margin:0 auto 27px auto;}
#menu .menu-list{ width:134px; margin:0 auto;}
#menu .menu-list-item:nth-child(3n){ margin-right:0;}
#menu .menu-list-item.icon01{ background:url(../images/reuse/menu-list-01.png) 50% 3px no-repeat;}
#menu .menu-list-item.icon02{ background:url(../images/reuse/menu-list-02.png) 50% 3px no-repeat;}
#menu .menu-list-item.icon03{ background:url(../images/reuse/menu-list-03.png) 50% 3px no-repeat;}
#menu .menu-list-item.icon04{ background:url(../images/reuse/menu-list-04.png) 50% 3px no-repeat;}
#menu .menu-list-item.icon05{ background:url(../images/reuse/menu-list-05.png) 50% 3px no-repeat;}
#menu .menu-list-item.icon06{ background:url(../images/reuse/menu-list-06.png) 50% 3px no-repeat;}
#menu .menu-list-item{
position:relative;
padding:33px 3px 3px 3px;
margin-right:calc((134px - 108px) / 2);
width:36px;
height:170px;
float:left;
margin-bottom:18px;
border-radius:18px;
overflow:hidden;
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
#menu .menu-list ul:hover > .menu-list-item{ opacity:0.5; transition: all 200ms ease-out;}
#menu .menu-list ul:hover > .menu-list-item:hover { opacity:1; transition: all 200ms ease-out;}
#menu .menu-list-item img{ display:block; width:30px; height:auto; z-index:10; margin:0 auto;}
#menu .about{ background:url(../images/reuse/about.png) 50% 50% no-repeat; width:26px; height:70px; transition:all 200ms ease-out; border-radius:12px; position:absolute; bottom:200px; right:16px;}
#menu .contact{ background:url(../images/reuse/contact.png) 50% 50% no-repeat; width:26px; height:90px; border-radius:13px; position:absolute; bottom:80px; right:16px;}
#menu .about:hover{ opacity:0.5;}
#menu .contact:hover{ opacity:0.5;}
#menu .slash{background:url(../images/reuse/slash.png)50% 50% no-repeat; background-size:22px 22px; width:26px; height:26px; position:absolute; bottom:165px; right:16px;}
#menu .copyright{ color:#7e7469; font-size:0.656em; line-height:1.75em; text-align:right; -webkit-transform : scale(0.875); -webkit-transform-origin: 100% -30px; width:295px; position:absolute; bottom:10px; right:16px;}
/*page-set*/
#wrapper{ /*min-width:1280px;*/ width:100%; height:100%; /*min-height:800px;*/ overflow:hidden;}
#menu-box{ width:100%; height:700px; position:absolute; left:0; top:0;}
.content{ width:100%; min-height:800px;}
.intro{ width:100%; height:100%; /*min-height:800px;*/ position:relative; background:url(../images/bg.jpg) repeat; z-index:999;}
.line-top{ background:#8bb654; width:100%; height:4px; position:fixed; top:0; left:0; z-index:999;}
.line-bottom{ background:#8bb654; width:100%; height:4px; position:fixed; bottom:0; left:0; z-index:999;}
.section-box{ position:relative; left:310px; top:0; width:calc(100% - 310px); min-width:calc(1280px - 310px); height:100%; min-height:800px; z-index:12;}
#godown.section-arrow{ position: fixed; top:calc(100% - 58px); left:calc((100% + 310px) / 2); left:-webkit-calc((100% + 310px) / 2); transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); width:78px; height:78px; background:url(../images/page-arrow.png) no-repeat; background-size:78px 78px; cursor:pointer; display:none;}
#gotop.section-arrow2{ position: fixed; top:calc(100% - 58px); left:calc((100% + 310px) / 2); left:-webkit-calc((100% + 310px) / 2); transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); width:78px; height:78px; background:url(../images/page-arrow2.png) no-repeat; background-size:78px 78px; cursor:pointer; display:none;}
#godown.section-arrow.white{ background:url(../images/page-arrow3.png) no-repeat;}
#gotop.section-arrow2.white{ background:url(../images/page-arrow4.png) no-repeat;}
/*index*/
.index{ /*position:fixed; top:0; left:0; width:100%; height:100%; min-height:800px; min-width:1280px;*/}
.index.page-first{ background:url(../images/page-bg/index-bg-00.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; z-index:11;}
.index.page-end{ background:url(../images/page-bg/index-bg-04.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; z-index:11;}
.index.page-edu{ background-color:#fff; z-index:12;}
.index-btn{ background:url(../images/page-btn.png) no-repeat; position:absolute; width:343px; height:343px; top:50%; left:calc((100% + 310px) / 2); left:-webkit-calc((100% + 310px) / 2); transform:translate(50% 50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:3;}
.index-btn2{ background:url(../images/page-btn2.png) no-repeat; position:absolute; width:343px; height:548px; top:50%; left:calc((100% + 310px) / 2); left:-webkit-calc((100% + 310px) / 2); transform:translate(50% 50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:3;}
.index.section{ overflow:hidden;}
.index.section-box .section-enter{ position:absolute; top:670px; right:124px; width:70px; height:85px; background:url(../images/enter-01.png) no-repeat;}
.index.section-box .section-text-area{ position:absolute; top:400px; right:42px; width:100px; height:308px; padding:108px 20px 0 20px; font-size:0.813em; text-align: center; }
.index.section-box .section-text-area .taketori-col{ width:54px !important; height:auto !important; text-align: left; font-family:"微軟正黑體"; position:absolute !important; left:50%; margin-left:-27px; padding:80px 0 0 0 !important;}
/*index-page-edu*/
.index.page-edu .obj01{ display:none; position:absolute; top:33px; right:240px; width:481px; height:476px; background:url(../images/page-edu-obj01.png) no-repeat;}
.index.page-edu .obj02{ display:none; position:absolute; top:484px; right:196px; width:32px; height:32px; background:url(../images/page-edu-obj02.png) no-repeat;}
.index.page-edu .obj03{ display:none; position:absolute; top:27px; right:-100px; width:442px; height:442px; background:url(../images/page-edu-obj03.png) no-repeat;}
.index.page-edu .obj04{ display:none; position:absolute; top:1000px; right:252px; width:127px; height:142px; background:url(../images/page-edu-obj04.png) no-repeat;}
.index.page-edu .obj05{ display:none; position:absolute; top:1000px; right:386px; width:536px; height:142px; background:url(../images/page-edu-obj05.png) no-repeat;}
.index.page-edu .obj06{ position:absolute; top:333px; left:-600px; width:300px; height:203px; background:url(../images/page-edu-obj06.png) no-repeat;}
.index.page-edu .obj07{ position:absolute; top:-300px; left:23px; width:380px; height:194px; background:url(../images/page-edu-obj07.png) no-repeat;}
.index.page-edu .objcircle{ display:none; position:absolute; top:105px; right:125px; width:522px; height:522px; border-radius:522px; background:url(../images/page-edu-obj01.png) no-repeat; background:rgba(186,199,169,0.1);}
/*index-page-eat*/
.index.page-eat .obj00{ position:absolute; top:0; right:0; width:100%; height:100%; background:url(../images/page-eat-obj00.png) no-repeat;}
.index.page-eat .obj01{ position:absolute; top:33px; right:240px; width:481px; height:476px; background:url(../images/page-edu-obj01.png) no-repeat;}
.index.page-eat .obj02{ position:absolute; top:484px; right:196px; width:32px; height:32px; background:url(../images/page-edu-obj02.png) no-repeat;}
.index.page-eat .obj03{ position:absolute; top:27px; right:93px; width:442px; height:442px; background:url(../images/page-eat-obj03.png) no-repeat;}
.index.page-eat .objcircle{ position:absolute; bottom:360px; left:89px; width:522px; height:522px; border-radius:522px; background:url(../images/page-edu-obj01.png) no-repeat; background:rgba(186,199,169,0.1);}
/*index-page-icon*/
.page-edu .section-text-area{ background:url(../images/page-icon-edu.png) 50% 0 no-repeat; background-size:97px 97px; color:#898989;}
.page-eat .section-text-area{ background:url(../images/page-icon-eat.png) 50% 0 no-repeat; background-size:97px 97px; color:#898989;}
/*about-page*/
.about.section{ overflow:hidden;}
.about .section-box{ background:url(../images/page-icon-about.png) 38px 63px no-repeat; background-size:125px 125px;}
.about .section-box .page-point{ position:absolute; top:105px; left:180px; font-size:1.313em; line-height:1.875em; color:#494949; font-weight:bold;}
.about .section-box .slash{background:url(../images/reuse/slash.png)0 50% no-repeat; width:22px; height:22px; margin:0 5px; display:inline-block; vertical-align:middle;}
/*about-page-1*/
.about.page-first{}
.about.page-first .obj01{ position:absolute; top:150px; right:10px; width:475px; height:439px; background:url(../images/page-about-obj01.png) no-repeat;}
.about.page-first .obj02{ position:absolute; top:236px; left:156px; width:170px; height:171px; background:url(../images/page-about-obj02.png) no-repeat;}
.about.page-first .obj03{ position:absolute; top:47px; right:40px; width:483px; height:483px; background:url(../images/page-about-obj03.png) no-repeat;}
.about.page-first .circle{ position:absolute; top:356px; left:10px; width:552px; height:552px; border-radius:552px; background:url(../images/page-edu-obj01.png) no-repeat; background:rgba(186,199,169,0.1);}
.about.page-first .circle2{ position:absolute; top:422px; right:15px; width:175px; height:175px; border-radius:175px; background:url(../images/page-edu-obj01.png) no-repeat; background:rgba(186,199,169,0.1);}
.about.page-first .section-title-area{ background-size:97px 97px; color:#494949; border-left:1px solid #a4a19e; padding-left:10px; font-size:1em;}
.about.page-first .section-text-area{ background-size:97px 97px; color:#7d7d7d;}
.about.page-first .section-title-area.type1{ width:203px; height:80px; position:absolute; top:262px; left:38px; background:url(../images/about-title-01.png) 20px 0 no-repeat;}
.about.page-first .section-text-area.type1{ width:350px; height:auto; font-size:0.813em; line-height:1.750em; letter-spacing:1px; position:absolute; top:370px; left:56px;}
.about.page-first .section-title-area.type2{ width:162px; height:53px; line-height:1.875em; position:absolute; bottom:125px; left:240px; background:url(../images/about-title-02.png) 10px 0 no-repeat;}
.about.page-first .section-text-area.type2{ width:440px; height:auto; font-size:0.813em; line-height:1.750em; letter-spacing:1px; position:absolute; top:591px; right:113px;}
/*about-page-2*/
.about.page-second{}
.about.page-second .obj03{ position:absolute; top:138px; right:87px; width:441px; height:471px; background:url(../images/page-about-obj04.png) no-repeat;}
.about.page-second .circle{ position:absolute; top:62px; left:543px; width:522px; height:522px; border-radius:522px; background:url(../images/page-edu-obj01.png) no-repeat; background:rgba(186,199,169,0.1);}
.about.page-second .slash{background:url(../images/reuse/slash.png)0 50% no-repeat; width:22px; height:22px; margin:0 5px; display:inline-block; vertical-align:middle;}
.about.page-second .section-title-area{ background-size:97px 97px; color:#494949; border-left:1px solid #a4a19e; padding-left:10px; font-size:1.125em;}
.about.page-second .section-title-area.type3{ width:152px; height:auto; line-height:1.25em; position:absolute; top:394px; left:56px; font-weight:bold;}
.about.page-second .section-list-area{ width:350px; height:auto; position:absolute; top:440px; left:56px;}
.about.page-second .section-list-area li{ padding-left:35px; min-height:24px; }
.about.page-second .section-list-area .list-name{ color:#41210f; font-size:0.813em; line-height:1.500em;}
.about.page-second .section-list-area .list-item{ color:#7d7d7d; font-size:0.813em; line-height:1.500em; display:inline-block; margin-bottom:12px;}
.about.page-second .section-list-area .list-item span{ margin-right:4px;}
.about.page-second .section-list-area li:nth-child(1){ background:url(../images/about-list-icon01.png) no-repeat; background-size:21px 24px;}
.about.page-second .section-list-area li:nth-child(2){ background:url(../images/about-list-icon02.png) no-repeat; background-size:21px 24px;}
.about.page-second .section-list-area li:nth-child(3){ background:url(../images/about-list-icon03.png) no-repeat; background-size:21px 24px;}
.about.page-second .section-list-area li:nth-child(4){ background:url(../images/about-list-icon04.png) no-repeat; background-size:21px 24px;}
.about.page-second .section-list-area li:nth-child(5){ background:url(../images/about-list-icon05.png) no-repeat; background-size:21px 24px;}
.about.page-second .section-list-area li:nth-child(6){ background:url(../images/about-list-icon06.png) no-repeat; background-size:21px 24px;}
/*about-page-3*/
.about.page-third{}
.about.page-third .section-box{ background:url(../images/page-icon-about.png) 38px 63px no-repeat, url(../images/page-about-obj05.png) 0 0 no-repeat; background-size:125px 125px , cover;}
.about.page-third .section-list-area{ width:350px; height:auto; position:absolute; top:160px; right:74px;}
.about.page-third .section-list-area li{ padding-left:35px; min-height:24px; margin-bottom:20px; background:url(../images/about-list-icon03.png) no-repeat; background-size:21px 24px;}
.about.page-third .section-list-area li:last-child{margin-bottom:none;}
.about.page-third .section-list-area .list-name{ color:#41210f; font-size:0.813em; line-height:1.500em; margin-bottom:10px;}
.about.page-third .section-list-area .list-item{ color:#7d7d7d; font-size:0.875em; line-height:1.5; display:inline-block; margin-bottom:12px; letter-spacing:1px; font-family:"微軟正黑體";}
/*about-page-4*/
.about.page-fourth{}
.about.page-fourth .section-box{ background:url(../images/page-icon-about.png) 38px 63px no-repeat, url(../images/page-about-obj06.png) 0 0 no-repeat; background-size:125px 125px , cover;}
.about.page-fourth .section-list-area{ width:525px; height:auto; position:absolute; top:277px; left:48px;}
.about.page-fourth .section-list-area li{ padding-left:126px; min-height:91px; margin-bottom:30px;}
.about.page-fourth .section-list-area li:last-child{margin-bottom:none;}
.about.page-fourth .section-list-area .list-name{ color:#41210f; font-size:0.813em; line-height:1.500em; margin-bottom:10px; padding-left:25px;}
.about.page-fourth .section-list-area .list-name.icon01{ background:url(../images/about-list-icon04.png) 0 50% no-repeat; background-size:21px 24px;}
.about.page-fourth .section-list-area .list-name.icon02{ background:url(../images/about-list-icon06.png) 0 50% no-repeat; background-size:21px 24px;}
.about.page-fourth .section-list-area .list-item{ color:#7d7d7d; font-size:0.813em; line-height:1.5; display:inline-block; margin-bottom:12px; letter-spacing:1px; font-family:"微軟正黑體";}
.about.page-fourth .section-list-area li:nth-child(1){ background:url(../images/about-list-logo01.png) no-repeat; background-size:106px 91px;}
.about.page-fourth .section-list-area li:nth-child(2){ background:url(../images/about-list-logo02.png) no-repeat; background-size:106px 91px;}
.about.page-fourth .section-list-area li:nth-child(3){ background:url(../images/about-list-logo03.png) no-repeat; background-size:106px 91px;}
/*about-page-5*/
.about.page-fifth{}
.about.page-fifth .section-box{ background:url(../images/page-icon-about.png) 38px 63px no-repeat, url(../images/page-about-obj07.png) 0 0 no-repeat; background-size:125px 125px , cover;}
.about.page-fifth .section-list-area{ width:525px; height:auto; position:absolute; top:277px; left:48px;}
.about.page-fifth .section-list-area li{ padding-left:126px; min-height:91px; margin-bottom:30px;}
.about.page-fifth .section-list-area li:last-child{margin-bottom:none;}
.about.page-fifth .section-list-area .list-name{ color:#41210f; font-size:0.813em; line-height:1.500em; margin-bottom:10px; padding-left:25px;}
.about.page-fifth .section-list-area .list-name.icon01{ background:url(../images/about-list-icon04.png) 0 50% no-repeat; background-size:21px 24px;}
.about.page-fifth .section-list-area .list-name.icon02{ background:url(../images/about-list-icon06.png) 0 50% no-repeat; background-size:21px 24px;}
.about.page-fifth .section-list-area .list-item{ color:#7d7d7d; font-size:0.813em; line-height:1.5; display:inline-block; margin-bottom:12px; letter-spacing:1px; font-family:"微軟正黑體";}
.about.page-fifth .section-list-area li:nth-child(1){ background:url(../images/about-list-logo04.png) no-repeat; background-size:106px 91px;}
.about.page-fifth .section-list-area li:nth-child(2){ background:url(../images/about-list-logo05.png) no-repeat; background-size:106px 91px;}
.about.page-fifth .section-list-area li:nth-child(3){ background:url(../images/about-list-logo06.png) no-repeat; background-size:106px 91px;}
/*contact*/
.contact{ /*position:fixed; top:0; left:0; width:100%; height:100%; min-height:800px; min-width:1280px;*/}
.contact.page-first{ background:url(../images/page-bg/contact-bg-00.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; z-index:11;}
.contact .form-box{ position:absolute; width:490px; min-height:530px; background:url(../images/page-arrow0.png) 0 0 no-repeat, url(../images/page-icon-contact.png) 25px 38px no-repeat rgba(255,255,255,0.85); top:50%; left:calc((100% + 310px) / 2); transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); padding:38px 60px 50px 25px; border-bottom:6px solid rgba(159,142,126,0.8);}
.contact .form-box .text{ font-size:0.813em; line-height:1.313em; padding:25px 0 0 150px; color:#212121;}
.contact .form-box form{ padding-top:40px;}
.form-box .set1{ font-family:'AvenirNextLTPro-Regular', 'Open Sans Condensed', sans-serif; letter-spacing:1px;}
.form-box .input-box{ position:relative; margin:10px 0 5px 0; padding:0 0 0 125px; min-height:31px; overflow:hidden; margin-bottom:10px;}
.form-box .input-name{ position:absolute; top:0; left:0; font-size:0.813em; height:31px; line-height:31px; color:#67625d; display:inline-block; padding:0 10px; width:125px; text-align:right;}
.form-box .safe-code{ position:relative; width:100px; height:31px; background:url(../images/chapcha-img.jpg) no-repeat; background-size:100% 100%; display:inline-block; margin:0 10px 0 0;}
.form-box .safe-code img{ width:100%; height:auto; display:block;}
.form-box .tip{ padding:0 0 0 125px; font-size:0.813em; color:#67625d;}
.form-box .input_m{ width:60px;}
.form-box input, .form-box textarea{ width:100%; padding:5px; border-radius:5px; box-sizing:border-box; outline:none; }
.form-box .input-type1 input{ width:100%; height:31px; padding:0 5px; border-radius:5px; border:none; background-color:#8d8883; color:#fff;}
.form-box .input-type1 input[type="radio"] {display:none;}
.form-box .input-type1 input[type="radio"] + label{ font-size:0.813em; font-family:Arial, sans-serif; display:inline-block;width:70px; height:28px;}
.form-box .input-type1 input[type="radio"] + label span { display:inline-block; vertical-align:middle; cursor:pointer; -moz-border-radius: 14px; border-radius: 14px; background-color:#fff; width:70px; height:28px; border:1px solid #958f8a; text-align:center; line-height:26px; color:#67625d; margin:0 10px 0 0; box-sizing:border-box;}
.form-box .input-type1 input[type="radio"]:checked + label span{color:#fff; background:url(../images/radio-checked.png) 10px 50% no-repeat #aaa5a1; box-shadow:1px 1px 1px rgba(20%,20%,40%,0.6),3px 2px 1px rgba(149,143,138,0.9); padding:0 0 0 5px;}
.form-box .input-type1 input[type="radio"] + label span,
.form-box .input-type1 input[type="radio"]:checked + label span {
-webkit-transition:background-color 0.4s linear;
-o-transition:background-color 0.4s linear;
-moz-transition:background-color 0.4s linear;
transition:background-color 0.4s linear;
}
.form-box .input-type1 textarea{ background-color:#8d8883; margin-bottom:10px; border:none; height:90px; resize:none; color:#fff;}
.form-box .btn-box{ position:absolute; right:10px; bottom:5px; width:135px; height:55px;}
.form-box .btn-box .btn-click{ position:relative; width:40px; height:40px; font-size:0.938em; text-align:center; line-height:40px; color:#67625d; border:1px solid #67625d; border-radius:20px; display:inline-block; transition:all ease-out 0.4s;}
.form-box .btn-box .btn-click:hover{ width:54px; height:54px; font-size:1.375em; line-height:54px; border-radius:27px; transition:all ease-out 0.4s;}
.form-box .btn-box .slash{background:url(../images/reuse/slash.png)0 50% no-repeat; width:22px; height:22px; margin:10px 0; display:inline-block; vertical-align:middle;}
/*living-page-video*/
#myVideo{
position: absolute;
right: 0;
bottom: 0;
left:310px;
top:0;
right:0;
width: calc(100% - 310px);
height: 100%;
background-size: 100% 100%;
background-color: black; /* in case the video doesn't fit the whole page*/
background-position: center center;
background-size: contain;
object-fit: cover; /*cover video background */
z-index:3;
}
.control-icon{ width:88px; height:88px; position:absolute; left:calc((100% + 310px) / 2); top:50%; transform:translate(-50%,-50%); cursor:pointer;}
.control-icon.play{ background:url(../images/play.png) no-repeat; z-index:10;}
.control-icon.pause{ background:url(../images/pause.png) no-repeat; z-index:10;}
#section0 iframe{ width:100%; height:100%; position:absolute; left:calc((100% + 310px) / 2); top:50%; transform:translate(-50%,-50%); }
.living{ /*position:fixed; top:0; left:0; width:100%; height:100%; min-height:800px; min-width:1280px;*/}
.living.page-second{ background:url(../images/page-bg/living-bg-01.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; z-index:11;}
.living.page-end{ background:url(../images/page-bg/living-bg-02.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; z-index:11;}
.living .living-pic{ background:url(../images/page-living.png) no-repeat; width:211px; height:111px; position:absolute; top:70px; left:350px; z-index:20;}
.living .form-box{ position:absolute; width:350px; height:450px; background:url(../images/page-arrow0.png) 0 0 no-repeat rgba(255,255,255,0.85); top:50%; top:19.375vh; right:35px; padding:50px 10px 50px 50px; border-bottom:6px solid rgba(159,142,126,0.8); z-index:13;}
.living .form-box .menu{ border-left:1px dotted #333; width:20px; height:360px; position:absolute; left:25px; bottom:40px;}
.living .form-box .menu-list-item{ position:relative; border:1px solid #7e7469; border-radius:100%; color:#7e7469; width:17px; height:17px; font-size:12px; line-height:17px; text-align:center; margin:0 0 5px 9px; transition:all ease-out 0.4s;}
.living .form-box .menu-list-item.active{ width:38px; height:38px; border-radius:19px; font-size:30px; line-height:35px; margin:0 0 5px 0; transition:all ease-out 0.4s;}
.living.page-second .form-box .bg-color{ background:#effafd; width:38px; height:auto; padding:5px 0; margin:0 0 0 -19px;}
.living.page-end .form-box .bg-color{ background:#EEEEF1; width:38px; height:auto; padding:5px 0; margin:0 0 0 -19px;}
.living .form-box .title{ border-left:2px solid #212121; font-size:1.625em; color:#212121; padding: 0 10px; min-height:26px; line-height:26px; margin-bottom:20px;}
.living .form-box .title-s{font-size:0.938em; color:#8b634e; min-height:15px; line-height:15px; margin:10px 0;}
.living .form-box .edit-area p{ margin:10px 0; font-size:0.813em; color:#626262; line-height:21px; margin-bottom:10px;}
.living .form-box .edit-area p img{ max-width:240px; height:auto; display:block;}
.video-default-img{position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index:10;}
.video-default-img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%;}
/*.living .form-box .text{ font-size:0.813em; color:#626262; line-height:21px; margin-bottom:10px;}
.living .form-box .img{ width:100%; margin-bottom:20px;}*/
/*scrollbar*/
.scrollbar{ float: left; height: 370px; width: 100%; overflow-y: auto; margin-bottom: 25px;}
.force-overflow{ padding: 0 20px;}
.style1::-webkit-scrollbar-track{}
.style1::-webkit-scrollbar{width: 10px; background-color: #F5F5F5;}
.style1::-webkit-scrollbar-thumb{ background:url(../images/scroll-arrow.png) 50% calc(100% - 3px) no-repeat #bab8b4;}