a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-buttonffont,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
html { display:block; margin:0; padding:0; height:100%; }
body { margin:0; padding:0; overflow-x:hidden; }
li { padding-bottom:8px; }
* { box-sizing:border-box; margin:0; padding:0; font-family:PingFangTC-Regular,'微軟正黑體','Arial','Hiragino Sans GB','Source Han Sans','PingFangTC-Regular',sans-serif; 
line-height:140%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; box-sizing:border-box; }
a,img { border:0; outline:0; }
/*@font-face {
    font-family:"FSLucas";
    src:url("../fonts/FSLucas-Caption.eot");
    src:url("../fonts/FSLucas-Caption.woff") format("woff"),
        url("../fonts/FSLucas-Caption.ttf") format("opentype"),
        url("../fonts/FSLucas-Regular.svg#filename") format("svg");
}*/

input { display:inline-block; font-size:1em; padding:.5em; border:1px solid #ccc; border-radius:0; }
input::-webkit-input-placeholder       {opacity:1; transition:opacity 0.3s ease;}
input::-moz-placeholder                {opacity:1; transition:opacity 0.3s ease;}
input:-moz-placeholder                 {opacity:1; transition:opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity:1; transition:opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity:0; transition:opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity:0; transition:opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity:0; transition:opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity:0; transition:opacity 0.3s ease;}
input.disabled { background-color:rgba(255,255,255,.3); color:#888; font-weight:bold; pointer-events:none; }
input[type="text"], input[type="number"], input[type="date"] { background:#fafbfd; box-shadow:inset 0 1px 2px rgba(0,0,0,.1); }
textarea { display:block; font-size:1em; width:600px; max-width:100%; min-height:100px; padding:12px; border:1px solid #ccc; border-radius:4px; }
select { display:inline-block; font-size:1em; height:45px; min-width:300px; padding:0 12px; border:1px solid #ccc; border-radius:4px; background:white; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; }
select option { padding:12px; }
section { display:block; margin:0; padding:3em; height:100vh; xxx-border:2px solid green; position:relative; box-sizing:border-box; overflow:hidden; }
ol{ list-style:decimal; }.formobj.error input[type="text"]
ul { list-style:disc; }
ol,ul { padding-left:3em; margin-top:1em; margin-bottom:2em; }
@media -ms-viewport, screen and (min-width:901px) {}
@media -ms-viewport, screen and (max-width:640px) {
    input[type="text"], input[type="number"], input[type="date"], select, textarea { width:100%; min-width:auto; font-size:1.05em; margin:4px 0; }
}
select::-ms-expand{
    display: none;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0;}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0;}
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}





/*
http://patorjk.com/software/taag/#p=display&f=Small&t=detail%20page
*/
/*
============================================================================================================
  _             _      _   _         _ 
 | |__  __ _ __(_)__  | |_| |_ _ __ | |
 | '_ \/ _` (_-< / _| | ' \  _| '  \| |
 |_.__/\__,_/__/_\__| |_||_\__|_|_|_|_|
                                          
============================================================================================================
*/


body { font-size:.96vw; }
body.whitebg { background:white; }
html.noscroll,
body.noscroll { overflow:hidden; }
iframe.full { width:100%; height:calc(100vh - 63px); border:0; margin-bottom:-6px; }
hr { border:0; border-top:1px solid #ccc; }
p { margin:1em 0; }
a { cursor:pointer; }
a:hover { xxtext-decoration:underline; }
a.link { text-decoration:none; font-weight: bold; color: inherit; border-bottom: 1px solid;}

.pc { display:block; }
table.pc { display:table; }
.mobile { display:none!important; }

    @media only screen and (min-width:1600px) {
        body { font-size:1em; }
    }
    @media only screen and (max-width:1600px) and (min-width:1025px) {
        body { font-size:1em; }
    }
    @media only screen and (max-width:1024px) and (min-width:769px) {
        body { font-size:.98em; }
    }
    @media only screen and (max-width:768px) and (min-width:415px) {
        body { font-size:.9em; }
        .pc { display:none!important; }
        .mobile { display:block!important; }
    }
    @media only screen and (max-width:414px) {
        body { font-size:.98em; }
        .pc { display:none!important; }
        .mobile { display:block!important; }
        .mobile tbody,
        .mobile tbody tr,
        .mobile tbody tr td { display:block; width:100%; }
        .thebox .titlebox { border-bottom:0!important; }
    }







/*
============================================================================================================
   __                    
  / _|_ _ __ _ _ __  ___ 
 |  _| '_/ _` | '  \/ -_)
 |_| |_| \__,_|_|_|_\___|
                                                                        
============================================================================================================
*/



.sectitle { font-size:3vw; text-align:center; margin:2em 0 1em 0; font-weight:normal; }
h5.subtitle { display:block; text-align:center; margin:3em 0 2em 0; font-size:1.3em; }
.sectitle2 { font-size:1.4vw; margin:3em 0 1em 0; }
.sectitle2:after { content:url('../icon/icon-arrowdown.svg'); display:inline-block; width:.9em; margin-left:.5em; transform:translateY(2px); }
.center { text-align:center!important; }
.grayblock { background:#f1f2f5; padding:0; }
.grayblock .row { padding:3em; }
.grayblock .row.full { padding:3em 0; }
.grayblock .row h5 { display:inline-block; font-size:1.5em; width:auto; text-align:left; margin:1em 0; padding:0 2em; vertical-align:middle; transform:translateY(-2px); }
.grayblock .row h5.sectitle { padding:2em 0 0 0; font-size:3vw; }
.grayblock .row .halfspecial h5 { padding:0; }
.whiteblock { display:block; position:relative; background:white; padding:0; z-index:66; }
.whiteblock .topoverblock { display:block; position:absolute; top:-6vw; left:0; width:50%; height:6vw; background:white; }
.whiteblock .topoverrightblock { display:block; position:absolute; top:0; right:0; width:53%; height:3vw; background:white; z-index:50; }
.whiteblock .bottomoverblock { display:block; position:absolute; bottom:-2vw; right:0; width:50%; height:2vw; background:white; }
.white { color:white; }

.locallang-tw { font-size:.97em; }
.locallang-en { font-size:.92em; font-family:Arial,'Roboto',sans-serif; letter-spacing:-.02em; }
.locallang-en .sectitle { font-size:2.5vw; }
.locallang-jp { font-size:.92em; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,メイリオ,Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ＭＳ ゴシック','MS Gothic','Noto Sans CJK JP',TakaoPGothic,sans-serif; }
.locallang-ko { font-family:'Malgun Gothic',sans-serif; }

    @keyframes _lazyin {0%{ opacity:0;transform:translateY(3em); }100%{ opacity:1;transform:translateY(0); }}
    @-webkit-keyframes _lazyin {0%{ opacity:0;transform:translateY(3em); }100%{ opacity:1;transform:translateY(0); }}
    .lazyload { opacity:0; }
    .lazyload.show { animation:.6s _lazyin ease-out forwards; -webkit-animation:.6s _lazyin ease-out forwards; -moz-animation:.6s _lazyin ease-out forwards; -ms-animation:.6s _lazyin ease-out forwards; -o-animation:.6s _lazyin ease-out forwards; }


   /* @media only screen and (min-width:1600px)  {
        .locallang-tw { font-size:1em; }
        .locallang-en { font-size:.94em; }
    }
    @media only screen and (max-width:1100px)  {
    }
    @media only screen and (max-width:1024px) and (min-width:641px)  {
    }
    @media only screen and (max-width:640px)  {
        .sectitle { font-size:2em; margin:1em 0; }
    }*/

    @media only screen and (min-width:1600px) {
        .locallang-tw {}
        .locallang-en { font-size:.94em; }
    }
    @media only screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media only screen and (max-width:1024px) and (min-width:769px) {
    }
    @media only screen and (max-width:768px) and (min-width:415px) {
        .sectitle { font-size:2em; margin:1em 0; }
        .sectitle2 { font-size:1.4em; margin:3em 0 1em 0; }
    }
    @media only screen and (max-width:414px) {
        .sectitle { font-size:2em; margin:1em 0; }
        .sectitle2 { font-size:1.4em; margin:3em 0 1em 0; }
        .whiteblock .topoverblock,
        .whiteblock .topoverrightblock,
        .whiteblock .bottomoverblock { display:none; }
        .grayblock .row { padding:1.5em .5em; }

        .locallang-en .sectitle { font-size:1.4em; font-family:'FSLucas'; }
    }





.globalloader { display:block; width:100%; height:100vh; position:fixed; xbackground:white; top:0; z-index:41111; transition:all cubic-bezier(0,1,1,1) .5s; }
.globalloader #loadingsvg { display:block; width:100%; height:auto; position:absolute; top:60px; left:0; z-index:5; opacity:.8; }
.globalloader #loadingsvg path { fill:none; stroke:#888; stroke-dasharray:1000; stroke-dashoffset:1000; animation:_draw 3.5s linear forwards; }
.globalloader .covergold { display:block; background:#cea84d; overflow:hidden; height:100vh; width:0; position:absolute; top:0; left:0; xxz-index:11; z-index:999;}
.globalloader .coverwhite { display:block; background:white; overflow:hidden; height:100vh; width:100vw; position:absolute; top:0; left:0; z-index:1; }
.globalloader p { display:block; font-size:2em; color:#cea84d; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; }

@keyframes _loadin { 0%{ stroke:#eee; } 100%{ stroke:#888; } }
@keyframes _loop { 0%,100%{ opacity:.5; stroke-dashoffset:0; } 50%{ opacity:1; stroke-dashoffset:200; } }
@keyframes _draw { from{ stroke-dashoffset:0; } to{ stroke-dashoffset:3000; } }
@keyframes _arrow1 { 0%,34% { opacity:0; } 1%,33% { opacity:1; } }
@keyframes _arrow2 { 0%,33%,67%,100% { opacity:0; } 34%,66% { opacity:1; } }
@keyframes _arrow3 { 0%,66%,100% { opacity:0; } 67%,99% { opacity:1; } }


.scrollobj { position:absolute; top:83vh; left:50%; padding:.4em; word-break:break-all; border-radius:0; transform:translate(-50%, -50%); transition:all .2s; background:#666; border:0; text-align:center; z-index:77; cursor:pointer; padding:10px 14px; } 
.scrollobj p { position:absolute; width:100%; padding:0; display:block; opacity:0; transition:all .3s; font-family:'Arial Black'; font-weight:bold; font-size:.5em; text-align:center; top:8px; left:0; text-transform:uppercase; }
.scrollobj .arrow { width:16px; margin:0 auto; transform:translateY(-2px); }
.scrollobj:hover { opacity:1; border-radius:0; width:60px; padding-top:32px; padding-bottom:10px; transform:translate(-50%, -50%); background:#cea84d; border:0; }
.scrollobj:hover p { opacity:1; }





/*
============================================================================================================
                             _       _     _ 
  __ _ ___ _ _  ___ _ _ __ _| |  ___| |__ (_)
 / _` / -_) ' \/ -_) '_/ _` | | / _ \ '_ \| |
 \__, \___|_||_\___|_| \__,_|_| \___/_.__// |
 |___/                                  |__/ 

============================================================================================================
*/

.displaytext, .displaytitle,
.fashionpageset h3,
.fashionpageset .h3,
.btndetail, .btn-detail, .btn-decotext, .btn-more,
.entitle, 
h1 { font-weight:bold; font-family:'FSLucas'; letter-spacing:-.01em; }
img.icon { display:inline-block; height:1.5em; width:auto; margin:0 .2em; vertical-align:middle; transform:translateY(-2px); }

.breadcrumb { display:block; z-index:201; text-align:center; position:fixed; top:50%; left:1.5em; padding:.5em; transform-origin:center; transform:translate(-50%,-50%) rotate(90deg); }
.breadcrumb a { display:inline-block; position:relative; font-size:.66em; padding:.5em 1.5em; cursor:pointer; letter-spacing:2px; xxxfont-smooth:never; xxxx-webkit-font-smoothing:none; font-weight:100; }
.breadcrumb a:after { content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:5em; border-right:1px solid #333; opacity:.4; }
.breadcrumb a:last-of-type:after { display:none; }

.maincontainer { display:block; padding:50px 0; height:auto; min-height:calc(100vh - 450px); position:relative; margin:0; background:white; xxxxxbox-shadow:0 10px 50px rgba(0,0,0,.5); z-index:19; }
.maincontainer .after { content:''; display:block; height:16vw; width:100%; opacity:.3; background:black; position:absolute; bottom:0; left:0; transform:translateY(100%); background:rgb(17,17,17); background:linear-gradient(180deg, rgba(17,17,17,1) 0%, rgba(255,255,255,0) 100%); transition:all .1s; z-index:1; pointer-events:none; }
    
.maincontainer .mainbodycon { display:block; max-width:1200px; margin:0 auto; width:90%; xxxborder:2px solid gray; overflow:hidden; padding:5px; }
.maincontainer .mainbodycon.narrow { width:70%; }
.maincontainer.fullscreen { padding-top:0; }
.maincontainer.fullscreen .mainbodycon { max-width:100%; width:100%; padding:0; }
.maincontainer.fullscreen .mainbodycon.normal { max-width:1200px; padding:5px; }
.maincontainer.notop { padding-top:0; }
.maincontainer.nobottom { padding-bottom:0; }
body.home .maincontainer { margin-top:50vw; }


.flex { display:flex; }
.flex .con { display:block; width:100%; xxborder:1px solid red; padding:2em; text-align:left; }
.flex .con.accessaddress { font-size:2em; margin:0 10%; }
.flex .con.borderright { border-right:1px solid #ccc; }
.flex .con.img { display:block; width:50%; padding:0; position:relative; overflow:hidden; }
.flex .con.img img { display:block; height:100%; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover; }
.narrow2 { width:60%; margin:0 auto; }


    @keyframes _animateloader1 {0%{ transform:scale(0); }100%{ transform:scale(1); }}
    @keyframes _animateloader2 {0%{ transform:translate(0,0); }100%{ transform:translate(19px, 0); }}
    @keyframes _animateloader3 {0%{ transform:scale(1); }100%{ transform:scale(0); }}
    @keyframes _animateloader4 {0%,100%{ opacity:0; }50%{ opacity:1; }}

    .loader { display:none; position:fixed; top:0; left:0; background:rgba(150, 150, 150, 0.5); background:rgba(255,255,255,.9); width:100%; height:100%; z-index:755; }
    .loader .loadobj { content:''; display:block; width:80px; height:150px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
    .loader .loadobj span { position:absolute; left:50%; transform:translate(-50%,-50%); width:4px; height:16%; border-radius:5px; background:white; background:#cea84d; animation-timing-function:cubic-bezier(0, 1, 1, 0); }
    .loader .loadobj span:nth-child(1) { top:20%; animation:1s _animateloader4 0.2s infinite; }
    .loader .loadobj span:nth-child(2) { top:40%; animation:1s _animateloader4 0.4s infinite; }
    .loader .loadobj span:nth-child(3) { top:60%; animation:1s _animateloader4 0.6s infinite; }
    .loader .loadobj span:nth-child(4) { top:80%; animation:1s _animateloader4 0.8s infinite; }


/*@media only screen and (max-width:768px) and (min-width:415px) {
*/
    @media -ms-viewport, screen and (min-width:1600px) {
        .maincontainer .mainbodycon { max-width:1200px; }
    }
    @media -ms-viewport, screen and (max-width:1400px) and (min-width:1025px) {
        .maincontainer .afterxxxx { height:19vw; }
    }
    @media -ms-viewport, screen and (max-width:1024px) and (min-width:769px) {
        .maincontainer .afterxxxxx { height:26vw; }
        .maincontainer .mainbodycon,
        .maincontainer .mainbodycon.narrow { width:100%; padding:1em 3.5em; }
        .maincontainer.fullscreen { padding:0; }
        .maincontainer.fullscreen .mainbodycon { max-width:100%; width:100%; padding:0!important; }
        .flex .con { padding:1.5em; }
    }
    @media -ms-viewport, screen and (max-width:768px) and (min-width:415px) {
        .breadcrumb { display:none!important; }
        .maincontainer .afterxxxx { height:460px; }
        .maincontainer.fullscreen { padding:0; }
        .maincontainer .mainbodycon,
        .maincontainer .mainbodycon.narrow { width:100%; padding:2.5em; }
        .flex .con { padding:0; }
    }
    @media -ms-viewport, screen and (max-width:414px) {
        .breadcrumb { display:none!important; }
        .maincontainer { padding:20px 0; }
        .maincontainer img { max-width:100%; }
        .maincontainer .afterxxxx { height:460px; }
        .maincontainer.fullscreen { padding:0; }
        .maincontainer .mainbodycon,
        .maincontainer .mainbodycon.narrow { width:100%; padding:1.5em; }
        .maincontainer .mainbodycon >br,
        .maincontainer .mainbodycon.narrow >br { line-height:0; }
        .maincontainer.fullscreen .mainbodycon { padding:0; }
        .mainbodycon.theform { xxpadding:0; }
        body.home .maincontainer { margin-top:400px; }


        .flex { display:block; padding-top:400px; position:relative; }

        .iconset.flex { padding-top:10px; }
        .flex .con { padding:0; }
        .flex .con.borderright { border-right:0; }
        .flex .con.accessaddress { font-size:1.2em; margin:0; padding:.5em 1.5em; }
        .flex .con .infoblock { margin:2em 0; border-right:0; border-bottom:1px solid #ccc; }
        .flex .con .infoblock:last-child { border-bottom:0; }
        .flex .con.img { width:100%; height:400px; min-height:400px; position:absolute; top:0; left:0; object-fit:cover; }

        .list-group.flex { padding-top:0; }

        .narrow2 { width:100%; }
        .theform .borderblock { max-width:100%!important; }
        .theform .appicon { width:47%; }
    }




.emailletter { padding:4em; text-align:center; display:block; width:100vw; height:100vh; position:fixed; top:0; left:0; background:rgba(0,0,0,.7); z-index:1002; }
.emailletter .conbox { margin:0 auto; max-width:800px; width:calc(100% - 2em); text-align:center; background:white; padding:4em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.emailletter .conbox .btn-close { display:block; padding:.5em; position:absolute; top:0; right:0; cursor:pointer; opacity:.4; }
.emailletter .conbox .btn-close { opacity:1; }
.emailletter .conbox .btn-close:before { content:url(../img/icons/icon-close.svg); display:block; width:1.5em; }
.emailletter h3 { font-size:1.25em; margin:.8em 0; }
.emailletter .row { margin:.6em 0; }
.emailletter input[type="text"] { font-size:.9em; display:block; width:100%; max-width:100%; padding:.8em; border:0; border-radius:0; background:transparent; margin:0; }
.emailletter input[type="text"].borderframe { border:1px solid #888; }
.emailletter input[type="text"].borderbottom { border-bottom:1px solid #888; }
.emailletter .btn-send,
.emailletter .btn-send2 { margin:.5em auto; text-align:center; cursor:pointer; }
.emailletter .btn-send .arrow,
.emailletter .btn-send2 .arrow { display:inline-block; width:.8em; margin-left:.5em; transform:translateY(-.1em); }
.emailletter .row { position:relative; }
.emailletter .row .error { display:block; width:auto; background:transparent; position:absolute; top:50%; transform:translateY(-50%); right:1em; color:red; border-radius:30px; display:none; font-size:.9em; padding:0 1em 0 .5em; }
.emailletter .row .error:before { content:url(../img/icons/icon-arrow-down-white.svg); transform:rotate(90deg); width:.7em; display:inline-block; margin-right:.5em; }
.emailletter .row.cancelinputcode .error { right:160px; }
.emailletter .row.error { xxxbox-shadow:inset 0 0 5px red; color:red; }
.emailletter .row.error input { color:red; }
.emailletter .row.error .error { display:block; }
.newsletterinputcode.error .error { right:100px; }
.errormsg { color:red; padding:.5em; text-align:center; display:none; }
.errormsg.show { display:block; }
.emailletter .btn-cancel-newsletter { font-size:.9em; position:absolute; top:0; right:0; opacity:.5; cursor:pointer; }
.emailletter .btn-cancel-newsletter:hover { opacity:1; }
.sendoutblock { display:none; text-align:center; padding:2em; border-bottom:1px solid #ccc; }
.sendoutblock p { font-size:1em; display:block; text-align:center; }
.sendoutblock p .arrow { width:.9em; display:inline-block; margin-right:.5em; }
.cancelblock { display:none; }
.sendoutblock2 { display:none; text-align:center; padding:2em; border-bottom:1px solid #ccc; }
.sendoutblock2 p { font-size:1em; display:block; text-align:center; }
.sendoutblock2 p .arrow { width:.9em; display:inline-block; margin-right:.5em; }

.btnopeneletter { display:block; text-align:center; background:black; }



.bookobj { display:block; width:100vw; height:100vh; padding:0; transition:all 0; margin:0; background:#313235; position:relative; z-index:21511; position:fixed; top:0; left:0; }
.bookobj .cover { display:block; height:100%; width:100%; position:absolute; top:0; left:0; z-index:88; background:red; opacity:0; }
.bookobj .mask { display:block; text-align:center; position:relative; background:black; height:1px; width:1px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.bookobj .mask span { display:inline-block; padding:0; margin:0; vertical-align:middle; position:absolute; top:0; left:0; background:black; cursor:pointer; box-shadow:0 10px 20px rgba(0,0,0,.1); display:none; }
.bookobj .mask span img { display:block; width:auto; height:90vh; position:absolute; top:-45vh; transition:all .3s; }
.bookobj .mask span:nth-child(odd) img { right:0; }
.bookobj .mask span:nth-child(even) img { left:0; }
.bookobj .mask .title { display:block; position:absolute; top:1.8em; left:50%; transform:translateX(-50%); z-index:5; }
.bookobj .mask .title strong, 
.bookobj .mask .title h3 { display:inline-block; vertical-align:middle; }
.bookobj .mask .title strong { display:none; }
.bookobj .mask .title h3 { font-size:1.5em; margin-left:1em; padding-left:1em; border-left:0 solid #ccc; }
.bookobj .nav { display:block; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); padding:3px 20px; font-size:.7em; background:#333; color:white; text-align:center; border-radius:20px; box-shadow:0 10px 20px rgba(0,0,0,.1); z-index:10; display:none; }
.bookobj .navbar { display:block; position:absolute; bottom:0; left:0; background:#222; z-index:10; height:3px; width:100%; padding:0; margin:0; }
.bookobj .navbar span { display:block; position:absolute; top:0; left:0; background:#cea84d; z-index:10; height:3px; padding:0; margin:0; transition:all .3s; }
.bookobj .btn-prev, 
.bookobj .btn-next { display:block; width:50px; height:50px; opacity:.8; cursor:pointer; transition:all .3; position:absolute; top:50%; transform:translateY(-50%); background:rgba(150,150,150,.2); padding:15px; transition:all .3s; z-index:99; opacity:.5; }
.bookobj .btn-prev img,
.bookobj .btn-next img { display:block; width:100%; height:100%; }
.bookobj .btn-prev:before,
.bookobj .btn-next:before { display:block; width:100%; height:100%; transform-origin:center; }
.bookobj .btn-prev:before { content:url(../icon/icon-arrowprev-white.svg); left:0; }
.bookobj .btn-next:before { content:url(../icon/icon-arrownext-white.svg); right:0; }
.bookobj .btn-prev:hover,
.bookobj .btn-next:hover { opacity:1; }
.bookobj .btn-prev { left:5px; }
.bookobj .btn-next { right:5px; }
/*
.bookobj .btn-enlarge { display:block; width:50px; height:50px; cursor:pointer; transition:all .3; position:absolute; bottom:3px; right:0; background-color:white; z-index:95; padding:15px; transition:all .3s; background-position:center; background-repeat:no-repeat; background-size:40%; xxxxbackground-image:url('../img/icons/icon-resize.svg'); 
bottom:auto; right:auto; top:0; left:8em; border-left:1px solid white; background:transparent; font-family:'FSLucas'; font-size:.9em; width:auto; word-break:keep-all; color:white; }
*/
.bookobj .btn-back,
.bookobj .btn-enlarge { display:block; cursor:pointer; transition:all .3; position:absolute; z-index:95; padding:.2em 1em; transition:all .3s; top:.5em; left:9em; border:2px solid white; border-radius:1.5em; line-height:1; font-family:'FSLucas'; font-size:.9em; width:auto; word-break:keep-all; color:#333; background:white; font-weight:bold; line-height:1; text-transform:uppercase; opacity:.7; }

.bookobj .btn-enlarge img { display:block; width:100%; height:100%; }
.bookobj .btn-enlarge.sizedown { background-image:url('../img/icons/icon-resize2.svg'); }
/*.bookobj .btn-back { display:block; width:50px; height:50px; cursor:pointer; position:absolute; top:0; left:0; z-index:95; padding:15px; transition:all .3s; background-position:center; background-repeat:no-repeat; background-size:50%; xxxbackground-image:url('../img/icons/icon-transport-arrow-white.svg'); xxxopacity:.5; font-family:'FSLucas'; font-size:.9em; width:auto; word-break:keep-all; color:white; }*/
.bookobj .btn-back { left:.5em; }
.bookobj .btn-back:hover,
.bookobj .btn-enlarge:hover { opacity:1; }
.bookobj .btn-download, 
.bookobj .btn-thumb { display:block; width:40px; height:40px; opacity:.5; cursor:pointer; transition:all .3; position:absolute; top:1em; padding:10px; }
.bookobj .btn-thumb img { display:block; width:100%; height:100%; }
.bookobj .btn-thumb:hover { opacity:1; }
.bookobj .btn-download { right:20px; }
.bookobj .btn-thumb { right:60px; }
.bookobj.onthumb { height:auto; }
.bookobj.onthumb .mask span { height:160px; width:auto; margin:10px; box-shadow:0; }
.bookobj.onthumb .mask .nav,
.bookobj.onthumb .mask .btn-prev, 
.bookobj.onthumb .mask .btn-next { display:none; }


        
    @media -ms-viewport, screen and (min-width:1600px) {
    }
    @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media -ms-viewport, screen and (max-width:1025px) and (min-width:641px) {
    }
    @media -ms-viewport, screen and (max-width:640px) {
        .bookobj { overflow-y:scroll; }
        .bookobj .mask { height:auto; width:100%; position:relative; top:auto; left:auto; transform:none; text-align:center; padding:5em 1em; }
        .bookobj .mask span { display:block; position:relative; top:auto; left:auto; transform:none; margin:1em; }
        .bookobj .mask span img { width:100%!important; height:auto!important; position:relative; top:0!important; }
        .bookobj .btn-enlarge { display:none; } 
    }







/*
============================================================================================================
      _     _        _   
  ___| |__ (_)___ __| |_ 
 / _ \ '_ \| / -_) _|  _|
 \___/_.__// \___\__|\__|
         |__/                                                    
============================================================================================================
*/



/*
table { width:100%; border:1px solid #dee2e2; border-collapse:collapse; font-size:.94em; }
table tr { display:table-row; width:100%; }
table td, table th { border:1px solid #dee2e2; padding:15px; }
table th { text-align:center; vertical-align:middle; }
table h3 { font-size:1.5em; margin-top:.3em; color:#cea84d; }
table.tableborderall { width:100%; border:1px solid #dee2e2; border-collapse:collapse; }
table.tableborderall td, 
table.tableborderall th { border:1px solid #dee2e2; padding:15px; }
table.tableborderall th { border:1px solid #dee2e2; background:#eaebed; background:transparent; }
table.tableborderall.borderblack { border:1px solid black; }
table.tableborderblack { width:100%; border:0; border-collapse:collapse; }
table.tableborderblack td, 
table.tableborderblack th { border:2px solid white; padding:15px; background:#f1f2f5; vertical-align:top; }
table.tableborderblack h3 { font-size:1.2em; margin-top:.3em; color:#cea84d; font-size:1em; }
table.tableborderblack h2 { font-size:3em; margin:.8em 0; font-size:1em; }
table.tableborderblack .center { text-align:center; }
table.tableborderblack { margin:2px auto; }
*/

table { width:calc(100% + 2em)!important; margin-left:-1em; xborder-collapse:collapse; border-collapse:separate; border-spacing:1em; font-size:.94em; position:relative; }
table tr { display:table-row; width:100%; }
table td, table th { border-top:2px solid #dee2e2; padding:.5em 0; text-align:left; vertical-align:top; }
table th { border-color:#333; xxxtext-align:center; xxxvertical-align:middle; }
table h3 { font-size:1em; margin-bottom:.5em; xxxcolor:#cea84d; }
table a { color:#cea84d; }
table ul, table ol { padding-left:1.2em; margin:1em 0; font-size:.8em; }
table ul, table ol.note { font-size:.94em; color:gray; }
table .btn { color:#cea84d; padding:.7em 3.5em; border:1px solid #cea84d; }
table.borderbottom:after { content:''; display:block; position:absolute; bottom:0; left:1em; width:calc(100% - 2em); border-bottom:2px solid #dee2e2; }





.goldtitle { color:#cea84d; margin-right:1em; }
.cardtype { text-align:center; }
.cardtype h3 { display:inline-block; color:#cea84d; }
.tdtitle { font-size:1.2em; margin-top:.5em; }

.thebox { text-align:center; font-size:1em; padding:1.5em; }
.thebox .titlebox { color:#cea84d; margin:-1.5em -1.5em; padding:2em; margin-bottom:1em; border-bottom:2px solid #cea84d; }
.thebox .titlebox small { color:inherit; }
.thebox .titlebox .title { color:#cea84d; font-size:2em; margin:.5em 0; }
.thebox .sectitle { letter-spacing:0; font-size:1.1em; padding:.3em 1.2em; margin:1em 0 .5em 0; font-weight:bold!important; background:#333; color:white; display:inline-block; border-radius:30px; }
.thebox h3 { font-size:1.3em; }

.tablist { display:block; margin:1em 0; margin-bottom:3em; font-size:.9em; }  
.tablist .group { border:0; } 
.tablist .group strong { display:block; font-weight:bold; border-bottom:0; padding:.5em 0; cursor:pointer; position:relative; padding-left:25px; }
.tablist .group strong:before { content:url('../img/icons/icon-plus.svg'); display:inline-block; width:20px; height:20px; margin-right:.5em; transform:translateY(5px); position:absolute; top:0; left:0; transition:all .3s; }
.tablist .group ul, .tablist .group ol { display:none; }
.tablist .group.open ul, .tablist .group.open ol { display:block; }
.tablist .group.open strong { color:#cea84d; }
.tablist .group.open strong:before { transform:translateY(5px) rotate(45deg); }

.filterblock { display:flex; border-bottom:1px solid #ccc; font-size:.8em; margin-bottom:2.5em; justify-content:center; transform:translateY(-1em); }
.filterblock a { display:block; width:auto; padding:.3em 1em; }
.filterblock a.selected { border-bottom:2px solid #cea84d; }

.cardobj { display:flex; flex-direction:column; padding-bottom:3em; width:100%; cursor:default; position:relative; }
.cardobj img { display:block; width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.cardobj .imgobj { height:20vw; width:10vw; border:1px solid rgba(0,0,0,.4); margin:2px 0; position:relative; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center; background-color:white; }
.cardobj .imgobj.noborder { border:0; }
.cardobj .con { display:block; width:100%; padding:1em; text-align:center; }
.cardobj .con p { font-size:.9em; margin:.2em 0 .8em 0; }
.cardobj .con.center { text-align:center; }
.cardobj .con .btnarea { display:block; width:100%; position:absolute; bottom:1.5em; left:50%; transform:translateX(-50%); text-align:center; display:none; }
.cardobj .con .btnarea .nobtnmore { display:none; }
.cardobj .con .btnarea .btn-more { display:inline-block; text-indent:-999px; overflow:hidden; }
.cardobj.inlineblock .con { padding:1em 1.5em; }
.cardobj.inlineblock .imgobj { width:100%; }
.cardobj.conalign .con { padding:1em 0; }
.cardobj .btn-detail { display:block; margin:0 auto; /*position:absolute; left:50%; bottom:.2em; transform:translateX(-50%);*/ opacity:.5; transition:all .2s; cursor:pointer; }
.cardobj .btn-detail:hover { letter-spacing:.2em; }

.cardobj.withlink { cursor:pointer; }
.cardobj.withlink .btnarea { display:block; }
.cardobj.withlink:after { content:''; display:block; width:100%; height:100%; position:absolute; z-index:-1; top:0; left:0; background:#f1f2f5; box-shadow:0; opacity:0; transition:all .2s; }
.cardobj.withlink:after:hover .btndetail { letter-spacing:.2em; }
.cardobj.square .imgobj { height:14.44vw; }
.cardobj.circle .imgobj { background-size:cover !important; width:10vw; height:10vw; margin:5px auto; border-radius:50%; border:0; }
.cardobj.circlelarge .imgobj { background-size:cover !important; width:10vw; height:10vw; margin:5px auto; border-radius:50%; border:0; }
.cardobj.circlelarge .con { padding:1em; } 
.cardobj.circlelarge .con h5 { font-size:1.4em; margin:.8em 0; }
.cardobj.circlecenter { text-align:center; }
.cardobj.circlecenter .imgobj { background-size:cover !important; width:10vw; height:10vw; margin:5px auto; border-radius:50%; border:0; }
.cardobj.circlecenter .con h5 { font-size:.9em; margin:.8em 0; text-align:center; }
.cardobj.circlecenter .nobtnmore .con { text-align:center!important; }
.cardobj.circlecenter .nobtnmore .con h5 { font-size:1.05em!important; }
.cardobj.circlecenter .nobtnmore .con p { margin:.5em!important; }
.cardobj.circlecenter .nobtnmore .con .btn-more { display:none!important; }

.memberflex { display:flex; flex-wrap:wrap; }
.memberflex .cardobj { width:25%; }
.memberflex.for3 { justify-content:center; }
.memberflex.for3 .cardobj { width:28%; margin:2%; }
.memberflex.for5 { justify-content:center; }
.memberflex.for5 .cardobj { width:20%; }

    /*@media only screen and (max-width:1200px) and (min-width:769px)  {
    }
    @media only screen and (max-width:1024px) and (min-width:768px)  {
    }
    @media only screen and (max-width:768px) and (min-width:415px) {
    }
    @media only screen and (max-width:414px)  {
        .cardobj.circle .imgobj { width:22vw; height:22vw; }
        .memberflex .cardobj { width:33.33%; }
        .memberflex.for5 { justify-content:left; }
        .memberflex.for5 .cardobj { width:33.33%; }
    }*/

    @media -ms-viewport, screen and (min-width:1600px) {
    }
    @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media -ms-viewport, screen and (max-width:1025px) and (min-width:641px) {
    }
    @media -ms-viewport, screen and (max-width:640px) {

        .table-m-vertical { border-spacing:1px; width:100%!important; margin:1em 0; }
        .table-m-vertical tr, .table-m-vertical tbody { display:block; width:100%; }
        .table-m-vertical td { border-top:2px solid #333; display:block; width:100%; padding-bottom:1.8em; }
        .table-m-vertical td strong { display:block; font-size:1.4em; margin:.2em 0 .3em 0; font-weight:bold; }


        .cardobj.circle .imgobj { width:22vw; height:22vw; }
        .memberflex .cardobj { width:33.33%; }
        .memberflex.for5 { justify-content:left; }
        .memberflex.for5 .cardobj { width:33.33%; }
    }



.navrowobj { display:block; width:100%; text-align:center; position:relative; padding:0; display:none; }
.navrowobj.show { margin-bottom:5.5vw; display:block; }
.navrowobj .mask { display:block; height:63px; position:absolute; top:0; left:50%; transform:translateX(-50%); text-align:center; width:100%; }
.navrowobj .mask a { display:inline-block; padding:1em 2em; position:relative; margin:0; font-size:.78em; overflow:hidden; opacity:.5; }
.navrowobj .mask a:after { content:''; display:block; width:100%; height:100%; position:absolute; bottom:0; left:0; border-bottom:3px solid transparent; transition:all .3s; background:transparent; }
.navrowobj .mask a:hover { opacity:1; }
.navrowobj .mask a.selected { opacity:1; } 
.navrowobj .mask a.selected:after { bottom:0; border-bottom:3px solid #cea84d; }
.navrowobj.fixedtop { position:fixed; left:calc(100% - 250px); top:60px; transform:0; width:auto; z-index:950; overflow:hidden; background:#cea84d; transition:all .3s; }
.navrowobj.fixedtop .mask { height:auto; height:2em; display:block; position:relative; }
.navrowobj.fixedtop a { padding:18px 25px; color:white; }
.navrowobj.fixedtop a.selected { opacity:1; border-bottom:0; color:white; color:#cea84d; color:#333; }
.navrowobj.fixedtop a.selected:after { bottom:0; background:#3f3842; border-bottom:0; z-index:-1; position:absolute; display:inline-block; display:none; }


  .navrowobj.clone { background:#333; box-shadow:0 1px 3px rgba(0,0,0,.2); color:white; position:fixed; bottom:-50px; left:50%; transform:translateX(-50%); width:auto; display:block; z-index:209; transition:all .5s; opacity:1; margin:0; font-size:1.2em; }
  .navrowobj.clone .mask { display:flex; position:relative; height:50px; }
  .navrowobj.clone .mask a { display:block; word-break:keep-all;; }
  .navrowobj.clone.show { xxxxbottom:5px; bottom:0; opacity:1; }


.nav-conbar { display:block; width:100%; text-align:center; padding:0; xxborder:1px solid pink; }
.nav-conbar a { display:inline-block; padding:1em 2em; position:relative; margin:0; font-size:.78em; overflow:hidden; opacity:.5; cursor:pointer; }
.nav-conbar a:after { content:''; display:block; width:100%; height:100%; position:absolute; bottom:0; left:0; border-bottom:3px solid transparent; transition:all .3s; background:transparent; }
.nav-conbar a:hover { opacity:1; }
.nav-conbar a.selected { opacity:1; } 
.nav-conbar a.selected:after { bottom:0; border-bottom:3px solid #cea84d; }
.nav-conbar.transy { transform:translateY(-50%); }
.nav-conbar.tide a { padding:1em; }
.nav-conbar.largebtn a { font-size:1.1em; border:1px solid #333; }



    @media -ms-viewport, screen and (min-width:1600px) {
    }
    @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media -ms-viewport, screen and (max-width:1025px) and (min-width:641px) {
    }
    @media -ms-viewport, screen and (max-width:640px) {
        .navrowobj .mask { display:flex; position:relative; height:auto; margin:0 auto; justify-content:center; }
        .navrowobj .mask a { padding:1.5em .5em; font-size:.75em; }
        .nav-conbar { text-align:left; }
        .nav-conbar a,
        .nav-conbar.tide a { width:auto; padding:.5em; font-size:.9em; margin-right:.1em; border:1px solid #ccc; }
        .nav-conbar.largebtn { text-align:center; }
        .nav-conbar.transy { transform:none; }

        .navrowobj.clone { position:fixed; bottom:0; left:0; transform:none; width:100%; text-align:center; }
        .navrowobj.clone .mask { display:flex; position:relative; height:auto; margin:0 auto; justify-content:center; }
        .navrowobj.clone.show { bottom:0; opacity:1; }
        .navrowobj.clone .mask a { padding:1.5 .8em; }

    }


 
   /* @media only screen and (max-width:1024px) and (min-width:641px)  {
    }
    @media only screen and (max-width:640px) {
        .nav-conbar { text-align:left; }
        .nav-conbar a,
        .nav-conbar.tide a { width:auto; padding:.5em; font-size:.9em; margin-right:.1em; border:1px solid #ccc; }
        .nav-conbar.largebtn { text-align:center; }
    }*/



.borderblock { border:2px solid black; padding:2em 4em; margin:4em auto; max-width:70%; }
.borderblock .sectitle { margin-top:.2em; }
.borderblock .btn { border:1px solid #cea84d; background:#cea84d; color:white!important; margin:1em auto; clear:both; word-break:keep-all; }
.borderblock .center { text-align:center; }
.borderblock.center { text-align:center; }
.borderblock.center ul, .borderblock.center ol { display:inline-block; font-size:.8em; width:auto; margin:1.5em auto; }
.borderblock.center li { text-align:left; }


.btn { display:inline-block; width:auto; cursor:pointer; font-size:1.1em; border-radius:2px; border-radius:0; text-align:center; padding:.5em; transform:translateY(1px); }
.btn.center { position:relative; margin:0 auto; font-family:'FSLucas'; display:block; /*transform:translateX(-50%);*/ }
.btn-shortcut { display:block; font-size:1.1em; padding-left:30px; position:relative; cursor:pointer; }
.btn-shortcut:before { content:url('../img/icons/icon-arrow-next.svg'); transition:all .3s; display:inline-block; width:14px; height:14px; margin-right:5px; opacity:.6; position:absolute; top:0; left:0; }
.btn-shortcut:hover:before { margin-right:10px; }

.btn-more { border-radius:0; cursor:pointer; display:inline-block; font-size:.65em!important; letter-spacing:5px; margin:1.5em 0; padding:6px 40px 6px 20px; position:relative;text-align:left; text-transform:uppercase; transition:all .3s; width:auto; }
    .btn-more:before { border-bottom:1px solid @color0; bottom:6px; content:''; display:block; height:@height0; left:0; opacity:.5;position:absolute;transition:all .3s; width:100%; }
    .btn-more:after { border-bottom:1px solid @color0; bottom:10px; content:''; display:block; height:@height0; opacity:.5; position:absolute; right:-1px; transform:rotate(45deg); transition:all .3s; width:11px; }
    .btn-more:hover { letter-spacing:8px; padding:6px 50px 6px 40px; }
        .btn-more:hover:before, 
        .btn-more:hover:after { opacity:1; }
    .btn-more.hover { letter-spacing:8px; padding:6px 50px 6px 40px; }


    .center .btn-more { padding:6px 20px; }


.btn-back { transform:translate(); }

.btn-prev { cursor:pointer; display:inline-block; margin:1.5em 0; padding:6px 40px 6px 20px; transition:all .3s; width:2em; height:1em; vertical-align:middle; background-image:url(../img/icons/icon-arrow-pre.svg); background-size:1em; background-position:center; background-repeat:no-repeat; }
.btn-next { cursor:pointer; display:inline-block; margin:1.5em 0; padding:6px 40px 6px 20px; transition:all .3s; width:2em; height:1em; vertical-align:middle; background-image:url(../img/icons/icon-arrow-next.svg); background-size:1em; background-position:center; background-repeat:no-repeat; }
.btn-primary { display:inline-block; margin:.5em auto; xxxxbackground:#cea84d; xxxcolor:white; padding:.7em 3.5em; border:1px solid black; border-radius:0; font-size:.9em; transform:translateY(-1px); color:#cea84d!important; border:1px solid #cea84d!important; transition:all .3s;}
.btn-primary:hover { color:#fff!important; background:#cea84d; text-decoration:none!important; }
.btn-goldline { display:inline-block; margin:.5em auto; color:#cea84d; padding:.7em 3.5em; border:1px solid #cea84d; border-radius:0; font-size:.9em; transform:translateY(-1px); text-decoration:none; }
.btn-goldline:hover { xxxtext-decoration:underline; }
.btn-goldlineformobj:hover { color:white; background:#cea84d; }
.btn-secondary { display:inline-block; margin:.5em auto; color:#cea84d;color:#959595; padding:.7em 3.5em; border:1px solid #959595; border-radius:0; font-size:.9em; transform:translateY(-1px); }
.btn-secondary:hover { color:white; xbackground:#cea84d;background:#959595; }
.btn-secondary:active { background:#bbb !important; }
.btn-downloadicon { display:inline-block; margin:4px 2px; height:50px; width:auto; }
.btn-link { display:inline-block; position:relative; padding:.5em 1.5em; margin:0 auto; cursor:pointer; transition:all .2s; overflow:hidden; font-size:.9em; vertical-align:middle; }
.btn-link:before { content:''; display:block; width:0; height:0; position:absolute; top:100%; left:50%; transform:translate(-50%,-50%); border-bottom:1px solid #333; transition:all .2s; z-index:5; }
.btn-link:hover:before { width:100%; }
.btn-center { position:relative; left:50%; transform:translateX(-50%); }


.btn-decotext { display:inline-block; margin:1em auto; color:black; position:relative; left:50%; transform:translateX(-50%); cursor:pointer; opacity:.5; }
.btn-decotext:after { content:''; display:block; width:0; height:1px; border-bottom:1px solid black; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s; }
.btn-decotext:hover { opacity:1; }
.btn-decotext:hover:after { width:200%; } 

.btn-ticket { display:inline-block; margin:.5em auto; color:white; background:#378bcb; padding:.7em 3.5em; border-radius:0; font-size:.9em; transform:translateY(-1px); }
.btn-ticket:hover { background:#327ab0; }

.btn-map { display:inline-block; margin:.5em auto; background:#3dc1cd; color:white; padding:.7em 3.5em; border-radius:0; font-size:.9em; transform:translateY(-1px); }
.btn-map:hover { background:#3ba4ae; }

.btn-parrow { display:inline-block; vertical-align:middle; letter-spacing:0; font-size:1.4em; font-weight:bold; position:relative; padding:.3em 0; padding-left:2.5em; transition:all .2s; }
.btn-parrow:before { content:url(../icon/icon-parrow.svg); display:inline-block; margin-right:.5em; width:1.6em; vertical-align:middle; position:absolute; top:50%; left:0; transform:translateY(-45%); vertical-align:middle; }
.btn-parrow:hover { letter-spacing:1px; }

.btnreset { display:inline-block; cursor:pointer; margin:.5em .9em; }
.btnreset:before { content:url('../img/icons/icon-close.svg'); transform:translateY(-1px); vertical-align:middle; width:1.5em; height:1.5em; margin-right:.5em; display:inline-block; opacity:.8; }
.btnreset:hover:before { opacity:1; }

.mousetracker { display:block; width:3em; height:3em; background:#555; opacity:.5; border-radius:50%; cursor:pointer; position:fixed; top:0; left:0; transform:translate(-50%,-50%); box-shadow:0 1px 2px rgba(0,0,0,.2); z-index:77777; transition:all .7s; pointer-events:none; }





.btn-fullgold { border:2px solid #cea752; color:#cea752; padding:1em; text-align:center; margin:1em auto; margin-bottom:2em; width:100%; }
.btn-fullgold:hover { background:#cea752; color:white; }



    @media -ms-viewport, screen and (min-width:1600px) {
    }
    @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media -ms-viewport, screen and (max-width:1024px) and (min-width:641px) {
    }
    @media -ms-viewport, screen and (max-width:640px) {
        .borderblock { padding:1em; margin:2em auto; max-width:100%; }
        .nav-conbar.largebtn { text-align:center; }
        .btn { font-size:1.2em; padding:.8em; }
        .btn-goldline { width:100%; }

        .btn-more { letter-spacing:0; font-size:.85em!important; }
        .btn-more:hover { letter-spacing:0; }
        .bookobj .navbar { display:none; }
    }







/*
============================================================================================================
               _ _            _     _ 
  _ __  ___ __| (_)__ _   ___| |__ (_)
 | '  \/ -_) _` | / _` | / _ \ '_ \| |
 |_|_|_\___\__,_|_\__,_| \___/_.__// |
                                 |__/                  
============================================================================================================
*/



.bobj { display:block; width:100%; height:calc(100vh - 50px); height:40vw; text-align:center; overflow:hidden; position:relative; background:black; z-index:13; }
.bobj .bannerclone { display:block; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:999; color:white; }
.bobj .bannerclone.floatleftbottom { top:auto; bottom:3%; left:0; transform:none; border:1px solid red; }
.bobj .bannerclone .flex { background:transparent; }
.bobj .bannerobj { position:relative; height:100%; width:100%; margin:0 auto; overflow:hidden; background:black; }
.bobj .bannerobj .cover { display:block; position:absolute; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,.7); z-index:400; opacity:0; }
.bobj .bannerobj .item { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-attachment:fixed; background-size:150%; background-repeat:no-repeat; height:100%; width:100%; transition:all 0.3s ease-in-out; }
.bobj .bannerobj .item .imgobj { display:block; overflow:hidden; height:100%; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:black; }
.bobj .bannerobj .item .imgobj img { width:101%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:.85; }
.bobj .bannerobj .item .imgobj.active { opacity:1; left:50%; animation:_enlarge 18s forwards linear; }
.bobj .bannerobj .counter { display:block; position:absolute; bottom:0; right:6em; padding:8px 15px; margin:0; color:white; text-align:right; z-index:122; font-size:.88em; }
.bobj.nolink .bannerobj .item { pointer-events:none; }

.banner-floatleftbottom { display:flex; align-items:top; text-align:left; position:absolute; top:-14vw; left:0; z-index:3999; color:white; text-shadow:0 1px 2px rgba(0,0,0,.2); }
.banner-floatleftbottom .vcol { display:block; width:auto; padding:1em 1.5em; font-size:.9em; border-right:1px solid white; }
.banner-floatleftbottom .vcol:last-child { border-right:0; }



    /* animation */
    @keyframes _fadein { 
        0%,1% { opacity:0; transform:translate(-50%,-50%) scale(.95); } 
        100% { opacity:1; transform:translate(-50%,-50%) scale(1); } 
    }
    @keyframes _enlarge { 
        0% { opacity:0; transform:translate(-50%,-50%) scale(1); } 
        3% { opacity:1; } 
        100% { transform:translate(-50%,-50%) scale(1.3); } 
    }


    .bobj.text { margin:60px 0 -30px 0; background:white; height:auto; z-index:14; }
    .bobj.text h1 { text-align:center; margin:.8em; margin-top:1.2em; font-size:2.4em; font-size:normal; line-height: 1.5;}
    .bobj.cover { height:40vw; }
    .bobj.cover img { display:block; width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:.88; }
    .bobj.cover h1 { display:block; position:relative; text-align:center; color:white; margin:.8em; margin-top:1.2em; font-size:2.4em; font-weight:normal; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }










.nobottom { margin-bottom:-50px; }
body.home .topbanner { margin-top:0; position:fixed; top:0; height:50vw;  }
.topbanner .bannerobj { xxmargin-top:0!important; }
.topbanner .centercon { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:white; z-index:88815; text-shadow:0 1px 2px rgba(0,0,0,.4); }
.topbanner .centercon.disabled { pointer-events:none; }
.topbanner .centercon h1 { font-size:3.6vw; margin:.5em 0; font-weight:normal; font-weight:bold; text-transform:uppercase; }
.topbanner .centercon p span { display:inline-block; margin:0; border-right:1px solid white; padding:.5em .8em; }
.topbanner .centercon p span:last-child { border-right:0; }
.bannerblock { display:block; position:relative; overflow:hidden; background:black; width:100%; height:30vw; }
.bannerblock img { display:block; width:100%; height:auto; opacity:.8; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.bannerblock .con { display:block; position:absolute; width:90%; height:auto; top:50%; left:50%; transform:translate(-50%,-50%); color:white; z-index:10; text-align:center; }
.bannerblock .con h3 { display:inline-block; font-size:2em; text-align:center; position:relative; padding:.5em 1em; }
.bannerblock.thick { height:40vw; }
.bannerflex { display:flex; height:21vw; }
.bannerflex a { display:block; width:33.33%; position:relative; background:black; }
.bannerflex a .img { display:block; width:100%; height:100%; background-size:cover; background-position:center; transition:all .2s; }
.bannerflex a .con { display:block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:white; text-align:center; transition:all .2s; }
.bannerflex a .con h3 { font-size:1.5vw; position:relative; padding:.5em; transition:all .3s; }
.bannerflex a .con h3:after { content:''; display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); border-bottom:2px solid white; width:0; transition:all .3s; }
.bannerflex a:hover .img { opacity:.8; }
.bannerflex a:hover .con h3 { padding-bottom:.3em; }
.bannerflex a:hover .con h3:after { width:15vw; }
.bannerflex.smaller { width:calc(100% - 10em); margin:2em auto; }
.bannerflex.smaller a { width:calc(33.33% - 2em); margin:1em; }
.bannerflex.msmaller { margin:0 auto; }
.bannerflex.msmaller a {}

.navset { position:absolute; z-index:490; bottom:0; left:50%; transform:translateX(-50%); background:transparent; padding:1.2em 0; }
.navset a { display:inline-block; width:10px; height:10px; box-shadow:0 1px 2px rgba(0,0,0,.3); transition:all .2s; opacity:.3; vertical-align:middle; border-radius:10px; background:white; margin:1em .5em; }
.navset a.selected { opacity:1; width:15px; height:15px; }
.topbanner.sidenav .navset { text-align:right; right:2em; bottom:0; transform:translateX(0); }

.navnumberset { padding:2em; text-align:center; }
.navnumberset a { display:inline-block; width:40px; text-align:center; padding:.8em; transition:all .2s; opacity:.3; vertical-align:middle; border-radius:3px; border:1px solid #ccc; background:white; margin:.2em; cursor:pointer; }
.navnumberset a.selected { opacity:1; box-shadow:inset 0 1px 2px rgba(0,0,0,.3); }

        
    /* different screen */

        @media -ms-viewport, screen and (min-width:1600px) {
        }
        @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
        }
        @media -ms-viewport, screen and (max-width:1024px) and (min-width:415px) {
            .bobj.text h1,
            .bobj.cover h1 { font-size:2em; }
        }
        @media -ms-viewport, screen and (max-width:414px) {
            .bobj { height:110vw!important; }
            .bobj h1,
            .bobj.text h1,
            .bobj.cover h1 { font-size:1.6em; width:100%; }
            .bobj.text { margin:0; padding:4em 0 0 0; background:white; height:auto!important; }
            .bobj.text h1 { margin:1.5em 0 1em 0; }
            .bobj.cover { height:70vw; }
            .bobj.cover img { height:100%; width:auto; }
            .bobj.cover h1 { margin:.8em 0; }
            .bobj .bannerobj .item { width:170%; }
            .bobj .bannerobj .item .imgobj img { height:101%; width:auto; }
            
            .navset { padding:0; }
            .navset a { width:5px; height:5px; opacity:.8; margin:1em .2em; }
            .topbanner.sidenav .navset { text-align:center; right:auto; transform:translateX(-50%); }
            .nobottom { margin-bottom:-20px; }

            .topbanner .centercon { width:100%; }
            .topbanner .centercon h1 { font-size:2em; }
            .bannerblock { height:60vw; }
            .bannerblock .con h3 { font-size:1.2em; }
            .bannerblock.thick { height:85vw; }
            .bannerblock.thick img { width:auto; height:100%; }

            .bannerflex { display:block; height:auto; }
            .bannerflex a { width:100%; height:40vw; }
            .bannerflex a .con h3 { font-size:1.3em; }
            .bannerflex.smaller { width:100%; }
            .bannerflex.smaller a { width:calc(100% - 2em); height:150px; }
            .bannerflex.msmaller { width:100%; }
            .bannerflex.msmaller a { width:calc(100% - 2em); margin:1em; height:150px; }
            .bannerflex a { width:calc(100% - 2em); margin:1em; height:150px; }

            .banner-floatleftbottom { display:none; }

        }



        /*@media only screen and (max-width:1400px) and (min-width:1025px)  {
        }
        @media only screen and (max-width:1024px) and (min-width:641px)  {
        }
        @media only screen and (max-width:640px) {

            .bobj { height:60vw; }
            .bobj h1,
            .bobj.text h1,
            .bobj.cover h1 { font-size:1.6em; width:100%; }
            .bobj.text { margin:0; padding:4em 0 0 0; background:white; }
            .bobj.text h1 { margin:1.5em 0 1em 0; }
            .bobj.cover { height:70vw; }
            .bobj.cover img { height:100%; width:auto; }
            .bobj.cover h1 { margin:.8em 0; }
            
            .navset { padding:0; }
            .navset a { width:5px; height:5px; opacity:.8; }

            .topbanner .centercon { width:100%; }
            .bannerblock { height:60vw; }
            .bannerblock .con h3 { font-size:1.2em; }
            .bannerblock.thick { height:85vw; }
            .bannerblock.thick img { width:auto; height:100%; }

            .bannerflex { display:block; height:auto; }
            .bannerflex a { width:100%; height:40vw; }
            
        }*/

.newslistblock { position:relative; display:block; margin:3em auto; }
.newslistblock .item { display:block; width:70%; margin:0 auto; border-top:1px solid #ccc; cursor:pointer; } 
.newslistblock .item .imgobj { display:inline-block; overflow:hidden; height:12vw; width:20vw; margin:.7em 0; vertical-align:middle; background-position:center; background-size:cover; }
.newslistblock .item .imgobj img { width:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .3s ease-in-out; }
.newslistblock .item .con { display:inline-block; width:50%; vertical-align:middle; text-align:left; margin-left:3%; }
.newslistblock .item .con h3 { text-align:left; font-size:1.05em; }
.newslistblock .item .con p { display:block; font-size:.9em; }
.newslistblock .item:hover h3, 
.newslistblock .item:hover p { color:#cea84d; }

.newsplayblock { position:relative; display:block; margin:1em auto; height:18vw; }
.newsplayblock .item { display:flex; width:70%; width:calc(100% - 1em); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); xxxborder:1px solid #f1f2f5; cursor:pointer; align-content:center; } 
.newsplayblock .item .imgobj { display:block; overflow:hidden; height:18vw; width:50%; vertical-align:middle; background-position:center; background-size:contain;background-size:cover; background-color:black; background-repeat:no-repeat; }
.newsplayblock .item .imgobj img { width:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .3s ease-in-out; }
.newsplayblock .item .con { display:block; width:50%; vertical-align:middle; text-align:left; padding:3%; font-size:1.05em; }
.newsplayblock .item .con h3 { text-align:left; font-size:1.5em; margin:0 0 .5em 0; }
.newsplayblock .item .con p { display:block; font-size:.9em; }
.newsplayblock .navswitchset { bottom:0; right:0; }
.newsplayblock .btn-prev,
.newsplayblock .btn-next { display:block; width:60px; height:60px; padding:0; margin:0; border-radius:50%; border:1px solid gray; background:white; position:absolute; top:50%;top:calc(100% - 30px); transform:translateY(-50%); opacity:.5; }
.newsplayblock .btn-prev:hover,
.newsplayblock .btn-next:hover { opacity:1; }
.newsplayblock .btn-prev:before,
.newsplayblock .btn-next:before { content:''; display:block; width:1.5em; margin:0; padding:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:0; }
.newsplayblock .btn-prev:before { content:url(../icon/icon-arrowprev.svg); }
.newsplayblock .btn-next:before { content:url(../icon/icon-arrownext.svg); }
.newsplayblock .btn-prev { left:0;left:auto; right:90px; top:calc(100% - 40px); }
.newsplayblock .btn-next { right:0; right:20px; top:calc(100% - 40px); }

.newsplayblock .navswitchset { bottom:0; right:0; }


        @keyframes _movein {
            0% { transform:translate(-50%,-50%) scale(1); opacity:0; }
            100% { transform:translate(-50%,-50%) scale(1); opacity:1; }
        }



.cattitle { font-size:1.2em; margin:1.5em 0 .5em 0; }
.locallang-en .cattitle { xxfont-family:'FSLucas'; margin:3em 0 1em 0; }

.listarea { display:block; padding:2em 0; margin:0 auto; }
.listitem { display:flex; display:flex; flex-wrap:wrap; }
.listitem .cardobj { display:block; border-bottom:1px solid #ccc; margin:0; padding:0; width:25%; cursor:pointer; }
.listitem .cardobj .imgobj { display:block; margin:0; border:0; background-repeat:no-repeat; background-position:center; background-size:contain; width:100%; height:15vw; }
.listitem .cardobj .con { padding:0 1em .5em 1em; text-align:center; }
.listitem .cardobj .con p { padding:0; text-align:center; }
.listitem .cardobj .con h5 { margin-top:1em; }
.listitem .cardobj .con .btn-more { padding:.5em 1em; text-align:center; }
.listitem.pc3 .cardobj { width:33.33%; }
.listitem .btnset { display:block; border:1px solid red; text-align:center; position:absolute; bottom:0; text-align:center; }
.listitem .btnset .btn-prev,
.listitem .btnset .btn-next { display:inline-block; width:3em; height:3em; border-radius:50%; border-radius:1px solid #ccc; }
.listitem .btnset .btn-prev:before,
.listitem .btnset .btn-next:before { content:''; display:block; width:1.5em; margin:0; padding:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.listitem .btnset .btn-prev:before { content:url(../icon/icon-arrowprev.svg); }
.listitem .btnset .btn-prev:before { content:url(../icon/icon-arrownext.svg); }


.listarea.tiny .cardobj { width:12.5%; }
.listarea.tiny .cardobj .imgobj { height:4vw; }
.listarea.logo .cardobj .imgobj { background-size:70%; height:8vw; }
.listarea.largeimg .cardobj { border:0; border-bottom:1px solid #ccc; }
.listarea.largeimg .cardobj .imgobj { height:10vw; }
.listarea.inrow { width:calc(100% + 4em); margin:2em 0; height:12vw; position:relative; }
.listarea.inrow .listitem { position:absolute; top:2em; left:0; width:300vw; }
.listarea.inrow .listitem .cardobj { width:22vw; }
.listarea.inlist .row { width:100%; text-align:left; display:flex; border-bottom:1px solid #ccc; align-items:center; cursor:pointer; }
.listarea.inlist .row .imgobj { height:50px; width:100px; display:block; margin:0; border:0; background-repeat:no-repeat; background-position:center; background-size:contain; }
.listarea.inlist .row p { width:170px; vertical-align:middle; text-align:center; }
.listarea.inlist .row p.name { margin-left:1em; width:50%; text-align:left; }
.listarea.inlist .row.header { border-bottom:2px solid black; position:relative; cursor:default; }
.listarea.inlist .row.header p { font-size:.85em; font-weight:bold; border-right:1px solid #ccc; padding:.5em 1em; }
.listarea.inlist .row.header p.name { width:calc(50% + 100px); }
.listarea.inlist .row.header p:last-child { border-right:0; }
/*    .listarea.inlist .row p:nth-child(3) { display:none; }
    .listarea.inlist .row.header p:nth-child(3) { display:block; }
    .listarea.inlist .row.header p:nth-child(2) { display:none; }*/

.listitem.noborder { border:0; }
.listitem.smaller .cardobj { width:16.6%; }
.listitem.smaller .cardobj .imgobj { height:6vw; }
.listitem.noborder .cardobj { border-bottom:0; }
.listitem.list3 .cardobj { width:calc(33.33% - 1em); margin:.5em; }
.listitem.circle .cardobj { border:0; text-align:left; }
.listitem.circle .cardobj .imgobj { display:block; width:8vw; height:8vw; border-radius:50%; vertical-align:middle; margin:1em auto; }


.listnews { display:block; display:flex; flex-wrap:wrap; width:100%; margin:0 auto; padding:2em 0; position:relative; cursor: pointer;}
.listnews .item { display:block; background:white; width:calc(33.33% - 1.4em); height:auto!important; margin:.7em; vertical-align:top; border-bottom:1px solid #ccc; position:relative; padding:0; cursor:pointer; }
.listnews.list1 .item,
.listnews.list3 .item { width:calc(50% - 1.4em); }
.listnews .item:before { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:0; background:#cea84d; transition:all .5s; }
.listnews .item.transparent { background:transparent; }
.listnews .item .img { background:black; height:13vw; /*max-height:150px!important;*/ overflow:hidden; position:relative; background:black; }
.listnews .item .img img { display:block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:1; transition:all .3s; }
.listnews .item .img img.homespecial { height:100%!important; object-fit:cover; }
.listnews.shop .item .img { height:16vw!important; }
.listnews .item .con { padding:.5em 0; padding-bottom:3.5em; }   
.listnews .item .con h3,
.listnews .item .con h4.h3 { font-size:1.3em; line-height:140%; margin:.2em 0; text-align:left; transition:all .3s; }  
.listnews .item .con strong { display:block; margin:1em 0; }   
.listnews .item .con p { display:none; margin:1em 0; }   
.listnews .item .con small { color:#333; }   
.listnews .item .con .btndetail { display:block; position:absolute; bottom:.7em; left:50%; transform:translateX(-50%)!important; transition:all .2s; cursor:pointer; margin:0; font-size:.9em; }
.listnews .item .tag { display:block; width:auto; position:absolute; top:0; right:0; font-size:.7em; padding:.3em .8em; color:white; font-weight:bold; background:#c6a23c; }
.listnews .item .tag.activity { background:#c6a23c; }
.listnews .item .tag.mall { background:#946294; }
.listnews .item .tag.observatory { background:#3788cc; }
.listnews.bigtop .item:first-child { width:100%; }
.listnews.bigtop .item:first-child .img { height:33vw; }
.listnews.bigtop .item:first-child .img img { height:105%; width:auto; }
.listnews.bigtop .item:first-child .con { padding:.5em 0; padding-bottom:3.5em; } 
.listnews.bigtop .item:first-child .con p { display:block; }   
.listnews .nodata { display:block; padding:4em; text-align:center; width:100%; }
.listnews.recommand { width:80%; }
.listnews.showp .item .con p { display:block; }
.listnews.showp .item .con .btn { display:inline-block; border:1px solid #cea84d; color:#cea84d; margin-right:.5em; text-decoration:none; font-size:.9em; }
.listnews.showp .item .con .btn:hover { background:#cea84d; color:white; }
.listnews.center { justify-content:center; }
.listnews.for2 .item { width:calc(50% - 1.4em); }
.listnews.for4 .item { width:calc(25% - 1.4em); }
.listnews.fullimg .item { height:20vw; }
.listnews.fullimg .item .img { height:100%; }
.listnews.fullimg .item .con { color:white; }
.listnews.gallery .item { height:16vw; border:0; margin:1em; width:calc(25% - 2em); font-size:.8em; background:transparent; }
.listnews.gallery .item .img { height:100%; }
.listnews.gallery .item .img img { height:108%; width:auto; }
.listnews.gallery .item .con { z-index:5; display:block; position:absolute; bottom:0; left:0; color:white; padding:1em; }
.listnews.gallery .item .con p { margin:.2em 0; }
/*
.listnews.gallery .item:nth-child(1),
.listnews.gallery .item:nth-child(10),
.listnews.gallery .item:nth-child(15),
.listnews.gallery .item:nth-child(24),
.listnews.gallery .item:nth-child(25)
 { height:30vw; width:calc(50% - 2em); }
 */
.listnews.shop .item { xxxxheight:20vw; border:0; margin:1em; width:calc(16.6% - 2em); border-bottom:1px solid #ccc; cursor:pointer; justify-content:top; align-items:top; display:flex; flex-wrap:wrap; flex-direction:column; }
.listnews.shop .item .img { height:60%; background:transparent; width:100%; display:block; }
.listnews.shop .item .img img { width:103%; height:auto; }
.listnews.shop .item .con { display:block; text-align:center; position:relative; width:100%; height:9vw; justify-content:top; }
.listnews.shop .item .con h3 { font-size:.9em; text-align:center; }
.listnews.shop .item .con p { display:block; margin:.2em 0; }
.listnews.shop .item .con p.price { display:block; font-weight:bold; font-family:'FSLucas'; position:absolute; bottom:.3em; left:50%; transform:translateX(-50%); text-align:center; }
.listnews.shop .item .con small { display:block; font-size:.65em; color:gray; }
.listnews.shop .item:hover { xxxborder:1px solid #333; }
.listnews.ig .item { height:18vw; border:0; margin:.5em; width:calc(25% - 1em); font-size:.8em; background:transparent; }
.listnews.ig .item .img { height:100%; }
.listnews.ig .item .img img { height:118%; width:auto; }
.listnews.ig .item .con { z-index:5; display:block; position:absolute; bottom:0; left:0; color:white; padding:1em; }
.listnews.ig .item .con p { margin:.2em 0; }
/*
.listnews.ig .item:nth-child(1),
.listnews.ig .item:nth-child(6),
.listnews.ig .item:nth-child(10),
.listnews.ig .item:nth-child(24),
.listnews.ig .item:nth-child(25)
 { height:36vw; width:calc(50% - 1em); }
*/
.listnews.igset { padding:.5em; padding-right:0; margin-bottom:1.5em; }
.listnews.igset .item { border:0; margin:0; padding:.7em; width:16.66%; font-size:.8em; background:transparent; xxxxborder:1px solid red; }
.listnews.igset .item .img {}
.listnews.igset .item .img img { height:125%; width:auto; }
.listnews.igset .item .con { z-index:5; display:block; /*position:absolute; bottom:0; left:0; color:white; padding:1em;*/ }
.listnews.igset .item .con p { margin:.2em 0; }
.listnews.igset.igsetob { margin:.5em; margin-left:-1em; margin-right:-1em; width:calc(100% + 2em); display:flex; }
.listnews.igset.igsetob .item { width:calc(20% - 1.4em); }
.listnews.igset.igsetob .item .img {}
.listnews.home { padding:0; }
.listnews.home .item { width:calc(25% - 1.4em); position:relative; }
/*
.listnews.home .item:after { content:'Mall'; display:block; color:white; padding:.3em 1.5em; font-size:.6em; font-weight:bold; font-family:'FSLucas'; background:#9a779b; position:absolute; top:7px; right:0; }
.listnews.home .item:nth-child(2):after,
.listnews.home .item:nth-child(4):after { content:'Observatory'; background:#7896d5; }
*/
.listnews.home .item .img { height:10vw; }
.listnews.home .item .con h3 { padding:.3em 0; font-size:1.2em; }
.listnews.mobilerow { display:block; overflow:hidden; margin-left:-1em; width:calc(100% + 2em); padding:1em; }
.listnews.mobilerow .mask { display:flex; position:absolute; top:0; left:0; padding:0 1em; }
.listnews.mobilerow .mask .item { display:inline-block; }
.listnews.nohover .item { pointer-events:none; }
.listnews .item.nohover { pointer-events:none; }
.listnews.nobottomline .item { border-bottom:0; }
.listnews .item:hover:before { height:2px; }
.listnews .item:hover .img img { opacity:.8; xxxxtransform:translate(-50%,-50%) scale(1.02); }
.listnews .item:hover .con .btndetail { letter-spacing:2px; }
.listnews.insidelink .item { cursor:default; }
.listnews.insidelink .item:hover:before { height:0; }
.listnews.insidelink .item:hover .img img { opacity:1; }

.newsblock { display:block; width:100%; margin:0 auto; }
.newsblock .topbar { display:block; padding:2em 0; vertical-align:top; opacity:1; background:#474747; color:white;  }
.newsblock .topbar .inner { display:block; width:80%; max-width:1024px;max-width:800px; margin:6vw auto .5em auto; padding:0 1.5em; }
.newsblock .topbar h3 { margin:0; color:white; font-size:2em;font-size:1.8em; xxxxpadding-left:1.2em; xxxxborder-left:10px solid white; }
.newsblock .topbar p { font-size:1.1em; font-weight:bold; border-bottom:1px solid white; padding-bottom:1em; color:white!important; }
.newsblock .topbar p span, small { font-size:.9em; color:gray; font-weight:normal; margin-bottom:.5em; }
.newsblock .topbar p small { color:inherit; }
.newsblock .topbar p:last-child { border-bottom:0; }
.newsblock .con { display:block; width:80%; padding:1em 1.5em; max-width:800px; overflow-x:hidden; margin:0 auto; line-height:220%; vertical-align:top; position:relative; }
.newsblock .con .content * { line-height:180%; }
.newsblock .con .content iframe { width:100%; height:23vw; max-height:400px; } 
.newsblock .con .content p { padding:1em 0; }
.newsblock .con img { margin:1.2em 0; width:100%; max-width:100%; height:auto; }
.newsblock .con small { font-size:.88em; display:block; margin:1em 0; color:gray; }
.newsblock .con small a { text-decoration:underline; color:#cea84d; }
.newsblock .con .code { font-size:.8em; margin:.5em 0; font-weight:bold; }
.newsblock .con .price { font-size:1.2em; }
.newsblock .con .taglist {}
.newsblock .con .taglist a { font-size:.8em; display:inline-block; border:1px solid #cea84d; padding:.3em 1em; color:#cea84d; margin-right:.2em; }
.newsblock .con:before { content:''; display:block; width:1px; height:90%; position:absolute; top:0; left:0; background:#ccc; 
                    background: rgb(255,255,255);
                    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
                    background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
                    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%); display:none; }
.newsblock .con .btn-decotext { text-align:center; }
.newsblock .larger .con { font-size:1em; }

    


    @media only screen and (max-width:1440px) and (min-width:1025px) {
    }
    @media only screen and (max-width:1024px) and (min-width:769px) {
        .listnews.shop .item { height:240px; width:calc(20% - 2em); }
        .listnews.shop .item .img { height:50%; }
        .listnews.igset .item { width:25%; }
    }
    @media only screen and (max-width:768px) and (min-width:641px) {
        .listnews.shop .item { height:240px; width:calc(20% - 2em); }
        .listnews.shop .item .img { height:50%; }
        .listnews.igset .item { width:33.33%; }
    }
    @media only screen and (max-width:640px) {
        .newsplayblock { height:auto; display:block; text-align:center; }
        .newsplayblock .item { display:block; width:100%; position:relative; top:auto; left:auto; transform:none; } 
        .newsplayblock .item .imgobj { height:150px; width:100%; }
        .newsplayblock .item .con { display:block; width:100%; margin-left:0; }
        .newsplayblock .item .lazyload { opacity:1; }
            .newsplayblock .btn-prev,
            .newsplayblock .btn-next { display:inline-block; width:40px; height:40px; margin:.5em; position:relative; top:auto; transform:none; left:auto; right:auto; top:auto; }
            .newsplayblock .btn-prev:before,
            .newsplayblock .btn-next:before { width:1.5em; }

        .newslistblock { margin:1em auto; }
        .newslistblock .item { width:100%; }
        .newslistblock .item .imgobj { height:150px; width:100%; }
        .newslistblock .item .con { width:100%; padding:1.2em 0; font-size:1em; margin:0; }

        .cattitle { text-align:center; margin-top:2.5em; }

        .listitem .cardobj { width:33.33%; }
        .listitem .cardobj .imgobj { height:45vw!important; }
        .listitem.mobile1 .cardobj { width:100%; }
        .listitem.mobile2 .cardobj { width:49.9%; }
        .listitem.smaller .cardobj { width:16.6%; }
        .listitem.smaller .cardobj .imgobj { height:6vw; }
        .listitem.list3 .cardobj { width:calc(50% - 1em); width:calc(100% - 1em); }
        .listitem.list3 .cardobj .imgobj { height:50vw; background-size:cover; }
        .listarea.tiny .cardobj { width:25%; }
        .listarea.tiny .cardobj .imgobj { height:10vw; }
        .listarea.largeimg .cardobj { width:50%; }
        .listarea.largeimg .cardobj .imgobj { height:20vw; }
        .listarea.inlist .row .imgobj { width:80px; display:none; }
        .listarea.inlist .row p { width:100px; }
        .listarea.inlist .row.header p.name { width:calc(50% + 100px); }

        .listnews {}
        .listnews .item { /*width:calc(50% - 1em); margin:.5em;*/ width:calc(50% - 1em); width:calc(100% - 1em); margin:1em .5em; }
        .listnews .item .img { /*height:22vw;*/ height:24vw; }
        .listnews .item .con { padding-bottom:3.5em; }  
        .listnews.shop .item .con { height:auto; }   
        .listnews .item .con h3,
        .listnews .item .con h4.h3 { font-size:1.1em; }
        .listnews.recommand { width:100%; padding:1em; }
        .listnews.shop .item { width:calc(33.33% - 2em); }
        .listnews.shop .item .img { height:33vw!important; }
            .listnews.gallery .item { height:120px!important; margin:.5em; width:calc(50% - 1em); }
            .listnews.gallery .item .con { padding:.5em; }
            .listnews.gallery .item:nth-child(1),
            .listnews.gallery .item:nth-child(10),
            .listnews.gallery .item:nth-child(15),
            .listnews.gallery .item:nth-child(24),
            .listnews.gallery .item:nth-child(25)
            { width:100%; height:90vw; }

            .listnews.ig .item { width:50%; }
            .listnews.ig .item .img img { width:108%; height:auto; }
            .listnews.igset .item { width:calc(33.33% - 2px); padding:5px; }
            .listnews.igset .item .img img { width:108%; height:auto; }

        .listnews.home .item { width:calc(50% - 1em); width:calc(100% - 1em); }
        .listnews.for2 .item { width:calc(100% - 1em); }
        .listnews.for4 .item { width:calc(50% - 1em); }
        .listnews.for4 .item.fullitem { width:100%; }

        .newsblock .topbar .inner { width:100%; margin:60px 0 .5em 0; }
        .newsblock .topbar .inner h3 { font-size:1.4em; }
        .newsblock .con { width:100%; padding:1em 1.5em; }
        .newsblock .con .content iframe { height:200px; }

    }

.searchobj { background-color:#f1f2f5; transition:all .3s; padding:0; background:white; margin:0 auto; padding:0; max-width:100%; font-size:.9em; } 
.searchobj .centercon { display:block; margin:0 auto; width:100%; }
.searchobj .centercon .btn-primary {}
.searchobj .centercon .group { display:block; padding:1em 0; padding:.5em 0; position:relative; }
.searchobj .centercon .group .form-row { padding:.2em; }
.searchobj .centercon .group.flexset { display:flex; }
.searchobj .centercon .group.flexset .setgroup { display:block; }
.searchobj .centercon .group.flexset_f { display:flex; }
.searchobj .centercon .group.flexset_f .setgroup { display:block; }
.searchobj .centercon .lang-switch { display:table-cell; vertical-align:top; background-color:#333; color:white; margin-bottom:5px; border:1px solid #333; min-width:100px; display:inline-block; text-align:center; }
.searchobj .centercon .lang-switch .item { padding:.3em; opacity:.5; border:0; word-break:keep-all; cursor:pointer; transition:all .3s; display:block; width:50%;}
.searchobj .centercon .lang-switch .item:hover { background:#fff; color:#000; }
.searchobj .centercon .lang-switch .item.item-active { opacity:1; }
.searchobj .centercon .flexset { display:block; }
.searchobj .centercon .flexset .lang-switch { display:flex; position:absolute; top:.5em; left:.2em; }
.searchobj .centercon .flexset .lang-switch_f { display:flex; position:absolute; top:.5em; left:.2em; }
.searchobj .centercon .flexset_f { display:block; }
.searchobj .centercon .flexset_f .lang-switch { display:flex; position:absolute; top:.5em; left:.2em; }
.searchobj .centercon .flexset_f .lang-switch_f { display:flex; position:absolute; top:.5em; left:.2em; }


.searchobj .centercon .lang-switch_f { display:table-cell; vertical-align:top; background-color:#333; color:white; margin-bottom:5px; border:1px solid #333; min-width:100px; display:inline-block; text-align:center; }
.searchobj .centercon .lang-switch_f .item { padding:.3em; opacity:.5; border:0; word-break:keep-all; cursor:pointer; transition:all .3s; display:block; width:50%;}
.searchobj .centercon .lang-switch_f .item:hover { background:#fff; color:#000; }
.searchobj .centercon .lang-switch_f .item.item-active { opacity:1; }

.searchobj .centercon .btn-inline { display:inline-block; width:24px; height:24px; padding:0 .2em; text-align:center; border:1px solid #333; margin:0 5px 5px 0; cursor:pointer; }
.searchobj .centercon .btn-inline.selected { background:#333; color:white; }
.searchobj .centercon .btn-type { cursor:pointer; xxx-padding:.3em 0 .3em 30px!important; padding:.2em!important; position:relative; display:inline-block; width:calc(20% - .41em); margin:0; text-align:left; border:1px solid #333; margin:.2em; vertical-align:top; text-align:center; }
.searchobj .centercon .btn-type .material-icons { display:block; position:absolute; top:0; left:10px; font-size:22px; font-weight:bold!important; transform:translateY(2px); display:none; }
.searchobj .centercon .btn-type.selected { background:#333; color:white; xxxxcolor:#cea84d; }
.searchobj .centercon .serviceblock { padding:.2em; }
.searchobj .centercon .serviceblock span { display:inline-block; margin-right:15px; }
.searchobj .centercon .serviceblock .btn-type { display:inline-block; width:auto; border:0; padding:.1em 1em!important; background:#c2c5c8; border-radius:5px; margin:0 5px 5px 0; opacity:.5; }
.searchobj .centercon .serviceblock .btn-type.selected { opacity:1; background:#cea84d; color:white; }

.searchobj .centercon .serviceblock_f { padding:.2em; }
.searchobj .centercon .serviceblock_f span { display:inline-block; margin-right:15px; }
.searchobj .centercon .serviceblock_f .btn-type { display:inline-block; width:auto; border:0; padding:.1em 1em!important; background:#c2c5c8; border-radius:5px; margin:0 5px 5px 0; opacity:.5; }
.searchobj .centercon .serviceblock_f .btn-type.selected { opacity:1; background:#cea84d; color:white; }
.searchobj .centercon .searchblock_f input { width:calc(100% - 200px); margin-left:.2em; }
.searchobj .centercon .searchblock_f .btn { width:180px; }

.searchobj .centercon .searchblock input { width:calc(100% - 200px); margin-left:.2em; }
.searchobj .centercon .searchblock .btn { width:180px; }
.searchobj .centercon .shortencon { display:block; position:relative; display:none; width:100%; padding-left:50px; }
.searchobj .centercon .shortencon p { margin:0; padding:0; vertical-align:middle; }
.searchobj .centercon .shortencon .btn-extand { display:block; cursor:pointer; width:27px; height:27px; background-color:#333; background-image:url(../img/icons/icon-arrow-down-white.svg); background-repeat:no-repeat; background-position:45% center; background-size:50%; border-radius:4px; position:absolute; top:50%; left:0; transition:all .3s; transform:translateY(-50%); }
.searchobj .centercon .shortencon .btn-extand:hover { opacity:1; }

.searchobj.shorten { padding:1em 3em; }
.searchobj.shorten .row { display:none; }
.searchobj.shorten .group { display:none; }
.searchobj.shorten .shortencon { display:block; }



    .locallang-en .btn-type { font-size:.84em; font-weight:bold; }
    .locallang-en h5 { font-size:1.03em; font-weight:bold; }
    .locallang-ja .searchobj .centercon .btn-type { font-size:.8em; width:calc(25% - .41em); }
    @media only screen and (max-width:1440px) and (min-width:951px) {
    }
    @media only screen and (max-width:950px) and (min-width:769px) {
    }
    @media only screen and (max-width:768px)  {
        .searchobj .centercon .btn-type { width:calc(50% - .41em); }
        .searchobj .centercon .group { display:block; width:100%; }
        .searchobj .centercon .group.flexset { display:block; padding-left:0!important; }
        .searchobj .centercon .group.flexset .setgroup { margin:.8em .2em!important; }
        .searchobj .centercon .lang-switch { position:relative!important; }
        .searchobj .centercon .searchblock { text-align:center; }
        .searchobj .centercon .searchblock input { width:100%; }
        .searchobj .centercon .searchblock .btn { margin:1em auto; }
    }







.shareset { position:fixed; top:18em; left:0; padding:.5em; position:relative; text-align:center; top:auto; }
.shareset p { padding:.5em; }
.shareset a { display:block; margin:.8em; width:50px; height:40px; background-size:60%; background-position:center; background-repeat:no-repeat; cursor:pointer; opacity:.5; transition:all .2s; display:inline-block; opacity:1; margin:2.5em 0; border:1px solid transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale')"; }
.shareset a:hover { opacity:1; }
.shareset .iconfb { background-image:url(../img/icons/icon_fb.svg); }
.shareset .icontwitter { background-image:url(../img/icons/icon_twitter.svg); }
.shareset .iconline { background-image:url(../img/icons/icon_line.svg); }

.brandblock { display:flex; }
.brandblock .sidearea { display:block; width:28%; padding:0; border-right:1px solid #ccc; }
.brandblock .sidearea .cardlogo { display:block; width:100%; }
.brandblock .sidearea .con { display:block; }
.brandblock .sidearea .con a { text-decoration:underline; }
.brandblock .conarea { display:block; width:72%; padding:2em; }
.brandblock .conarea h5 { display:block; margin:1.5em 0; font-size:1.5em; }
.brandblock .conarea h5:first-child { margin-top:0; }



.listbook { display:flex; flex-wrap:wrap; justify-content:center; padding:4em 8em; width:100%; }
.listbook .item { color:#333; display:block; text-align:left; text-decoration:none; width:33.33%; cursor:pointer; position:relative; height:auto; margin:-1px 0 0 -1px; padding:1em 1.8em; padding-top:26vw; vertical-align:top; font-size:.9em; text-align:left; xxxborder:1px solid #ccc; text-align:center; }
.listbook .item img { display:block; width:18vw; height:auto; margin:1em auto; box-shadow:0 2px 4px rgba(0,0,0,.2); margin-bottom:1.8em; position:absolute; top:12vw; left:50%; transform:translate(-50%,-50%); transition:all .3s; }
.listbook .item p { font-size:.9em; margin:1em 0 3em 0; }
.listbook .item strong { font-size:1.2em; }
.listbook .item h4 { font-size:1.3em; xx-font-weight:bold!important; xxx-font-family:'Arial Black'; }
.bgclip { display:block; position:absolute; top:0; left:0; width:40vw; height:170%; background-size:cover; background-position:center; }
.bgclip:after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:30%; background:rgb(255,255,255); background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }


.currentmagazine { display:block; position:relative; padding:0; padding-left:50%; padding-bottom:0; }
.currentmagazine h1, 
.currentmagazine h2 { font-size:8vw; margin:.2em 0; }
.currentmagazine .imgobj { display:block; width:25vw; position:absolute; left:30%; top:57%; transform:translate(-50%,-50%); box-shadow:0 5px 10px rgba(0,0,0,.2);  }
.currentmagazine .con { display:block; text-align:left; padding:4em 0; /*background-color:#151515; color:white;*/ margin-left:50%; }
.currentmagazine .con h4 { margin:1em 0 .2em 0; }
.currentmagazine .con span { font-size:.8em; padding:.2em; }
.currentmagazine .con h3 { margin:.2em 0 1em 0; color:#cea84d; font-size:1.8em; }
.currentmagazine .con b { font-size:.8em; margin-top:2em; }
.currentmagazine .con .list span { opacity:.5; }
.currentmagazine .con .list p { margin:.2em 0; }
.currentmagazine .con .list p>span { display:inline-block; background:black; color:white; width:120px; text-align:center; margin-right:15px; padding:2px; font-size:.8em; }
.currentmagazine .con .btnset { padding:0; margin-top:2em; }
.currentmagazine .con .btnset .btn { margin:1em 0!important; padding:1em 4em!important; } 

.currentmagazine.toprow {}
.currentmagazine.toprow .imgobj { width:15vw; }


.currentcontent { width:auto; max-width:65vw; margin:0 auto; padding:4em; }
.currentcontent a { color:#333; display:block; text-align:left; text-decoration:none; cursor:pointer; position:relative; padding-left:13vw; height:auto; margin-bottom:2em; }  
.currentcontent a img { display:block; width:10vw; height:7vw; position:absolute; top:0; left:0; object-fit:cover; }
.currentcontent a span { font-size:1em; opacity:.7; display:block; }
.currentcontent a strong { font-size:1.2em; }
.currentcontent a h4 { font-size:1.3em; }


.spanblock { text-align:center; padding-top:2em; display:inline-block; }
.conblock { display:flex; }
.conblock .sidebar { width:27%; border:1px solid red; }
.conblock .con { width:73%; text-align:left; border:1px solid green; }
.conblock .con img { max-width:100%; margin:1em 0; }
.authorblock { display:block; background:#f1f2f5; padding:1em 1.5em; margin:1em 0; }
.note { font-size:.9em; opacity:.8; margin-bottom:1.2em; text-align:left; }

.floormenu { display:block; text-align:center; padding:1em 0; }
.floormenu a { display:inline-block; text-align:center; padding:.65em 0; color:#333; width:40px; height:40px; text-transform:uppercase; font-family:'FSLucas'; border-radius:50%; margin:.5em; }
.floormenu a:hover { background:#f1f2f5; }
.floormenu a.selected { color:#cea84d; background:#333; color:white; }



@media only screen and (max-width:1400px) and (min-width:1025px)  {
}
@media only screen and (max-width:1024px) and (min-width:641px)  {
}
@media only screen and (max-width:640px)  {
    .brandblock { display:block; }
    .brandblock .sidearea { width:100%; padding:2em; border:1px solid #333; }
    .brandblock .sidearea .cardlogo { width:75%; margin:0 auto 2em auto; }
    .brandblock .conarea { width:100%; padding:2em 0; }

    .listbook { padding:0; }
    .listbook .item { width:80%; padding:0; }
    .listbook .item img { width:80%; position:relative; top:auto; left:auto; transform:none; }
    .listbook .item p { font-size:.9em; margin:1em 0; }
    .listbook .item strong { font-size:1.2em; }

    .shareset { padding:0; margin-bottom:1em; }
    .shareset a { width:55px; height:55px; margin:0; }

    .currentmagazine { padding:1em!important; }
    .currentmagazine h1, 
    .currentmagazine h2 { font-size:1.3em; }
    .currentmagazine .imgobj { width:60vw; position:relative; left:auto; top:auto; transform:none; margin:0 auto; }
    .currentmagazine .con { margin:0; padding:2em; }
    .currentmagazine .con .list span { opacity:.5; }
    .currentmagazine .con .list p { margin:.2em 0; }
    .currentmagazine .con .list p>span { display:inline-block; background:black; color:white; width:120px; text-align:center; margin-right:15px; padding:2px; font-size:.8em; }
    .currentmagazine .con .btnset { padding:0; margin-top:2em; text-align:center; }
    .currentmagazine .con .btnset .btn { margin:1em 0!important; padding:1em 4em!important; } 

    .currentmagazine.toprow {}


    .currentcontent { width:auto; max-width:65vw; margin:0 auto; padding:4em; }
    .currentcontent a { color:#333; display:block; text-align:left; text-decoration:none; cursor:pointer; position:relative; padding-left:13vw; height:auto; margin-bottom:2em; }  
    .currentcontent a img { display:block; width:10vw; height:7vw; position:absolute; top:0; left:0; object-fit:cover; }
    .currentcontent a span { font-size:1em; opacity:.7; display:block; }
    .currentcontent a strong { font-size:1.2em; }
    .currentcontent a h4 { font-size:1.3em; }
}


.muscleblock { display:block; padding:0; margin:0; }
.muscleblock .row { display:flex; min-height:22vw; position:relative; }
.muscleblock .row .imgobj { display:block; position:relative; overflow:hidden; width:50%; min-height:22vw; background-position:center; background-size:cover; background-color:black; border:0; }
.muscleblock .row .imgobj img { display:block; width:102%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.muscleblock .row .con { display:block; width:50%; text-align:left; padding:4em; }
.muscleblock .row .con h3,
.muscleblock .row .con h2.h3 { display:block; text-align:left; font-size:1.5em; margin-bottom:.5em; }
.muscleblock .row .con a { display:block; margin:1em 0; opacity:.5; }
.muscleblock .row .con a:hover { opacity:1; }
.muscleblock.notop { xxmargin-top:-50px; }

.imgrow { display:flex; }
.imgrow .item { display:block; width:100%; background-size:cover; background-position:center; margin:.7em; }
.imgrow .item p { display:block; width:100%; margin:5em 0; text-align:center; color:white; font-size:1.4em; font-weight:bold; }

.serviceset { display:block; text-align:center; }
.serviceset .item { display:inline-block; width:150px; text-align:center; vertical-align:top; cursor:pointer; }
.serviceset .item img { display:block; margin:.5em auto; width:30px; }


.contactbox1,.contactbox2,.contactbox3 { margin-top:1em; min-height:60vh; }
.contactbox2 { display:none; }
.contactbox3 { display:none; }

.contactbox1 .formconbox,
.contactbox2 .formconbox,
.contactbox3 .formconbox { display:block; margin:0 auto; width:90%; max-width:900px; }
.contactbox1 .formconbox .graybox { display:block; border-top:1px solid #333; border-bottom:1px solid #333; xxxbackground:#f1f2f5; padding:1.5em 2em; }
.contactbox1 .formconbox .graybox ul,
.contactbox1 .formconbox .graybox ol { margin:.5em 0; padding-left:2em; }

.msgblock { display:block; background:red; text-align:center; font-size:1.1em; padding:.5em; border-radius:4px; color:white; }
.msgblock.grayblock { background:#888; color:white; font-size:.9em; }



.formobj { display:block; width:45.8%; border-bottom:1px solid #f3f3f3; padding:.9em 0; padding:.5em 0; margin:0 1%; }
.formobj:last-child { border-bottom:0; }
.formobj label { display:inline-block; width:150px; text-align:left; vertical-align:top; padding:.5em 0; }
.formobj label.must:after { content:'*'; display:inline-block; margin:0 .2em; color:red; }
.formobj >input[type="text"],
.formobj >input[type="date"],
.formobj >input[type="number"],
.formobj >input[type="password"],
.formobj >input[type="email"],
.formobj >input[type="file"],
.formobj textarea,
.formobj select,
.formobj >div,
.formobj .input,
.formobj .radioset { display:inline-block; width:calc(100% - 158px); text-align:left; } 
.formobj .radioset input[type="radio"] { display:inline-block; width:auto; border:1px solid red; margin-right:5px; margin-left:15px; }
.formobj .radioset input[type="radio"]:first-child { margin-left:0; }
.formobj .vcodeblock {}
.formobj .vcodeblock input[type="text"] { width:150px; }
.formobj .selecttimetotime { display:inline-block; width:calc(100% - 158px); }
.formobj .selecttimetotime select { display:inline-block; min-width:100px; width:100px; }
.formobj >div select { width:100%; margin-bottom:.2em; }
.formobj.center { text-align:center; }
.formobj.checkboxrow { position:relative; padding: 1em;}
.formobj.checkboxrow input[type="checkbox"] { display:inline-block; width:auto; xxvertical-align:top; margin-right: 1em;}
.formobj.checkboxrow p { display:inline-block; width:calc(100% - 4em); vertical-align:top; margin: 0;}
.note { font-size:.7em; }
.theform { text-align:center; }
.theform p { text-align:left; }
.theform p.note { padding-left:160px; }
.theformbox { margin-top:1em; padding-top:1em; border-top:1px solid #ccc; }
.theformcon { margin:2em auto; max-width:500px; }
.theformcon >strong { margin:2em auto!important; text-align:left; }
.theformcon .formobj { display:inline-block; }
.theformcon.inline {}
.theformcon.inline .formobj { display:block; margin:0 auto; text-align:left; }
.theformcon.inline .formobj,
.theformcon.inline >strong,
.theformcon.inline >div,
.theformcon.inline >p { width:65%; width:100%; display:block; margin:0 auto; }

.formobj.error label { color:red; }
.formobj.error input[type="text"],
.formobj.error input[type="number"],
.formobj.error input[type="date"],
.formobj.error input[type="email"],
.formobj.error .select-type.error,
.formobj >div select.error { border-bottom-color:red; }
.formobj.error p { color:red; }
.formobj.error .error { color:red; font-size:.9em; padding-left:160px; }

    @-webkit-keyframes expire { 0%{ background:#56724a; width:100%; }50%{ background:#faca66; width:50%; }100%{ background:#ea4c44; width:0%; }}
    @keyframes expire { 0%{ background:#5672a; width:100%; }50%{ background:#faca66; width:50%; }100%{ background:#ea4c44; width:0%; }}

    .verification { font-weight:bold; position:relative; padding:.25em .6em; font-size:1.25em; color:white; background:rgba(0, 0, 0, 0.5); overflow:hidden; text-align:center; height:38px; transform:translateY(-2px); display:inline-block; width:auto; vertical-align:middle; }
    .verification .expire-bar, .verification .color-bar { position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(0, 0, 0, 0.15); }
    .verification.running .color-bar { animation:expire 30s linear; -webkit-animation:expire 30s linear; }
    .btn-reload { color:#0277bd; }

.errorblock { display:block; background:#bd022d; color:white; padding:.5em; margin:.5em 0; }

.overlayer { display:block; background:rgba(0,0,0,.7); width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; }
.overlayer .conbox { display:block; background:white; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:3.5em 5em; text-align:center; }
.overlayer .conbox .btn { margin-top:1.2em; }
.overlaycon { display:block; width:calc(100vw - 100px); height:calc(100vh - 100px); position:fixed; top:50%; left:50%; background:white; transform:translate(-50%,-50%); z-index:10999; overflow-y:scroll; }
.overlaycon .row { display:block; max-width:60vw; margin:0 auto; }
.overlaycon .btn-close { display:block; padding:1em; position:absolute; top:0; right:0; }
.overlaycon .btn-close:before { content:url(../icon/icon-close.svg); display:block; width:20px; }
.overlaycon.fireshow { width:calc(100vw - 400px); height:calc(100vh - 300px); }



.overlayer .loader { box-sizing:border-box; display:inline-block; position:relative; width:80px; height:80px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); display:block; background:transparent; }
.overlayer .loader div { position:absolute; top:33.33333px; width:13.33333px; height:13.33333px; border-radius:50%; background:white; animation-timing-function:cubic-bezier(0, 1, 1, 0); transform:scale(.8); }
.overlayer .loader div:nth-child(1) { left:8px; animation:lds-ellipsis1 0.6s infinite; }
.overlayer .loader div:nth-child(2) { left:8px; animation:lds-ellipsis2 0.6s infinite; }
.overlayer .loader div:nth-child(3) { left:32px; animation:lds-ellipsis2 0.6s infinite; }
.overlayer .loader div:nth-child(4) { left:56px; animation:lds-ellipsis3 0.6s infinite; }
@keyframes lds-ellipsis1 {
  0% { transform:scale(0); }
  100% { transform:scale(1); }
}
@keyframes lds-ellipsis3 {
  0% { transform:scale(1); }
  100% { transform:scale(0); }
}
@keyframes lds-ellipsis2 {
  0% { transform:translate(0, 0); }
  100% { transform:translate(24px, 0); }
}







.resultblock { margin-top:2em; border:2px solid red; text-align:center; padding:8em; display:none; }





.sidemenu { padding-top:1em; } 
.sidemenu a { display:block; padding:5px 0; cursor:pointer; }
.sidemenu .btn-leavemsg { display:block; margin:1.5em 0; }
.sidemenu .btn-leavemsg img { display:inline-block; margin:5px; vertical-align:middle; width:70px; height:70px; }
.sidemenu .searchblock { padding:0; text-align:center; font-size:1em; margin:0 0 2em 0; position:relative; }
.sidemenu .searchblock input { display:block; width:100%; border:1px solid #ccc; border-radius:4px; outline:0; padding:1.3em .5em; background:transparent; }
.sidemenu .searchblock input:active,
.sidemenu .searchblock input:focus { outline:0; }
.sidemenu .searchblock .btn-search { display:block; opacity:.5; position:absolute; top:50%; right:20px; transform:translate(-50%,-50%); }
.sidemenu .searchblock .btn-search img { display:block; width:1.5em; }
.sidemenu .searchblock .btn-search:hover { opacity:1; }
.rowtab { text-align:left; font-size:.9em; } 
.rowtab a { display:inline-block; margin:.2em; border:1px solid #333; color:#333; padding:.3em 1em; cursor:pointer; } 
.rowtab a.selected { border-color:#cea84d; color:#cea84d; } 
.conobj { display:block; text-align:left; margin:2em 0; padding:0; width:100%; }
.conobj .qset { display:block; border-bottom:1px solid #ccc; position:relative; padding:1em; padding-left:60px; }
.conobj .qset:last-child { border-bottom:0; }
.conobj .qset h3 { font-size:1.2em; font-weight:bold; margin-top:.2em; position:relative; }
.conobj .qset h3:before { content:'Q'; font-family:'FSLucas'; display:block; position:absolute; font-size:1em; top:0; left:-2em; }
.noteblock { display:block; padding:2em; border:2px solid #333; margin:2em 0; }
.noteblock .btn-leavemsg { display:inline-block; line-height:180%; }
.noteblock .btn-leavemsg img { display:inline-block; margin-left:2em; width:1.2em; height:auto; }

    @media -ms-viewport, screen and (min-width:1600px) {
    }
    @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media -ms-viewport, screen and (max-width:1025px) and (min-width:641px) {
        .serviceset .item { width:116px!important; }
    }
    @media -ms-viewport, screen and (max-width:640px) {

        .searchblock { width:85%; }
        .btn-cat { font-size:.8em; height:5em; }

        .muscleblock .row { display:block; height:auto; padding-top:40vw; }
        .muscleblock .row .imgobj { width:100%; height:40vw; position:absolute; top:0; left:0; }
        .muscleblock .row .con { width:100%; padding:1.5em; }

        .serviceset .item { width:110px; margin:.5em 0; }
        
        .contactbox1 .formconbox,
        .contactbox2 .formconbox,
        .contactbox3 .formconbox { width:100%; }
        .contactbox1 .formconbox .graybox { padding:1.5em 0; }

        .theformcon.inline .formobj, .theformcon.inline >p { width:100%; }
        .formobj { padding:.5em 0; border:0; }
        .formobj label { width:100%; }
        .formobj >input[type="text"],
        .formobj >input[type="date"],
        .formobj >input[type="file"],
        .formobj >input[type="number"],
        .formobj >input[type="email"],
        .formobj textarea,
        .formobj select,
        .formobj .input { width:100%; font-size:1.2em; }

        .noteblock { margin:1em 0; padding:1.5em; padding-bottom:1em; font-size:1em; }

    }






.rowfeature { display:flex; height:30vw; }
.rowfeature .vimg { display:block; width:50%; background-position:center; background-size:cover; }
.rowfeature .vcentercon { display:block; width:50%; padding:2em; height:100%; position:relative; }
.rowfeature .vcentercon .con { display:block; width:80%; position:absolute; top:50%; left:10%; transform:translateY(-50%); } 
.rowfeature:nth-child(even) { background:#f1f2f5; } 



.privacycon { line-height:220%; margin:0 auto; width:70%; }
.privacycon h5 { margin:5em 0 1em 0; position:relative; }
.privacycon h5 span { display:inline-block; background:white; position:relative; z-index:10; padding-right:1em; }
.privacycon h5:after { content:''; display:block; width:75%; position:absolute; top:.5em; right:0; border-top:1px solid #333; }
.privacycon p { text-align:justify; padding:.5em 0; }
.privacycon a { color:#cea84d; text-decoration:underline; }
.privacycon ol>li { text-indent:0; }
.privacycon ol.bigtype>li { list-style:trad-chinese-informal; }
/*.privacycon ol.type3>li>ol { counter-reset:selfcounter; }
.privacycon ol.type3>li>ol>li { counter-increment:selfcounter; list-style:trad-chinese-informal; list-style:none; text-indent:-1em; }
.privacycon ol.type3>li>ol>li:before { content:'('counter(selfcounter)')'; }
.privacycon ol.type3>li>ol>li>ol>li { list-style:lower-alpha; }*/
.privacycon ol.bigtype>li>ol>li>ol { counter-reset:selfcounter; }
.privacycon ol.bigtype>li>ol>li>ol>li { counter-increment:selfcounter; list-style:trad-chinese-informal; list-style:none; text-indent:-1em; }
.privacycon ol.bigtype>li>ol>li>ol>li:before { content:'('counter(selfcounter)')'; }
.privacycon ol.bigtype>li>ol>li>ol>li>ol>li { list-style:lower-alpha; }



    @media -ms-viewport, screen and (min-width:1600px) {
    }
    @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media -ms-viewport, screen and (max-width:1025px) and (min-width:641px) {
    }
    @media only screen and (max-width:640px) {
         .privacycon { width:100%; }
    }








/*
============================================================================================================
  _                  
 | |_  ___ _ __  ___ 
 | ' \/ _ \ '  \/ -_)
 |_||_\___/_|_|_\___|
                     
============================================================================================================
*/

.homenews { padding:0 6em; }
.homenews h3 { padding:.5em; font-size:1.5em; }

.eventplayer { display:block; width:100%; }
.eventplayer .item { display:block; width:100%; xxxxmax-width:30vw; margin:2em 0; }
.eventplayer .item .img { display:block; width:100%; height:15vw; position:relative; overflow:hidden; }
.eventplayer .item .img img { display:block; width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.eventplayer .item .con { display:block; padding:0; }
.eventplayer .item .con h3 { font-size:1.2em; }
.eventplayer .item .con p, .eventplayer .item .con a { display:none; }
.eventplayer .btnset { display:block; text-align:center; padding:0; position:absolute; bottom:0; left:50%; transform:translateX(-50%); text-align:center; }
.eventplayer .btnset.topright { text-align:right; bottom:auto; left:auto; top:0; right:0; transform:none; }
.eventplayer .btnset .btn-prev,
.eventplayer .btnset .btn-next { display:inline-block; width:3em; height:3em; padding:0; margin:0 .5em; border-radius:50%; border:1px solid #ccc; position:relative; opacity:.5; transition:all .3s; }
.eventplayer .btnset .btn-prev:hover,
.eventplayer .btnset .btn-next:hover { opacity:1; }
.eventplayer .bar { display:block; background:#cea84d; height:3px; width:33.33%; position:absolute; bottom:0; left:0; }
.eventplayer.withlist { position:relative; height:22vw; }
.eventplayer.withlist .listitem { position:absolute; top:0; left:0; width:300vw; }
.eventplayer.withlist .listitem .cardobj { width:300px; margin:0; }
.eventplayer.withlist .listitem .cardobj .imgobj { height:12vw; }
.eventplayer.withlist.brand .listitem .cardobj .imgobj { height:8vw; background-size:60%; }
.eventplayer.withlist.brand .listitem { top:4em; }

.appdownloadblock { text-align:center; }
.appdownloadblock img.phone,
.appdownloadblock .con { display:inline-block; width:400px; max-width:100%; vertical-align:middle; }
.appdownloadblock img.phone { width:11vw; height:auto; margin:5vw; }
.appdownloadblock .con { text-align:left; }
.appdownloadblock .con h3 { font-size:1.5em; margin:.5em 0; }
.appdownloadblock .con .btnset img { display:inline-block; margin:.5em; margin-left:0; width:150px; cursor:pointer; }

.homeflex {}
.homeflex h2 { display:block; font-size:2.5em; margin:.5em 0; font-family:'FSLucas'; font-weight:normal; }
.homeflex h3 { display:block; font-size:1.7em; margin:.5em 0; }
.homeflex h4 { display:block; font-size:1.4em; margin:.5em 0; }
.homeflex .white { color:white; }
.homeflex .white a { color:white; }
.homeflex .yellow { color:#fbcb45; }
.homeflex .blockimg { display:block; width:85%; height:18vw; position:relative; margin:3vw 0; overflow:hidden; }
.homeflex .blockimg img { display:block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.homeflex .con .row { display:block; }
.homeflex .confull { display:block; width:100%; }
.homeflex .con.conright { padding-top:25vw; }
.homeflex .con.conright .eventplayer { width:calc(100% - 90px); }
.homeflex .con.conright .eventplayer .btnset.topright { transform:translate(120%,-50%); top:36%; }
.homeflex .con.condown { padding-top:8vw; }
.mainbodycon.shiftup1 { margin-top:-23vw; }
.mainbodycon.shiftup2 { margin-top:-17vw; }

.catalogueblock { xxxpadding-left:200px; xxxmargin-top:6em; position:relative; vertical-align:middle; transition:all .3s; margin:2em 0; }
.catalogueblock .thumb { display:block; width:170px; width:260px; margin:1em 0; /*position:absolute; vertical-align:middle; top:50%; left:0; transform:translateY(-50%) rotate(-5deg);*/ box-shadow:0 1px 2px rgba(0,0,0,.2); }
.catalogueblock:hover { xxxxletter-spacing:1px; }
.catalogueblock.nothumb { padding-left:0; }
.catalogueblock.nothumb .thumb { display:none; }
.catalogueblock h3 { font-size:1.5em; }
.catalogueblock .btn { border:1px solid #cea84d; color:#cea84d; font-size:.9em; margin:.5em auto; padding:.7em 3.5em; }
.catalogueblock .btn:hover { background:#cea84d; color:white; }

    @media -ms-viewport, screen and (min-width:1600px) {
        .mainbodycon.shiftup2 { margin-top:-17vw; }
    }
    @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media -ms-viewport, screen and (max-width:1024px) and (min-width:415px) {
        .homenews { padding:0 2em; }
        .homeflex h3 { font-size:1.3em; margin:.2em 0; }
        .mainbodycon.shiftup1 { margin-top:-30vw; }
        .mainbodycon.shiftup2 { margin-top:-22vw; }

        .eventplayer .item { max-width:100%; margin:1em 0; }
        .eventplayer .item .img { height:150px; }
        .eventplayer .item .con h3 { font-size:1.2em; }
        .eventplayer .btnset.topright { display:none; }
        .eventplayer .btnset .btn-prev,
        .eventplayer .btnset .btn-next { display:none; }
        .eventplayer .bar { display:none; }

        .eventplayer.withlist { height:auto; }
        .eventplayer.withlist .listitem { position:relative; top:auto; left:auto; width:100%; }
        .eventplayer.withlist .listitem .cardobj { width:25%; }
        .eventplayer.withlist .listitem .cardobj .imgobj { height:99px!important; }
        .eventplayer.withlist.brand .listitem .cardobj .imgobj { height:8vw; background-size:60%; }
        .eventplayer.withlist.brand .listitem { top:4em; }

    }
    @media only screen and (max-width:414px) {
        .homenews { padding:0 1em; }
        .homeflex { padding-top:0; }
        .homeflex h2 { font-size:1.7em; }
        .homeflex h3 { font-size:1.4em; }
        .homeflex h4 { font-size:1.2em; display:none; }
        .homeflex .blockimg { width:100%; height:150px; display:none; }
        .homeflex .con.conright { padding-top:3em; }
        .homeflex .con.condown { padding-top:50px; }
        .homeflex .con.conright .eventplayer { width:100%; }
        .homeflex .con .row.top { height:200px; vertical-align:bottom; }
        .homeflex .con .row.top * { vertical-align:bottom; }
        .mainbodycon.shiftup1 { margin-top:-240px; }
        .mainbodycon.shiftup2 { margin-top:-240px; }
        .mainbodycon.shiftup2 .row.top { height:160px; }

        .eventplayer .item { max-width:100%; margin:1em 0; }
        .eventplayer .item .img { height:150px; }
        .eventplayer .item .con h3 { font-size:1.2em; }
        .eventplayer .btnset.topright { display:none; }
        .eventplayer .btnset .btn-prev,
        .eventplayer .btnset .btn-next { display:none; }
        .eventplayer .bar { display:none; }

        .eventplayer.withlist { height:auto!important; }
        .eventplayer.withlist .listitem { position:relative; top:auto; left:auto; width:100%; }
        .eventplayer.withlist .listitem .cardobj { width:100%; }
        .eventplayer.withlist .listitem .cardobj .imgobj { height:100px;height:50vw; }
        .eventplayer.withlist.brand .listitem .cardobj .imgobj { height:8vw; background-size:60%; }
        .eventplayer.withlist.brand .listitem { top:4em; }

        .appdownloadblock img.phone { width:100px; margin:20px auto; }
        .appdownloadblock .con { text-align:center; }

        .catalogueblock { xxpadding-left:0; xxpadding-top:250px; text-align:center; }
        .catalogueblock .thumb { /*top:0; left:50%; transform:translateX(-50%) rotate(-5deg);*/ margin:1em auto; }

        .fb-post { margin-left:-1em; border:1px solid white; min-width:360px; width:360px; width:auto; height:auto; overflow:hidden; overflow-x:auto; max-width:100%; }
        .fb-post iframe { display:inline; margin:0; float:center-left; width:auto; border-radius:0; }
    }



/*
============================================================================================================
  ___              _ _ 
 |_  )  _ __  __ _| | |
  / /  | '  \/ _` | | |
 /___| |_|_|_\__,_|_|_|
                              
============================================================================================================
*/

.hourdata { padding:2.5em; padding-top:0; text-align:center; border-bottom:1px solid #ccc; }
.hourdata h2 { font-size:1.6em; margin-top:0; margin-bottom:.5em; }
.hourdata h2 span { display:inline-block; padding:.2em; }
.hourdata h2 small { display:inline-block; font-size:.6em; color:#333; vertical-align:middle; }
.hourdata h3 { font-size:1.4em; margin-top:0; margin-bottom:.5em; }
.hourdata small { font-size:.8em; margin-bottom:1em; }
.conluxury { background:#eee9e5; padding:13vw!important; width:50%!important; text-align:center; }
.conluxury h3 { font-size:1.5em; margin:1em 0; text-align:center; }
.conluxury .btnset { margin:10em 0 0 0; text-align:center; position:relative; }
.conluxury .btnset:before { content:''; display:block; width:0; height:7em; position:absolute; top:-9em; left:50%; border-right:1px solid #cea84d; }
.conluxury .btnset a { padding:.5em .7em; xxtext-decoration:underline; border:1px solid #333; }
.conluxury.white { color:white; }
.conluxury.white .btnset a { border-color:white; }
.conluxury.white .btnset:before { border-color:white; }
.secheadrow { display:block; padding:4em 1em 0 1em; position:relative; }
.secheadrow h3 { font-family:'FSLucas'; font-size:1.8em; display:inline-block; vertical-align:middle; position:relative; }
.secheadrow h3.iconig:before { content:url(../icon/icon-ig.svg); display:inline-block; width:1.5em; margin:0; margin-right:.3em; vertical-align:middle; }
.secheadrow p { display:inline-block; margin:0 .5em; vertical-align:middle; }
.secheadrow .linkrow { display:inline-block; vertical-align:middle; padding:0 2em; }
.secheadrow .linkrow a { color:#333; margin-right:.8em; border:1px solid #ccc; padding:.5em 1em; }
.secheadrow .linkrow a:hover { text-decoration:underline; }
.secheadrow .righttop { position:absolute; top:50%; right:0; padding-right:.5em; }
.linkrow { display:inline-block; vertical-align:middle; padding:0; }
.linkrow a { color:#333; margin-right:.5em; display:inline-block; border:1px solid #ccc; padding:.5em 1em; }
.linkrow a:hover { text-decoration:underline; }
.brandtitle { display:block; padding:1em; }

.buildingobj { display:block; text-align:center; position:relative; margin:0 auto; }
.buildingobj .conlayer { display:flex; flex-wrap:wrap; justify-content:left; position:relative; }
.buildingobj .conlayer .floorrow { display:block; width:50%; position:relative; padding:0; padding-bottom:4.5em; cursor:pointer; vertical-align:top; border-right:1px solid #eee; }
.buildingobj .conlayer .floorrow:nth-child(even) { border-right:0; }
.buildingobj .conlayer .floorrow .img { height:27vw; text-align:center; background-size:cover; background-position:center; }
.buildingobj .conlayer .floorrow .con { padding:1em 2em 2.5em 10em; position:relative; margin:0; text-align:left; }
.buildingobj .conlayer .floorrow strong { display:block; font-size:1.15em; /*color:#cea84d;*/ }
.buildingobj .conlayer .floorrow h3 { display:inline-block; font-size:2.5em; font-style:normal; margin:0; position:absolute; top:.4em; left:1.2em; }
.buildingobj .conlayer .floorrow h3.longer { font-size:1.6em; left:.8em; }
.buildingobj .conlayer .floorrow p { font-size:.9em; color:gray; margin-top:1em; word-break:break-word; }
.buildingobj .conlayer .floorrow p span { display:block; width:100%; margin:.8em 0; }
.buildingobj .conlayer .floorrow p span .icon { display:inline-block; width:30px; height:30px; margin:2px; }
.buildingobj .conlayer .floorrow p span.brands span:after { content:', '; display:inline-block; margin-right:4px; }
.buildingobj .conlayer .floorrow p span.brands span:last-child:after { content:''; }
.buildingobj .conlayer .floorrow .btn-decotext { display:block; position:absolute; bottom:20px; left:10em; opacity:.5; transform:none; transition:all .3s; color:#333; }
.buildingobj .conlayer .floorrow .btn-decotext img { display:block; width:24px; height:24px; }
.buildingobj .conlayer .floorrow .btn-decotext:last-child { border-bottom:0; }
.buildingobj .conlayer .floorrow .btn-decotext:hover .btn-decotext { opacity:1; margin-left:10px; }
.buildingobj .conlayer .floorrow .btn-decotext:nth-child(even) { border-left:1px solid rgba(200,200,200,.5); /*transform:translateY(10em);*/ }
.buildingobj .conlayer .floorrow .btn-decotext.longer .con { padding:1em 2em 2.5em 18em; }
.buildingobj .conlayer .floorrow .btn-decotext.longer .btn-decotext { left:18em; }



.floordesc { position:relative; display:block; } 
.floordesc .map { display:block; height:auto; vertical-align:middle; margin:0 auto 2em auto; max-width:80%; }
.floordesc .con { display:block; padding:2em 0; vertical-align:middle; position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.floordesc .con h3 { font-size:1.6em; text-align:left; margin:1em 0; }
.floordesc .con p { word-break:break-word; }
.floordesc .con .iconset { display:block; position:relative; margin:1em 0; }
.floordesc .con .iconset span { display:inline-block; position:relative; margin-right:.5em; }
.floordesc .con .iconset span img { display:block; height:2em; width:2em; }
.floordesc .con .iconset.flex { display:flex; flex-wrap:wrap; }
.floordesc .con .iconset.flex .item { display:block; width:33.33%; padding:.2em 0 .2em 2.5em; position:relative; margin-bottom:.3em; }
.floordesc .con .iconset.flex .item img { display:block; height:2em; width:2em; position:absolute; top:0; left:0; }
.floordesc.inrow {} 
.floordesc.inrow .map { display:inline-block; width:50%; vertical-align:middle; }
.floordesc.inrow .con { display:inline-block; width:40%; vertical-align:middle; text-align:left; margin-left:5%; }

.obfeaturelist { text-align:center; margin:0 auto; }
.obfeaturelist .fullitem { padding:0!important; text-align:left; } 
.obfeaturelist .fullitem .cardobj { text-align:left; }
.obfeaturelist .fullitem .cardobj .con { text-align:left; padding:1em!important; }
.obfeaturelist .fullitem:nth-child(2), 
.obfeaturelist .fullitem:nth-child(5), 
.obfeaturelist .fullitem:nth-child(8) { border-left:1px solid #ccc; border-right:1px solid #ccc; }

.parkinginfo { display:flex; xxxpadding:4em 0; text-align:center; justify-content:center; width:calc(100% + 1em); margin-left:-.5em; }
.parkinginfo .item { display:block; border:2px solid black; padding:2em; width:25%; margin:.5em; }
.parkinginfo .item h5 { font-size:1.5em; }

.bgimgrowblock { background-size:cover; background-position:center; padding:0; position:relative; min-height:30vw; }
.bgimgrowblock:before { content:''; display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:rgba(0,0,0,.2); }
.bgimgrowblock h2 { font-size:1.5em; margin:.5em auto; width:70%; }
.bgimgrowblock h3 { font-size:1.6vw; margin:.5em auto; }
.bgimgrowblock h3 a { color:#cea84d; }
.bgimgrowblock .con { padding:3em; text-align:center; color:white; width:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.bgimgrowblock .con .btnset { text-align:center; }
.bgimgrowblock .con .btnset img { display:inline-block; height:3em; width:auto; margin:.2em; }
.bgimgrowblock .con ol.small { font-size:.85em; color:white; }
.bgimgrowblock .con ol.small li { display:inline-block; }
.bgimgrowblock .con small { font-size:.85em; color:white; margin:.5em auto; width:50%; }
.bgimgrowblock .con a { color:white; }
.bgimgrowblock .con .borderblock { xxxxbackground:white; xxxcolor:#333; margin:.5em auto; width:80%; padding:.8em 2em; border:2px solid white; }
.bgimgrowblock.thick .con { padding:20vh 0; }
.bgimgrowblock .btn { background:white; color:#333!important; border-color:white!important; padding:.5em 1.5em; margin:.5em; border:0; }

.mobilestep { text-align:center; display:flex; }
.mobilestep h5 { font-size:1.4em; margin:2em auto; text-align:center; }
.mobilestep .item { width:25%; display:block; margin:0 auto; }
.mobilestep .item img { width:65%; display:block; margin:0 auto; }
.mobilestep .item strong { display:inline-block; font-family:'FSLucas'; margin:.8em auto; font-size:1em; padding:.2em 1em; border-bottom:1px solid black; }
.mobilestep .item h6 { font-size:.9em; padding:.2em; font-weight:normal; }
.mobilestep .btnset { text-align:center; } 
.mobilestep .btnset img { display:inline-block; margin:10px 3px; height:50px; }

.topcon { display:flex; align-content:center; }
.topcon table { width:100%; }
.topcon .cardhalf { display:block; width:50%; vertical-align:middle; text-align:left; padding:2em 0; }
.topcon .cardhalf img { margin:1em auto; width:80%; }
.topcon .cardhalf h2 { font-size:1.8em; font-weight:normal; margin:1em 0; }
.topcon .cardhalf h5 { font-size:1.6em; }
.topcon .cardhalf h4 { font-size:1.1em; font-weight:normal; }
.topcon .cardhalf h4 p { display:inline-block; font-size:.7em; color:gray; vertical-align:middle; margin:0 1em; }
.topcon .cardhalf.titlecard { text-align:center; }
.topcon .cardhalf.titlecard img { width:50%; }
.topcon.full { display:block; align-content:center; }
.topcon.full .cardhalf { display:block; width:100%; }
.topcon.full .cardhalf img { margin:1em auto; width:30%; }
.topcon.nouse { display:none; }


.card-header { padding:16px 0 ; border-bottom:0; }
.card-header .btn { margin-left:0; }

.list-group { list-style:none; padding-left:0; }
.list-group li { border-bottom:1px solid #ccc; padding:1em 0; margin:0; font-size:1em; position:relative; }
.list-group li span { display:block; font-size:.9em; }
.list-group li p { font-size:1.2em; }
.list-group li p:before { content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6I0NFQTg0RDt9Cgkuc3Qye2ZpbGw6IzVDREQ3QTt9Cjwvc3R5bGU+CjxyZWN0IHg9IjEiIHk9IjEiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMjYuNiIgaGVpZ2h0PSIxMjYuNiIvPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05NS45LDM0LjZMNTAuNSw4MC4zTDMxLjMsNjEuMmMtMi41LTIuNS02LjMtMi41LTguNSwwcy0yLjUsNi4zLDAsOC41bDIzLjUsMjMuNWMxLjMsMS4zLDIuOCwxLjksNC40LDEuOQoJCQljMS42LDAsMy4xLTAuNiw0LjQtMS45TDEwNSw0My4zYzIuNS0yLjUsMi41LTYuMywwLTguNUMxMDIuMiwzMi40LDk4LjQsMzIuNCw5NS45LDM0LjZ6Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTUuOSwxNjMuN2wtNDUuNCw0NS43bC0xOS4yLTE5LjFjLTIuNS0yLjUtNi4zLTIuNS04LjUsMHMtMi41LDYuMywwLDguNWwyMy41LDIzLjVjMS4zLDEuMywyLjgsMS45LDQuNCwxLjkKCQkJYzEuNiwwLDMuMS0wLjYsNC40LTEuOWw0OS45LTQ5LjljMi41LTIuNSwyLjUtNi4zLDAtOC41QzEwMi4yLDE2MS41LDk4LjQsMTYxLjUsOTUuOSwxNjMuN3oiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K); display:inline-block; width:1.6em; height:1.6em; margin-top:-4px; margin-right:.2em; vertical-align:middle; }
.list-group li small { display:block; margin-top:.5em; }
.list-group li:last-child { border-bottom:0; }
.list-group.flex { display:flex; flex-wrap:wrap; xxxxwidth:calc(100% + 3em); xxxmargin-left:-1.5em; }
.list-group.flex li { display:block; width:calc(33.33% - 2em); margin:1em; padding-bottom:1em; }
.list-group.flex li:last-child { border-bottom:1px solid #ccc; }
.list-group.narrow { width:50%; margin:1em auto; }
.list-group.narrow li { width:100%; }
.list-group.blockcheck li {}
.list-group.blockcheck li span { padding-left:2em; }
.list-group.blockcheck li:before { content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6I0NFQTg0RDt9Cgkuc3Qye2ZpbGw6IzVDREQ3QTt9Cjwvc3R5bGU+CjxyZWN0IHg9IjEiIHk9IjEiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMjYuNiIgaGVpZ2h0PSIxMjYuNiIvPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05NS45LDM0LjZMNTAuNSw4MC4zTDMxLjMsNjEuMmMtMi41LTIuNS02LjMtMi41LTguNSwwcy0yLjUsNi4zLDAsOC41bDIzLjUsMjMuNWMxLjMsMS4zLDIuOCwxLjksNC40LDEuOQoJCQljMS42LDAsMy4xLTAuNiw0LjQtMS45TDEwNSw0My4zYzIuNS0yLjUsMi41LTYuMywwLTguNUMxMDIuMiwzMi40LDk4LjQsMzIuNCw5NS45LDM0LjZ6Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTUuOSwxNjMuN2wtNDUuNCw0NS43bC0xOS4yLTE5LjFjLTIuNS0yLjUtNi4zLTIuNS04LjUsMHMtMi41LDYuMywwLDguNWwyMy41LDIzLjVjMS4zLDEuMywyLjgsMS45LDQuNCwxLjkKCQkJYzEuNiwwLDMuMS0wLjYsNC40LTEuOWw0OS45LTQ5LjljMi41LTIuNSwyLjUtNi4zLDAtOC41QzEwMi4yLDE2MS41LDk4LjQsMTYxLjUsOTUuOSwxNjMuN3oiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K); display:inline-block; width:1.6em; height:1.6em; margin-top:-4px; margin-right:.2em; vertical-align:middle; }
 }
.mainconbox { display:block; text-align:left; margin:1em auto; padding:3em; border:2px solid black; }
.mainconbox ul { display:block; margin-top:.8em; }

.setrow { display:flex; width:100%; position:relative; padding:0; margin:0; }
.setrow .vimg { display:block; width:50%; background-size:cover; }
.setrow:nth-child(even) { background:#f1f2f5; }

.vcentercon { padding:4vw; display:block; width:50%; } 
.vcentercon .sectitle { font-size:2em; margin:.5em 0; text-align:left; }
.vcentercon h2 { display:block; font-size:1.3em; margin:.5em 0; }

.filterset { border:2px solid red; }

.boxdiscount { max-width:70%; margin:1em auto; }


@media -ms-viewport, screen and (min-width:1600px) {
}
@media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
}
@media -ms-viewport, screen and (max-width:1025px) and (min-width:641px) {

    .conluxury { padding:10em 6em!important; }
    
    .secheadrow { padding:1em 1em 0 1em; position:relative; }
    .secheadrow h3 { font-family:'FSLucas'; font-size:1.8em; display:inline-block; vertical-align:middle; }
    .secheadrow .linkrow { display:inline-block; vertical-align:middle; padding:0 2em; }
    .secheadrow .linkrow a { color:#333; margin-right:.8em; font-size:.9em; }
    .secheadrow .righttop { position:absolute; top:50%; right:0; padding-right:.5em; }
    .linkrow { display:inline-block; vertical-align:middle; padding:0; }
    .linkrow a { color:#333; margin-right:.5em; font-size:.9em; }
}
@media only screen and (max-width:640px) {
    .buildingobj .conlayer .floorrow { width:100%; min-height:250px; cursor:pointer; vertical-align:top; border-right:0; }
    .buildingobj .conlayer .floorrow .img { height:160px; }
    .buildingobj .conlayer .floorrow .con { padding:1em 2em 2.5em 8em; }
    .buildingobj .conlayer .floorrow h3 { font-size:1.7em; }
    .buildingobj .conlayer .floorrow h3.longer { font-size:1.5em; left:0; }
    .buildingobj .conlayer .floorrow .btn-decotext { left:50%; transform:translateX(-50%); }
    .floordesc { display:block; }
    .floordesc .map { max-width:100%; }
    .floordesc .con { display:block; border-bottom:0; }
    .floordesc.inrow {} 
    .floordesc.inrow .map { width:100%; }
    .floordesc.inrow .con { width:100%; }
    
    .conluxury { padding:15vw!important; width:100%!important; }
    .conluxury .btnset { margin:2em 0; }
    .conluxury .btnset:before { height:5em; top:-5em; display:none; }
    .conluxury .btnset a { border:1px solid #333; padding:.5em 1em; }
    .conluxury.white .btnset a { border-color:white; }
    .brandtitle { display:block; padding:2em; text-align:center; }
    

    .hourdata h2 small { display:block; }

    .secheadrow { padding:2em 0 0 0; }
    .secheadrow h3 { font-size:1.4em; }
    .secheadrow .linkrow { padding:0; }
    .secheadrow .linkrow a { margin-right:.5em; border:1px solid white; padding:.2em .5em; margin-bottom:.2em; }
    .secheadrow .righttop { top:1em; }
    .linkrow {}
    .linkrow a { margin-right:.4em; font-size:.98em; border:1px solid #333; padding:.2em .5em; margin-bottom:.2em; }
    .homeflex .white a { border-color:white; }
    
    .mainconbox { font-size:.9em; padding:1.5em; }
    .bgimgrowblock { margin:1em 0; min-height:360px; height:auto!important; }
    .bgimgrowblock .con { padding:6em 1em!important; width:100%; vertical-align:middle; position:relative; top:auto; left:auto; transform:none; margin:0; }
    .bgimgrowblock h2,
    .bgimgrowblock h3 { font-size:1.15em; width:90%; }

    .topcon .cardhalf { width:100%; padding:0; }
    .topcon .cardhalf h2 { font-size:1.5em; }
    .topcon .cardhalf h5 { font-size:1.5em; text-align:center; margin-top:.5em; }
    .topcon .cardhalf.titlecard img { width:80%; }
    .list-group.flex { width:100%; margin-left:0; }
    .list-group.flex li { width:100%; padding:1em; }

    .mobilestep h5 {}
    .mobilestep .item { width:50%; }

    .boxdiscount { max-width:100%; }

}




/*
============================================================================================================
      _                         _                
  ___| |__ ___ ___ _ ___ ____ _| |_ ___ _ _ _  _ 
 / _ \ '_ (_-</ -_) '_\ V / _` |  _/ _ \ '_| || |
 \___/_.__/__/\___|_|  \_/\__,_|\__\___/_|  \_, |
                                            |__/                               
============================================================================================================
*/


.overview { display:block; width:100%; height:50vw; max-height:630px; padding:0; position:relative; background:gray; }
.overview .obView, .obView { margin:0; padding:0; }

.textlinkgroup {}
.textlinkgroup .flex { border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.textlinkgroup .flex .con { text-align:left; padding:8em 7em; position:relative; overflow:hidden; border-right:1px solid #ccc; }
.textlinkgroup .flex .con:last-child { border-right:none; }
.textlinkgroup .flex .con .bgimg { position:absolute; top:50%; left:50%; width:100%; z-index:1; transform:translate(-50%,-50%); opacity:0; transition:all .2s; }
.textlinkgroup .flex .con h3 { position:relative; z-index:10; font-size:2em; }
.textlinkgroup .flex .con p { position:relative; z-index:12; font-size:1em; }
.textlinkgroup .flex .con:hover { color:white; }
.textlinkgroup .flex .con:hover .bgimg { opacity:1; }

.floatbtnset { display:inline-block; text-align:center; width:100%; position:absolute; top:28vw; left:0; z-index:622; padding:8px!important; }
.floatbtnset a { cursor:pointer; }
.floatbtnset .btn { margin:4px; padding:8px 24px; font-size:.9em; border-radius:4px; }
.floatbtnset .btn-ticket { background:#3587ce; color:white; }
.floatbtnset .btn-ticket:hover { background:#31a0ff; }
.floatbtnset .btn-map { background:#35c0ce; color:white; }
.floatbtnset .btn-map:hover { background:#2ed5e6; }
.grouptickettitle { text-align:left; position:relative; padding-right:3em; }
.grouptickettitle h3 { display:block; text-align:right; font-family:'Georgia'; font-size:4em!important; font-weight:bold!important; font-style:normal; position:absolute; top:.5em; right:0; line-height:100%; letter-spacing:-.04em; }
.grouptickettitle h4 { display:block; text-align:right; margin-top:40%; }


.grouptitleblock { display:block; position:relative; text-align:center; }
.grouptitleblock .item { display:inline-block; width:22.5%; height:20vw; border:1px solid #ccc; margin:0 0.15em; padding:0; text-align:left; vertical-align:top; }
.grouptitleblock .item img { display:block; width:100%; height:9vw; }
.grouptitleblock .item .con { display:block; width:100%; padding:.5em .8em; }
.grouptitleblock .item .con b { display:block; font-size:1.15em; }
.grouptitleblock .item .con p { display:block; font-size:.8em; margin-top:.5em; }
.grouptitleblock .item .btn-more { float:left; margin-left:3.3em; }
.disabledblock .item { margin-bottom:40px; text-align:center; }


.fbblock { display:block; position:relative; xxxpadding-left:70px; margin-top:3em; min-height:50px; }
.fbblock .fbicon { display:block; width:45px; height:45px; border-radius:50%; overflow:hidden; position:absolute; top:0; left:.5em; }
.fbblock .fblink { display:block; font-size:1em; font-weight:bold; color:#569ff7; margin-bottom:.3em; }
.fbblock .fb-like { max-width:100%; }
.fbblock .fb-like iframe { max-width:100%; }
   

        @media -ms-viewport, screen and (min-width:1600px) {
        }
        @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
        }
        @media -ms-viewport, screen and (max-width:1025px) and (min-width:641px) {
        }
        @media only screen and (max-width:640px) {
            .textlinkgroup .flex { padding-top:0; }
            .textlinkgroup .flex .con { padding:4em; border-right:0; border-bottom:1px solid #ccc; }
            .textlinkgroup .flex .con:last-child { border-bottom:0; }
        }
}










/*
============================================================================================================
               _             
  _____ ___ __| |___ _ _ ___ 
 / -_) \ / '_ \ / _ \ '_/ -_)
 \___/_\_\ .__/_\___/_| \___|
         |_|                  
============================================================================================================
*/




.halfspecial { display:block; margin:0 auto; margin-bottom:3em; }
.halfspecial .box { display:flex; position:relative; align-items:center; width:100%; }
.halfspecial .box:before { content:''; position:absolute; width:calc(100% - 30vw); height:1px; bottom:0; background-color:#ccc; right:0; }
.halfspecial .box:not(:first-of-type) { padding-top:50px; }
.halfspecial .box .content { margin-right:4vw; width:60%; padding:1em 0; }
.halfspecial .box .content h5 { font-size:1.5em; padding-bottom:.3em; }
.halfspecial .box .content h4 { margin:.5em 0; }
.halfspecial .box .content h3 { margin:1em 0 .2em 0; }
.halfspecial .box .content p { width:100%; font-size:.9em; }
.halfspecial .box .content img { margin:.9em 0; display:block; }
.halfspecial .box:nth-of-type(2n) .content { margin-left:4vw; }
.halfspecial .box:nth-child(odd) { flex-direction:row-reverse; }
.halfspecial .box:nth-child(odd):before { left:0; }
.halfspecial .box .photos { position:relative; width:28vw; height:17vw; xxxbackground-color:rgba(26,26,26,.1); overflow:hidden; }
.halfspecial .box .photos img { position:absolute; position:absolute; width:100%; height:auto; top:50%; left:50%; transform:translate(-50%,-50%); }

.halfspecial.superlarge .box { align-items:top; }
.halfspecial.superlarge .box:before { content:''; position:absolute; width:calc(100% - 30vw); height:1px; bottom:0; background-color:#ccc; right:0; }
.halfspecial.superlarge .box .content { width:30%; }
.halfspecial.superlarge .box .content h2 { color:#cea84d; margin:.8em 0; }
.halfspecial.superlarge .box .content strong { margin:.8em 0 .5em 0; display:block; }
.halfspecial.superlarge .box .photos { width:70%; height:auto; }
.halfspecial.superlarge .box .photos img { position:relative; width:100%; height:auto; top:auto; left:auto; transform:none; }

.forhalf { flex:0 0 50%; max-width:50%;}
.halfspecial2 .box .photos { width:10vw; height:10vw; min-width:10vw; }
.halfspecial2 .box:nth-child(odd) { flex-direction:row; }
.halfspecial2 .box .content { margin-left:4vw; }
.halfspecial2 .box:nth-child(odd):before { left:14vw; }
.halfspecial2 .box:before { right:auto; left:14vw; width:calc(100% - 14vw); }

.quote { display:block; margin:1.5em 0; }
.quote h2 { color:#cea84d; position:relative; font-size:1.1em; margin-bottom:.4em; }
.quote h2:before { content:url('../img/icons/baseline-chat_bubble_outline-24px.svg'); display:inline-block; height:1.1em; width:1.1em; margin-right:.5em; vertical-align:middle; }

.historyobj { display:block; width:100%; padding:5em; transition:all 0; margin:0 auto; padding-top:0; }
.historyobj .list { display:block; vertical-align:top; padding:1em; padding-left:calc(50% - 100px); position:relative; }
.historyobj .list:before { content:''; display:block; height:100%; width:1px; background:black; opacity:.2; position:absolute; left:calc(50% - 120px); top:0; }
.historyobj h4,
.historyobj .h4 { display:block; font-family:'FSLucas'; font-size:1.3em; position:absolute; top:.8em; left:calc(50% - 200px); text-align:left; }
.historyobj p { display:block; margin:0; padding:0; padding-left:2em; position:relative; }
.historyobj p:before { content:''; display:block; height:5px; width:5px; background:black; border-radius:50px; position:absolute; left:15px; top:12px; transform:translateY(-50%); }
.historyobj .btn-more { display:inline-block; position:relative; left:50%; transform:translateX(-50%); }

.structureflex { display:flex; display:block; }
.structureflex .box { display:block; width:20%; width:100%; padding-left:120px; }
.structureflex .box .photos { display:block; width:100px; margin:1em auto; margin:0; padding:0; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.structureflex .box .photos img { display:block; width:70%; width:100%; margin:0 auto; }
.structureflex .box .content { text-align:center; text-align:left; font-size:.95em; padding:0 2em; padding:2em; vertical-align:middle; }
.structureflex .box .content p { font-size:.9em; }

.artistblock { display:block; text-align:center; margin:0 auto; padding-top:2em; background:#f1f2f5; position:relative; text-align:left; }
.artistblock:before { content:''; display:block; position:absolute; top:2.5em; right:1.5em; width:calc(100% - 19em); border-top:1px solid gray; }
.artistblock .con { display:block; text-align:left; margin:0 4em; width:50%; padding:2em 0 2em 100px; position:relative; }
.artistblock .con .imgobj { display:block; width:6vw; height:6vw; border-radius:50%; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.artistblock .btndetail { display:block; position:absolute; bottom:2em; right:2em; opacity:.5; }
.artistblock .btndetail:hover { opacity:1; }
.artistblock .conbox { padding-left:2vw; }

.photorow { display:block; width:100%; padding:0; transition:all 0; margin:0 auto; height:auto; }
.photorow a { display:inline-block; padding:0; margin:0; width:33.33%; height:50vw; vertical-align:middle; background:black; overflow:hidden; background:black; position:relative; cursor:pointer; }
.photorow a .img { display:block; width:100%; height:100%; opacity:.9; transition:all .3s; background-position:center; background-size:cover; }
.photorow a .con { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:white; font-size:.88em; overflow:hidden; width:82%; xxxxheight:6vw; transition:all .3s; }
.photorow a .con h3 { text-align:center; width:80%; margin:1em auto; font-size:2vw; } 
.photorow a .con p { font-size:1.1em; line-height:140%; margin:1em 0; } 
.photorow a:hover .img { opacity:.3; }
.photorow a:hover .con { xxxxheight:60%; xxxtop:48%; }
.photorow.square a { width:25%; height:25vw; }
.photorow.square a:hover .img { opacity:.9; }
.photorow.square a:hover .con { xxxxheight:6vw; }
.photorow.nolink a { cursor:default; }
.photorow.in3 a { width:33.33%; }


.fireshowbanner { position:relative; text-align:center; overflow:hidden; display:block; width:100%; margin:0; padding:2em 10%; }
.fireshowbanner .bannerobj { display:inline-block; min-height:18vw; position:relative; height:calc(100% - 1.5em); width:40%; overflow:hidden; vertical-align:middle; }
.fireshowbanner .bannerobj .item { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; height:100%; width:100%; background-size:cover; }
.fireshowbanner .bannerobj .item .imgobj { display:block; overflow:hidden; height:100%; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.fireshowbanner .bannerobj .item .imgobj img { width:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .3s ease-in-out; }
.fireshowbanner .bannerobj .item.active { opacity:1; z-index:12; animation:_movein 1s forwards cubic-bezier(0.165, 0.84, 0.44, 1); }
.fireshowbanner .bannerobj .item.active .imgobj img {}
.fireshowbanner .centercon { display:block; width:100%; position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%,-50%); z-index:72; }
.fireshowbanner .bannercon { display:inline-block; width:50%; text-align:left; vertical-align:middle; padding:1.5em; }
.fireshowbanner .btnset a { display:inline-block; }
.fireshowbanner .btnset a img { display:block; width:30px; height:30px; } 

.videoset { display:flex; }
.videoset .con, .videoset .videocon { display:block; width:50%; }
.videoset .con { padding:2em; }
.videoset .con h3 { margin-bottom:1em; font-size:1.6em; }
.videoset .con .btn { margin:1em 0; text-align:left; font-size:.9em; }


.introblock { margin:0 auto; position:relative; }
.introblock .con { display:inline-block; width:49%; border-right:1px solid #ccc; padding:3em; position:relative; }
.introblock h4 { font-family:'FSLucas'; font-size:6em; position:absolute; top:0; left:.8em; text-align:left; transform-origin:bottom left; opacity:.18; }
.introblock h2 { font-size:2em; display:block; font-weight:bold !important; margin-bottom:1.2em; }
.introblock h2 span { font-size:.6em; margin-top:1em; display:block; letter-spacing:1.8em; }
.introblock p { font-size:.9em; }
.introblock ul, .introblock li { font-size:.9em; }
.introblock ul { margin-top:1em; padding-left:1.8em; }
.introblock .con:last-child { border-right:0; }
.imgbgcontent ul li { margin:0; padding:0; }
.artblock { margin:0 !important; padding:0 !important; }
.artblock .item { padding:0 !important; margin:0 !important; vertical-align:top !important; border-right:1px solid #eee; }

.damperbaby { display:block; width:73%; margin:0 auto; }
.babydesc { display:flex; text-align:center; margin-top:1em; margin-bottom:2em; width:100%; }
.babydesc .item { display:block; margin:3px; xxxbackground:#f1f2f5; vertical-align:top; margin:0 .5em; padding:1em 1.2em ; width:20%; }
.babydesc .item img { display:block; margin:.5em auto; width:70%; }
.babydesc .item h1 { font-size:1.1em; }
.babydesc .item h2 { font-size:1em; margin-bottom:1em; }
.babydesc .item p { font-size:.9em; text-align:left; }
.babydesc .item p.haha { display:block; padding:.5em; text-align:center; border-bottom:1px solid #333; }
.babydesc .item p.haha:last-child { border-right:0; }

.boxig {}
.boxig h5 { display:inline-block; font-size:1.5em; width:auto; text-align:left; margin:1em 0; padding:0 2em; vertical-align:middle; transform:translateY(-2px); }
.boxig .nav-conbar { display:inline-block; width:auto; text-align:left; padding:0; vertical-align:middle; }
.boxig .nav-conbar a { text-align:left; }
.boxig .center { display:block; text-align:center; }
.boxig .igmask { position:relative; display:block; height:18vw; overflow-x:scroll; }
.boxig .igmask .listnews { position:absolute; top:0; left:0; display:block; padding:0; }
.boxig .igmask .listnews .item { display:inline-block; }



.rowlist { display:block; width:auto; margin:2em auto; padding:2em; text-align:center; background-repeat:no-repeat; background-position:top center; background-size:100% 380px; }
.rowlist .item { display:inline-block; width:130px; position:relative; padding-left:25%; min-height:50px; padding:5px 8px; margin:0 2px; }
.rowlist .item h5 { font-family:'FSLucas'; font-size:1.3em; text-align:center; margin:1em 0; }
.rowlist .item p { display:block; font-size:.7em; text-align:center; border-bottom:0; margin:2px 0; padding-bottom:.5em; }
.rowlist .item .colorbar { display:block; height:40px; width:40px; margin:5px auto; border-radius:4px; }
.rowlist .item .colorbar.red { background:red; }
.rowlist .item .colorbar.orange { background:orange; }
.rowlist .item .colorbar.yellow { background:yellow; }
.rowlist .item .colorbar.green { background:#2fc504; }
.rowlist .item .colorbar.lightblue { background:#7addfd; }
.rowlist .item .colorbar.blue { background:blue; }
.rowlist .item .colorbar.purple { background:purple; }
.structureflex .box { position:relative; }
        .structureflex .box .photos img { margin:0; }
        .structureflex .box .content { text-align:left; padding:1em 1em 1em 0; }


    @media -ms-viewport, screen and (min-width:1600px) {
    }
    @media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
    }
    @media -ms-viewport, screen and (max-width:1024px) and (min-width:415px) {
        .boxstructure { padding:0 3em; }
        .structureflex .box { position:relative; }
        .structureflex .box .photos img { margin:0; }
        .structureflex .box .content { text-align:left; padding:1em 1em 1em 0; }
        
        .halfspecial .box .photos { width:30%; }
        .halfspecial .box .content { width:70%; }
        .halfspecial .box .content h5 { font-size:1.5em; padding-bottom:.3em; }
        .halfspecial .box .content h4 { margin:.5em 0; }
        .halfspecial .box .content h3 { margin:1em 0 .2em 0; }
        .halfspecial .box .content p { width:100%; font-size:.9em; }
    }
    @media only screen and (max-width:414px) {
        .historyobj { padding:2em 0; }
        .historyobj .list { padding-left:calc(50% - 80px); }
        .historyobj .list:before { left:calc(50% - 100px); }
        .historyobj h4,
        .historyobj .h4 { left:calc(50% - 160px); }

        .structureflex { display:block; }
        .structureflex .box { width:100%; min-height:100px; position:relative; text-align:left; /*padding-left:110px;*/ border-bottom:1px solid #ccc; }
        .structureflex .box .photos { width:100px; margin:0; position:absolute; top:50%; left:0; transform:translateY(-50%); }
        .structureflex .box .content { text-align:left; padding:1em 0; vertical-align:middle; }

        .halfspecial .box { display:block; }
        .halfspecial .box .content { margin:1em 0!important; width:100%; }
        .halfspecial .box { flex-direction:row-reverse!important; }
        .halfspecial .box:before { left:0!important; }
        .halfspecial .box .photos { width:100%; height:50vw; }

        .halfspecial.superlarge { width:calc(100% + 2em); margin:0 -1em; }
        .halfspecial.superlarge .box:before { content:''; position:absolute; width:calc(100% - 30vw); height:1px; bottom:0; background-color:#ccc; right:0; }
        .halfspecial.superlarge .box .content { width:90%; padding:3em; }
        
        .videoset { display:block; }
        .videoset .con, .videoset .videocon { width:100%; padding:1em 0; }

        .damperbaby { width:100%; }
        .babydesc { display:block; }
        .babydesc .item { padding:1em; width:100%; }
        .babydesc .item img { width:50%; margin:1em auto; }
        .babydesc .item p.haha { margin-bottom:.5em; }

        .photorow a { width:100%; height:50vw; }
        .photorow.square a { width:100%; height:100%; }
        .photorow.nolink a { cursor:default; }

        .photorow.in3 a,
        .photorow a { width:100%; height:auto; }
        .photorow a .con h3 { font-size:1.2em; }
        .photorow a .con { height:auto; position:relative;  top:0; left:0; transform:translate(0,0); display:block; margin:0 auto;}
        .photorow a .img { height:80vh; }

        .floordesc.inrow .con { margin-left:0; }
       
    }




/*
============================================================================================================
                                _       
  __ ___ _ _ _ __  ___ _ _ __ _| |_ ___ 
 / _/ _ \ '_| '_ \/ _ \ '_/ _` |  _/ -_)
 \__\___/_| | .__/\___/_| \__,_|\__\___|
            |_|                                            
============================================================================================================
*/




.fashionpageset { display:block; text-align:center; margin:0 auto; width:100%; position:relative; padding:0; }
.fashionpageset .item { display:inline-block; margin:.5em; width:calc(33.33% - 1.5em); height:auto; text-align:left; position:relative; cursor:pointer; vertical-align:top; padding-top:15vw; overflow:hidden; }
.fashionpageset .item img { display:block; width:100%; height:auto; }
.fashionpageset .item .img { display:block; width:100%; height:14vw; background-position:center; background-size:cover; transition:all .6s cubic-bezier(0.77, 0, 0.175, 1); position:absolute; top:0; left:0; }
.fashionpageset .item .con { display:block; transition:all .9s cubic-bezier(0.77, 0, 0.175, 1); padding:0; transform:translateY(-2.1vw); }
.fashionpageset .item .con h3,
.fashionpageset .item .con .h3
 { display:block; position:relative; text-align:left; line-height:100%; color:black; margin:.7em 0; height:auto; letter-spacing:-.02em; font-size:2vw; }
.fashionpageset .item .con h4 { display:block; font-size:1.2em; }
.fashionpageset .item .con .btn-more { font-size:.65em; padding:0; }
.fashionpageset .item .con:before,
.fashionpageset .item .con img,
.fashionpageset .item .con .con { transition:all 1.6s cubic-bezier(0.77, 0, 0.175, 1); }

.authorizetopcon { padding:3em 0; }
.authorizetopcon .box { padding:1.5em; margin-top:1.5em; margin-bottom:2em; border:2px solid #333; }
.authorizetopcon .box .blue { margin:.25em; color:#2196f3; }
.authorizetopcon .box .small { display:block; line-height:150%; margin-top:2em; }

.boxrent { text-align:center; }

.designblock .designitem { border:1px solid #ccc; padding:1.5em; margin-bottom:.5em; padding-left:180px; position:relative; }
.designblock .designitem h4 { display:block; position:absolute; top:1.5em; left:1.5em; width:auto; }
.designblock .btnaddnew { display:block; width:auto; right:0; margin:1em 0; }

.rentvideo { margin:0 auto; width:60vw; height:30vw; display:block; }
.rentinfoblock { display:block; text-align:center; padding:3em 0;  background:#c3ae7a;}
.rentinfoblock h5 { color:#fff; font-size:3vw; padding:3vw 0;}
.rentinfoblock p { color:#fff; margin:20px 0; font-weight:bold; }

.infoblock { padding:2em 0; border-bottom:1px solid #ccc; }
.infoblock h3 { margin:1em 0; font-size:1.3em; color:#cea84d; }
.infoblock h4 { margin:.8em 0 .1em 0; }
.infoblock h4:before { content:url('../icon/icon-arrowdown.svg'); display:inline-block; width:.9em; margin-right:.5em; transform:translateY(1px); }
.infoblock p { padding-left:1.4em; }
.infoblock p .icon { display:inline-block; height:1em; margin:0 .2em; }
.infoblock:last-child { border-bottom:0; }


.blockset { display:flex; }
.blockset .item { display:block; margin:0; position:relative; width:25%; text-align:center; } 
.blockset .item .con { display:block; }
.blockset .item .con h2 { display:block; font-size:2em; letter-spacing:-.01em; margin-bottom:.2em; position:absolute; top:0; left:0; }
.blockset .item .con h3 { font-size:1.4em; margin-top:.8em; }
.blockset .item .con p { font-size:.9em; }


.logosetblock { display:block; text-align:center; } 
.logosetblock .item { display:inline-block; width:150px; text-align:center; vertical-align:top; margin: 0 .5em; }
.logosetblock .item img { display:block; margin:5px auto; width:80px; }
.ballset { display:flex; position:relative; padding:1em 0; justify-content:center; }
.ballset .item { display:block; width:20%; text-align:center; }
.ballset .item h3 {}
.ballset .item p {}
.joblistbox { display:block; position:relative; border-top:1px solid #ccc; margin:2em auto; }
.joblistbox .item { display:block; cursor:pointer; padding:1em; text-align:left; border-bottom:1px solid #ccc; position:relative; }
.joblistbox .item h3 {}
.joblistbox .item .btndetail { position:absolute; top:52%; right:0; transform:translateY(-50%); opacity:.3; }
.joblistbox .item .btndetail img { width:1em; margin:0; padding:0; }
.joblistbox .item:hover { background:#f1f2f5; }
.joblistbox .item:hover .btndetail { opacity:1; }
.joblistbox.narrow { width:70%; }

.jobcon { display:block; position:relative; padding:1em; margin:0 auto; width:70%; }
.jobcon h3 { font-size:1.8em; margin:2em 0; }
.jobcon .con { display:block; width:70%; margin:0 auto; border:1px solid #ccc; border-bottom:0; }
.jobcon .con p { display:flex; }
.jobcon .con p span { display:block; width:100%; padding:1em; text-align:left; border-bottom:1px solid #ccc; }
.jobcon .con p span:first-child { width:20%; border-right:1px solid #ccc; }

.recruitset { display:block; border:1px solid #ccc; margin:0 1em; margin-bottom:2em; }
.recruitset .menu { display:inline-block; width:200px; margin:0; margin-right:-5px; vertical-align:top; }
.recruitset .menu .item { display:block; border-bottom:1px solid #ccc; text-align:left; padding:.5em; }
.recruitset .menu.mobile { display:none!important; }
.theendblock { display:block; margin:0; text-align:center; }
.theendblock .btnrow { margin:2em 0; }
.theendblock .btnrow a { margin:.4em; display:inline-block; padding:1em; border:1px solid #333; }
.theendblock .btnrow a:hover { background:#f1f2f5; }

.halfspecial .content h5 span { display:block; font-size:.5em; padding:7px 0; }
.halfspecial .box:nth-of-type(2n) .content { margin-left:4vw; margin-right:0; }
.halfspecial .content .btn-more { display:block; }
.halfspecial .content .extracon { display:none; }
.thetable { width:100%; }
.thetable tr { width:100%; display:table-row; }
.thetable th, .thetable td { border-bottom:1px solid #ccc; padding:10px; text-align:center; width:25%; }
.thetable th span, .thetable td span { display:inline-block; text-align:center; margin:0; font-size:.9em; color:red; }
.smaller { font-size:.8em; }
.smaller strong { font-weight:bold; font-size:1.1em; margin-bottom:.5em; color:#cea84d; }
.smaller ul li { margin:0; }


.navrow { display:block; padding:0; text-align:center; z-index:10; }
    .navrow a { display:inline-block; font-size:1em; padding:2em 3em; cursor:pointer; }
    .navrow a.selected { color:#cea84d; } 
.csrcon { display:block; background:#f1f2f5; padding:0; position:relative; min-height:30vw; }
    .csrcon .nav-conbar { padding:.8em 0; }
    .csrcon .nav-conbar a { font-size:1em; font-weight:bold; }
    .csrcon .nav-conbar a.selected { opacity:1; }
    .csrcon .conset { display:block; width:80%; height:auto; margin:2em; /*position:relative; top:50%; left:0; transform:translateY(-50%);*/ }
    .csrcon .conset .con { display:block; width:75vw; height:auto; position:absolute; top:54%; left:50%; transform:translate(-50%,-50%); }
    .csrcon .conset .con p { margin:1em 0; }
    .csrcon .conset .con strong { font-weight:bold!important; }
    .csrcon .conset .con .chartbox { display:flex; margin:1.5em 0; border:1px solid black; padding:0; }
    .csrcon .conset .con .chartbox p { display:inline-block; width:50%; margin:0; text-align:center; padding:1.5em; font-size:2em; border-right:1px solid black; }
    .csrcon .conset .con .chartbox p:last-child { border-right:0; }
    .csrcon .conset .con .chartbox p span { font-size:.5em; vertical-align:middle; margin-left:2em; }
    .csrcon .conset .con .biggergold { display:block; color:white; background:#cea84d; font-size:1.4em; xxpadding:2em; padding:1em; }
.dataset { display:flex; justify-content:center; text-align:center; margin:5em 0; }
    .dataset .item { display:block; width:24%; text-align:center; }  
    .dataset .item img { display:block; width:20%; margin:1em auto; } 
    .dataset .item h4 { font-size:2em; } 
    .dataset .item p { font-size:.8em; margin:1em 0; }


.treeblock { text-align:center; position:relative; }
    .treeblock .box { display:inline-block; width:13vw; font-size:.9em; text-align:center; padding:.5em; padding-top:1em; margin:.6em; position:relative; }
    .treeblock .box strong { display:block; font-size:1.2em; }
    .treeblock .box p { display:block; font-size:.92em; margin:.3em 0; }
    .treeblock .box small { display:block; font-size:.8em; opacity:.8; }

        .treeblock .rightbox { display:block; transform:translateX(-50); padding:1.1em; position:absolute; left:calc(50% + 12vw); xxtop:6em; top:4em; margin:0; }
        .treeblock .rightbox:before { content:''; display:block; xxwidth:5vw; width:6vw; border-top:1px solid #ccc; position:absolute; top:50%; left:0; xxtransform:translateX(-100%); transform:translateX(-50%); }
        .treeblock .rightbox:after { content:''; display:block; xxheight:100px; height:142px; width:2em; border:1px solid #ccc; border-right:0; position:absolute; top:50%; left:0; transform:translateY(-50%); }
        .treeblock .rightbox .box { xxheight:80px; height:50px; width:22vw; z-index:10; }


    

    .treeblock .box.audit { /*margin-left:40vw; margin-top:-100px;*/ transform:translateX(-50); position:absolute; left:calc(50% - 25vw); top:2em; margin:0; z-index:1; }
    .treeblock .box.audit:after { content:''; display:block; xxwidth:3em;width:5vw; border-top:1px solid #ccc; position:absolute; top:50%; left:100%; transform:translateY(-50%); }
    .treeblock .box.chairman { z-index:100; width:18vw; position:relative; margin-bottom:3em; font-size:1em; }
    .treeblock .box.chairman:before { content:''; display:block; width:0; height:9em; border-right:1px solid #ccc; position:absolute; top:100%; left:50%; }
    .treeblock .box.marketing { /*margin-left:40vw; margin-top:-350px;*/ /*transform:translateX(-50); position:absolute; left:calc(50% + 12vw); top:12vw; margin:0;*/ }
    .treeblock .box.safty { /*margin-left:40vw; margin-top:-100px;*/ /*transform:translateX(-50); position:absolute; left:calc(50% + 12vw); top:18vw; margin:0;*/ }
    .treeblock .box.ceo { z-index:150; position:relative; width:18vw; font-size:1em; }
    .treeblock .box span { display:block; font-family:'FSLucas'; font-size:1.2em; font-weight:bold; position:absolute; top:-1.5em; left:0; color:#cea84d; }

    .treeblock .box.chairman,
    .treeblock .box.ceo { border:1px solid #ccc; background:white; }
    
    .treeblock .group { display:block; margin-top:2em; }
    .treeblock .group:before { content:''; display:block;display:none; width:0; height:5.4em; border-right:1px solid #ccc; position:absolute; top:-5.4em; left:50%; }
    .treeblock .group:after { content:''; display:block; xxwidth:42vw;width:28vw; border-top:1px solid #ccc; position:absolute; top:0; left:50%; transform:translateX(-50%); }
    .treeblock .groupcol { display:inline-block; padding:.5em 0; width:14vw; margin:0; text-align:center; vertical-align:top; position:relative; padding-top:1.5em; }
    .treeblock .groupcol:before { content:''; display:block; width:0; height:2em; border-right:1px solid #ccc; position:absolute; top:0; left:50%; }
    .treeblock .groupcol:nth-child(2):before { height:7em; top:-5em; }
    .treeblock .groupcol .box { display:inline-block; width:12vw; font-size:.9em; border:1px solid #ccc; background:white; }
    .treeblock .groupcol .subgroup .box { width:11vw; margin:.5em auto; font-size:.9em; border:none; background:transparent; }
    .treeblock .groupcol .subgroup .box:after { display:none; }
    .treeblock .groupcol .subgroup .box:before { content:''; display:block; width:0; height:1.5em; border-right:1px solid #ccc; position:absolute; top:-1.2em; left:50%; }
    .treeblock .groupcol .boxxxx:after,
    .treeblock .box.chairman:after,
    .treeblock .box.auditxxxx:after,
    .treeblock .box.marketingxxx:after,
    .treeblock .box.saftyxxxx:after,
    .treeblock .box.ceoxxx:after { content:''; display:block; width:100%; height:3px; position:absolute; top:0; left:0; background:#cea84d; clear:both; }
    .treeblock .box.ceo:after { display:none; }

/*
    .treeblock { text-align:left; }
    .treeblock table { margin:2em 0; }
    .treeblock table th,
    .treeblock table td { vertical-align:top; text-align:left; border:0; }
    .treeblock table .box { text-align:left; border:0; margin:0; padding:1em 0 .8em 0; position:relative; background:transparent; }
    .treeblock table .box strong { display:block; font-size:1.2em; }
    .treeblock table .box p { display:block; font-size:.92em; margin:.3em 0; }
    .treeblock table .box small { display:block; font-size:.9em; color:#333; }
    .treeblock table .group { border-top:0; padding-top:6vw; }
    .treeblock table .groupcol { display:flex; margin:0; padding:0; vertical-align:top; position:relative; width:36vw; }
    .treeblock table .groupcol .box { display:inline-block; width:13vw; margin:0; }
    .treeblock table .groupcol .subgroup { margin:.5em; font-size:.9em; display:inline-block; width:13vw; position:relative; padding-top:3em; padding-bottom:1em; }
    .treeblock table .groupcol .subgroup .box { margin:0; font-size:.9em; padding:0; padding-left:2em; position:relative; }
    .treeblock table .groupcol .subgroup .box:before { content:''; display:block; width:1em; height:0; border-top:1px solid #333; position:absolute; top:1.2em; left:0; }
    .treeblock table .groupcol:after,
    .treeblock table .box.chairman:after,
    .treeblock table .box.audit:after,
    .treeblock table .box.ceo:after { content:''; display:block; width:100%; height:3px; position:absolute; top:0; left:0; background:#cea84d;background:#333; clear:both; }
    */
.treecenter { text-align:center; position:relative; margin:3em 0 1em 0; }
    .treecenter .box { display:inline-block; vertical-align: top; xxwidth:25vw;width:calc(100% / 3 - 1em); text-align:left; border-right:1px solid #ccc; padding:.5em 1em; margin:0; position:relative; }
    .treecenter .box:last-child { border-right:0; }
    .treecenter .box strong { display:block; font-size:1.2em; }
    .treecenter .box p { display:block; font-size:.92em; margin:.3em 0; }


@media -ms-viewport, screen and (min-width:1600px) {
}
@media -ms-viewport, screen and (max-width:1600px) and (min-width:1025px) {
}
@media -ms-viewport, screen and (max-width:1025px) and (min-width:641px) {
  .csrcon { min-height:44vw; }
}
@media only screen and (max-width:640px) {
    .fashionpageset .item { width:100%; padding:0; margin:0; padding-top:150px; }
    .fashionpageset .item .img { height:150px; width:70%; }
    .fashionpageset .item .con { transform:translateY(0); }
    .fashionpageset .item .con h3,
    .fashionpageset .item .con h4.h3 { font-size:1.4em; }
    .fashionpageset .item .con h4 { font-size:1em; }
    .fashionpageset .item:nth-child(2) { margin-left:30%; }

    .jobcon { padding:.5em 1em; width:100%; }
    .jobcon h3 { font-size:1.5em; margin:.5em 0; }
    .jobcon table th { width:25%; }
    .jobcon .con { width:100%; }

    .joblistbox.narrow { width:100%; }

    .csrcon { height:auto; margin:0; padding:2em; }
    .csrcon .nav-conbar { xxdisplay:none; padding:.8em 0; }
    .csrcon .conset { display:block; width:100%; margin:1.5em 0; height:auto; position:relative; top:auto; left:auto; transform:none; }
    .csrcon .conset .con { width:100%; position:relative; top:auto; left:auto; transform:none; }
    .csrcon .conset .con .biggergold { margin-bottom:2em; }
    .dataset { display:block; margin:5em 0; }
    .dataset .item { width:70%; margin:2em auto; }  
    .dataset .item img { width:30%; }
    
    .treeblock .box { width:80%; margin:.5em 0; }
    .treeblock .box.chairman,
    .treeblock .box.ceo { width:100%; margin-top:5em; }
    .treeblock .box.chairman:after,
    .treeblock .box.ceo:after { content:''; display:block; width:100%; height:3px; position:absolute; bottom:0; left:0; background:#cea84d; clear:both; }
    .treeblock .box.audit { margin:.6em 0; transform:none; position:relative; left:auto; top:auto; margin:0; }
    .treeblock .box.audit:after { display:none; }
    .treeblock .box.chairman { margin:.6em 0; }
    .treeblock .box.chairman:before,
    .treeblock .group:after, .treeblock .group:before { display:none; }
    .treeblock .groupcol { width:80%; }
    .treeblock .groupcol:before { display:none; }
    .treeblock .groupcol .box { width:100%; }
    .treeblock .groupcol .subgroup .box { width:33.33%; }


        .treeblock .rightbox { transform:none; padding:0; position:relative; left:auto; top:auto; }
        .treeblock .rightbox:before,
        .treeblock .rightbox:after { display:none; }
        .treeblock .rightbox .box { height:auto; }



    
    .treecenter .box { width:100%; }
    .treecenter .box { border-right:0; border-bottom:1px solid #ccc; }
    .treecenter .box:last-child { border-bottom:0; }
}





/*
============================================================================================================
                  _             
  _ __  ___ _ __ | |__  ___ _ _ 
 | '  \/ -_) '  \| '_ \/ -_) '_|
 |_|_|_\___|_|_|_|_.__/\___|_|  
                                             
============================================================================================================
*/


    
.signblock { background:rgba(0,0,0,.6); color:white; position:relative; text-align:left; display:inline-block; width:36vw; height:auto; right:6em; margin:5em 0; padding:0; z-index:105; font-size:.9em; }
    .signblock:after { content:''; display:block; height:5em; width:4px; background:red; position:absolute; top:100%; left:0; opacity:0; }
    .signblock label { display:block; font-size:.8em; }
    .signblock .input-group input { display:block; }
    .signblock .verificationimg { display:inline-block; height:40px; width:auto; margin-right:10px; vertical-align:top; }
    .signblock .verificationimg a { display:inline-block; vertical-align:top; }
    .signblock .verificationimg.normal { width:40vw; background:transparent; color:black; right:auto; left:50%; transform:translateX(-50%); left:25vw; }
    .signblock .verificationimg .tabset { display:block; margin-bottom:1em; }
    .signblock .verificationimg .tabset a { display:inline-block; width:49.9%; color:white; cursor:pointer; opacity:.5; margin:0 -5px 0 0; padding:10px; text-align:center; }
    .signblock .verificationimg .tabset a span { display:block; font-size:.8em; }
    .signblock .verificationimg .tabset a.selected { background:black; color:white; opacity:1; }
    .signblock .verificationimg .tabset a:hover { background:rgba(0,0,0,.3); }
    .appicon { display:inline-block; height:3em; width:auto; margin:.2em; }
    .note { font-size:.6em; }
    .note p { margin:0; }
    .hide { display:none; }
















/*
LANG
*/

.locallang-en .nav-conbar a,
.locallang-en .breadcrumb a { text-transform:uppercase; letter-spacing:1px; font-weight:bold; }
.locallang-en .privacycon ol.bigtype>li,
.locallang-ja .privacycon ol.bigtype>li,
.locallang-ko .privacycon ol.bigtype>li { list-style:upper-roman; }

.locallang-ja .linkrow a { font-size:.88em }

.photorow.in3 a { display:none; }
.photorow.in3 a:first-of-type { display:block; width:100%; }
.photorow.in3 a .img { background-position:20% 30%;  }
.borderblock p { font-weight:bold; }



@media only screen and (max-width:640px) {
    .locallang-ja .mainbodycon.shiftup1,
    .locallang-ko .mainbodycon.shiftup1 { margin-top:-266px; }
}



/*ie only*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .eventplayer .item.lazyload.show{ opacity:1;}
  .tablist.lazyload.show .group:first-of-type li { opacity:1; }
}


.bgimgrowblock .con.smallcon { width:60%; }
.bgimgrowblock .con.smallcon p { line-height:1.8; font-weight:bold; text-align:justify;}
.bgimgrowblock.spe:before { background:rgba(0,0,0,0.4); }

@media only screen and (max-width:1024px) {
    .bgimgrowblock .con.smallcon { width:100%; }

}
@media only screen and (max-width:768px) {
    .bgimgrowblock.spe { min-height:45vw; }

}

@media only screen and (max-width:414px) {
  .bgimgrowblock .con.smallcon p { font-size:.6em; }
  .bgimgrowblock.spe { min-height:70vw; }
  .parkinginfo { flex-wrap:wrap; padding:0; }
  .parkinginfo .item { width:45%; }
  .marginspecial { margin:2em; }
  .forb { display:block; color:transparent; }
  .btn.center { display:block; left:0; transform:translateX(0); }
  .rowfeature { display:block; height:auto; padding-top:30vh; position:relative;}
  .rowfeature .vimg { display:block; width:100%; height:30vh; position:absolute; top:0;}
  .rowfeature .vcentercon { display:block; width:100%; height:auto; }
  .rowfeature .vcentercon .con { position:relative; top:0; left:0; transform:translateY(0); }
  .navnumberset { padding:0; }
  .artistblock { padding-top:0; }
  .artistblock:before { display:none; }
  .artistblock .con { width:100%; padding:1em; margin:0 auto; }
  .artistblock .con .imgobj { position:relative; width:100px; height:100px; top:0; transform:translateY(0); text-align:center; display:block; margin:0 auto; }
  .artistblock .btndetail { position:relative; bottom:0; right:0; display:block; margin:0 auto; text-align:center; padding:10px;}
  .listnews.ig .item { width:100%!important; height:200px!important; }
  .introblock .con { width:100%; border-right:none; padding:1em;}
  .introblock h2 { text-align:center; }
  .nav-conbar { text-align:center; }

  .photorow.sp3 a .img { height:40vh; background-position:50% 50%; }

}

.treeblock table td.ceoblock .box:nth-child(2),
.treeblock table td.ceoblock .box:nth-child(3) { padding-left:2em; font-size:.8em; }

.treeblock table td.ceoblock .box:nth-child(2):before,
.treeblock table td.ceoblock .box:nth-child(3):before { content:''; display:block; width:1em; height:0; border-top:1px solid #333; position:absolute; top:50%; left:0;  }



.fbnews { text-align:center; padding:0; }
.fb_iframe_widget { display:inline-block; position:relative; margin:.5em auto !important; }
.xxxfb_iframe_widget span { display:inline-block; position:relative; text-align:justify; max-width:25vw; }
iframe .pluginSkinLight { border:1px solid red; }
.pluginSkinLight div[data-testid="newsFeedStream"] { width:33%!important; }



.formobj.birthday select { width:22%!important; min-width:auto!important;}
.formobj.address select { width:33%!important; min-width:auto!important;}

.muscleblock .consp:nth-child(even) { background:#F5F1E9; }

p.textcenter { text-align:center; }

    .list2 { display:flex!important; padding-bottom:0!important; flex-wrap:wrap;  }
    .list2 .item { width:25%; padding:10px;}
    .list2 .item img { width:100%; }
    .list2 .item h3 { margin:10px auto; }




.itemlist { padding:1.5em; border:1px solid #ccc; border-radius:3px; margin:.5em 0 !important; }
.itemlist h2 { font-size:1.2em; margin:.5em 0; }



/*
.memberbox { display:flex; xxdisplay:block; max-width:1200px; margin:0 auto; border:1px solid #ccc; }
.memberbox .menuset { display:block; xxwidth:100%; background:#333; color:white; border-bottom:1px solid #ccc; }
.memberbox .menuset .welcome_box { padding:2em; padding-bottom:.5em; xxxborder-bottom:1px solid #ccc; }
.memberbox .menuset .welcome_box p { margin:0 auto; }
.memberbox .menuset ul { margin:0; padding:0; text-align:center; }
.memberbox .menuset ul li { list-style:none; margin:0; padding:0; width:auto; display:inline-block; dis}
.memberbox .menuset ul li a { display:inline-block; padding:1.8em 1.2em; color:#777; text-decoration:none; transition:all .3s; }
.memberbox .menuset ul li a:hover { color:#CDA954; }
.memberbox .menuset ul li a.selected { xxbackground:#e5e6e8; color:#CDA954; }
.memberbox .menuset .linefooter { display:block; }
.memberbox .linefooter { display:none; xxbackground:#f3f4f5; padding:2em; margin-top:1.5em; text-align:center; }
.memberbox .linefooter .conbox {}
.memberbox .linefooter .conbox .box { margin:10px; }
.memberbox .linefooter .conbox .box img { display:inline-block; width:200px; }
.memberbox .linefooter .conbox .box h3 { color:#00b900; }

.memberbox .mainbodycon { padding:3em; }
.memberbox .mainbodycon .rent_title { font-size:1.5em; display:none; }
*/
.memberbox { display:flex; max-width:1200px; margin:0 auto; border:1px solid #ccc; }
.memberbox .linefooter { display:none; xxbackground:#f3f4f5; padding:2em; margin-top:1.5em; text-align:center; }
.memberbox .linefooter .conbox {}
.memberbox .linefooter .conbox .box { margin:10px; }
.memberbox .linefooter .conbox .box img { display:inline-block; width:200px; }
.memberbox .linefooter .conbox .box h3 { color:#00b900; }
.memberbox .menuset { display:block; border-right:1px solid #ccc; width:400px; }
.memberbox .menuset { background:#333; color:white; border-right:0; }
.memberbox .menuset .welcome_box { padding:2em; font-size:1.2em; text-align:left; }
.memberbox .menuset .welcome_box p { margin:0 auto; }
.memberbox .menuset .menu_block { margin:1em 0; padding:0; }
.memberbox .menuset .menu_block { list-style:none; margin:0; padding:0; width:auto; display:block; }
.memberbox .menuset .menu_block a { display:block; padding:.8em 2.5em; color:#777; text-decoration:none; transition:all .3s; }
.memberbox .menuset .menu_block a:hover { color:#CDA954; }
.memberbox .menuset .menu_block a.selected { xxbackground:#e5e6e8; color:#CDA954; }
.memberbox .menuset .linefooter { display:block; text-align:left; }

a.linkout:after  { display:inline-block; margin-left:8px; width:16px; height:16px; transform:translateY(2px); opacity:.4; }
a.linkout:after { content:url(../icon/icon-linkout-white.svg); }

.memberbox .mainbodycon { padding:3em; }
.memberbox .mainbodycon .rent_title { font-size:1.8em; }
.memberbox .mainbodycon .newsblock .con { width:100%; padding:1em 0; max-width:100%; }
.memberbox .mainbodycon .nav-conbar { text-align:left; }
.memberbox .mainbodycon .theformcon { margin:2em auto; max-width:100%; }
.memberbox .mainbodycon .btnset { text-align:center; }
.memberbox .mainbodycon .downloadlist { display:block; margin:1.5em 0; border-top:1px solid #ccc; }
.memberbox .mainbodycon .downloadlist a { display:block; border-bottom:1px solid #ccc; }
.memberbox .mainbodycon .downloadlist a * { display:inline-block; }
.memberbox .menuset .menu_block .btn_arrow { display:none; }
.memberbox .mainbodycon .secheadrow { padding:0!important; }
.memberbox .mainbodycon .secheadrow .righttop { margin:0; transform:translateY(-50%);}
.memberbox .mainbodycon .secheadrow h3 { font-family:PingFangTC-Regular,'微軟正黑體','Arial','Hiragino Sans GB','Source Han Sans','PingFangTC-Regular',sans-serif;  }
.memberbox .mainbodycon .secheadrow select { float:right; }
.memberbox .mainbodycon .secheadrow .dashboard { display:flex; }
.memberbox .mainbodycon .secheadrow .dashboard .box { width:50%; padding:1em; border:1px solid #ccc; margin:2em 0; padding:2em 0; }
.memberbox .mainbodycon .secheadrow .dashboard .box:first-child { margin-right:2em; }
.memberbox .mainbodycon .secheadrow .dashboard .box .conbox { display:flex;  -webkit-box-pack:center; justify-content:center;}
.memberbox .mainbodycon .secheadrow .dashboard .box .conbox .con { border-right:1px solid #ccc; padding-left:2em; }
.memberbox .mainbodycon .secheadrow .dashboard .box .conbox .con:last-child { border-right:none; }
.memberbox .mainbodycon .secheadrow .dashboard .box h5  { margin:2em 0; display:block; text-align:center; margin-top:0;}
.memberbox .mainbodycon .secheadrow .dashboard .box .conbox p { margin:0; width:100%; color:#CDA954; margin-top:.5em; font-weight:bold; }
.memberbox .mainbodycon .recordtable { text-align:center; margin:2em auto; }


@media only screen and (max-width:414px) {
    .memberbox .menuset .linefooter { display:none; }
    .memberbox { display:block; max-width:100%; margin:0 auto;}
    .memberbox .menuset { width:100%; }
    /*.memberbox .mainbodycon { padding-left:0; }*/
    .memberbox .menuset .welcome_box { padding:20px; }
    .memberbox .menuset .menu_block { padding:20px;}
    .memberbox .menuset .menu_block { padding:10px; position:relative; border-bottom:none;}
    .memberbox .menuset a { display:block; }

    .memberbox .menuset .menu_block a { width:100%; display:block; position:relative; z-index:2;}
    .memberbox .menuset .menu_block a.mb { display:none; }
    .memberbox .menuset .menu_block a.selected { display:block!important; }

    .memberbox .menuset .menu_block .btn_arrow { /*content:url(../img/icons/icon-arrow-down-white.svg);*/ display:inline-block; position:absolute; right:0px; top:-10px; transform:rotate(-90deg); transition:all .3s; z-index:3;  width:80px; height:80px;  /*background-image:url(../img/icons/icon-arrow-down-white.svg);*/ }
    .memberbox .menuset .menu_block .btn_arrow img { display:block; width:12px; margin:0 auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
    .memberbox .menuset .menu_block .btn_arrow.open { transform:rotate(0deg); transform-origin:50%; } 

    .memberbox .menuset .menu_block:last-child { border-bottom:1px solid #ccc; }  
    
}



        .appbox { display:flex; margin:10vw auto; position:relative; justify-content:space-around; align-items:flex-start; }
        .appbox .lazyload { opacity:1; }
        .appbox b { position:relative; display:block; }
        .appbox b span { letter-spacing:.1em; font-weight:500; padding-left:5px; position:relative; width:auto; background:#fff; padding-right:.5em; }
        .appbox b:after { content:''; width:115%; height:2px; display:block; border-top:1px solid #333; position:absolute; top:50%; left:0; z-index:-1; }
        .appbox h2 { font-weight:normal; font-size:2.2em; letter-spacing:.1em; margin:.3em 0; color:#cea84d;}
        .appbox h2 span { position:absolute; transition:all .3s; opacity:1; display:inline-block; }
        .appbox h2 span.first { position:relative; }
        .appbox h2 span.hide { opacity:0; transition:all .3s; }
        .appbox p { line-height:1.8; }
        .appbox ul { list-style:none; padding:0; }

        .content_intro { flex:0 0 50%; padding:10vw 2vw 0 18vw; }
        .content_intro .con { margin-bottom:30vw;  }
        .content_intro .con:first-child { margin-top:0; margin-bottom:20vw; }

        .content_photo { flex:0 0 50%; top:0; left:50%; padding-left:8vw; }
        .content_photo .mask { height:42.8vw; overflow:hidden; position:relative; width:20vw; border-radius:20px; border:5px solid #000;}
        .content_photo .phone { height:100%; width:100%; position:relative; }
        .content_photo .mask .phone img { display:block; margin:0 auto; height:100%; max-width:auto; position:relative; top:0; transition:all ease-in-out .5s; }
        .content_photo .mask .phone img.on1 { top:-100%; }
        .content_photo .mask .phone img.on2 { top:-200%; }
        .content_photo.fixed { position:sticky; top:60px!important; }

        img.mbonly { display:none; }
        
        @media only screen and (max-width:414px) {
            img.mbonly { display:block; width:80%; margin:50px auto; border-radius:20px; border:5px solid #000; }
            .appbox { display:block; }
            .appbox h2 { font-size:1.6em; }
            .appbox b:after { display:none; }
            .content_intro { padding:40px; }
            .content_photo { display:none; }
            .content_intro .con { margin-bottom:10vw; }
            table.mobile .thebox h2.sectitle { width:100%; }
        }

.brandblock .conarea p { line-height:2; text-align:justify; }






/* wine page  */
.awareblock { display:block; position:fixed; bottom:0; left:0; width:100%; z-index:78; padding:1em; text-align:center; background:black; }
.awareblock strong { color:white; font-size:4vw; xxxxxletter-spacing:1em; text-align:center; transform:translateY(.2em); }
.awareblock strong img { display:inline-block; width:2em; margin:0 .5em 0 .5em; }
.winenav { display:flex; text-align:center; justify-content:center; border-bottom:1px solid #ccc; }
.winenav a { display:block; font-size:1.3em; padding:1em 2em; opacity:.5; }
.winenav a.selected { opacity:1; }
.winetab { display:none; padding:0; }
.winetab img { width:100%; }
.winetab h2 { display:block; font-size:2em; padding:2em; text-align:center; }
.winetab.tab1 .mainbodycon,
.winetab.tab3 .mainbodycon { padding:5vw; padding-bottom:10vw; line-height:2; }
.winetab.tab1 .mainbodycon *,
.winetab.tab3 .mainbodycon * { line-height:1.7; }
.winechannel { width:600px; margin:0 auto; }
.winechannel .item { position:relative; padding-left:10vw; }
.winechannel .item h3 { position:absolute; left:3em; top:0; font-size:1.4em; transform:translateX(-100%); }
.winechannel .item p { line-height:1.8; }
.winechannel .item strong { font-size:1.2em; }
.winepop { display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(20,20,20,.8); z-index:888; }
.winepop .conbox { display:block; width:30vw; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:black; padding:3em; color:white; text-align:center; }
.winepop .conbox h3 { font-size:2em; margin-bottom:1em; }
.winepop .conbox a { display:block; margin:.4em 0; font-size:1.2em; text-align:center; padding:.5em; border:1px solid white; }
.winepop .conbox a:hover { background:white; color:black; }
p.title { font-size:2.4em; font-weight:normal; }
.wineflex { display:flex!important; flex-wrap:wrap; align-items:center; justify-content:left; }
.wineflex .col { display:block; }
.wineflex .col img { display:block; mix-blend-mode:multiply; }
.wineflex .col:first-child { width:35%; }
.wineflex .col:nth-child(2) { width:65%; }
.wineflex .col:nth-child(2) p.high { font-size:1.3em; }
.wineflex .oneline { display:inline-block; }
.winetag { display:block; width:100%; border:1px solid black; padding:3em 1em; line-height:2; margin:1em 0 3em 0; text-align:center; font-size:1.5em; }



.coverimg { width:100%; max-height:60vh; object-fit:contain; }
/*.nav-block { display:flex; flex-wrap:wrap; justify-content:center; margin:1.5em 0; }
.nav-block a { display:block; padding:.2em .5em; border:1px solid rgba(0,0,0,.5); transition:all .2s; margin-right:-1px; font-size:.85em; }
.nav-block a:hover { background:rgba(0,0,0,.2); xxxcolor:white; }
.nav-block a.selected { background:black; color:white; }*/
.imagebank { display:flex; flex-wrap:wrap; justify-content:left; width:calc(100% + .8em); margin-left:-.4em; padding:.4em 0; margin-bottom:8em; }
.imagebank .item { display:block; margin:.4em; width:calc(16.6% - .8em); height:7vw; overflow:hidden; cursor:pointer; transition:all .3s; position:relative; overflow:hidden; }
.imagebank .item img { display:block; width:100%; height:100%; object-fit:cover; transition:all .3s; }
.imagebank .item .iconvideo { display:block; width:3vw; height:3vw; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)!important; background-image:url(../img/imagebank/icon-videoplay.png); background-size:contain; }
.imagebank .item .iconvideo img { display:block; width:3vw; }
.imagebank .item:hover { background:gray; }
.imagebank .item:hover img { transform:scale(1.05); opacity:.9; }
.imagebank .item.video iframe { display:block; margin:0; width:100%; height:100%; }
.imagebank .item.video:after { content:''; display:block; margin:0; width:100%; height:100%; position:absolute; top:0; left:0; background:red; z-index:11111; opacity:0; }
.btn-cancel { border:1px solid black; padding:.5em 1.2em; transition:all .2s; }
.btn-cancel:hover { background:rgba(0,0,0,.2); }
.btn-download { background:black; color:white; padding:.5em 1.2em; xxxpadding:1em 3em; transition:all .3s; }
.btn-download:hover { background:#cda954; }
.coverstyle2 { display:block; height:34vw; position:relative; margin-bottom:4em; }
.coverstyle2 img { display:block; height:31vw; width:80vw; margin-bottom:8vw; object-fit:cover; }
.coverstyle2 h2 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)!important; color:white; font-size:1.7em; font-family:Arial; text-align:center; font-weight:bold; }
.coverstyle2 h2:before,
.coverstyle2 h2:after { content:''; display:block; position:absolute; left:50%; height:8vw; border-right:1px solid white; }
.coverstyle2 h2:before { top:-10vw; }
.coverstyle2 h2:after { bottom:-10vw; }
.coverstyle2 .block { display:block; width:35vw; height:25vw; background:#c6a880; opacity:.5; position:absolute; bottom:0; right:0; }
.videoframe { display:block; width:100%; height:32vw; }
.imgpopup { display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(80,80,80,.94); overflow-x:hidden; overflow-y:scroll; padding:2em; z-index:1997; }
.imgpopup .mainimg { display:block; object-fit:contain; margin:0 auto; width:100%; max-height:70vw; }
.imgpopup .btn-close { display:block; position:fixed; top:1em; right:1em; padding:.5em; background:white; z-index:1999; border-radius:2em; }
.imgpopup .btn-close img { display:block; width:1.5em; }
.imgpopup .noteblock { background:white; font-size:.8em; margin:0; border:0; }
.imgpopup .noteblock li,.noteblock li { list-style:disc; padding:.2em 0; }
.imgpopup .videoframe { height:48vw; }





@media only screen and (max-width:640px) {
    .awareblock { padding:1.5em 0; }
    .awareblock strong { font-size:1.7em; letter-spacing:0; }
    .awareblock strong img { margin:0 .2em; }
    .winenav a { font-size:.8em; padding:1em; }
    .winetab.tab1 .mainbodycon,
    .winetab.tab3 .mainbodycon { padding:30px; min-height:80vh; padding-bottom:100px; }
    .winechannel .item { padding-left:0; }
    .winechannel .item h3 { position:relative; }
    .winepop .conbox { width:90%; }


    .nav-block { margin:1em 0; }
    .nav-block a { font-size:.8em; margin:.2em; }
    .imagebank .item { width:calc(33.33% - .8em); height:4em; }
    .imagebank .item .iconvideo { width:2em; height:2em; }
    .btn-cancel,
    .btn-download { width:100%; margin:.1em 0; }
    .videoframe { height:50vw; }
}






/* q1 2023 brand link */
@keyframes _flashbtn {
    0%,100% { background-position:0% 0; }
    50% { background-position:50% 50; }
}
@keyframes gradient {
    0% {background-position: 0%}
    100% {background-position: 100%}
}
.brandblock .conarea .btn-linkshop { display:inline-block; margin:0 1em; font-size:.9rem; color:#cea84d; border-radius:2em; padding:.3em 1em; text-decoration:none; transform:translateY(-.3em); animation:2s _flashbtn infinite; 
    transition:all .3s;
    background:linear-gradient(45deg,#cea84d, SaddleBrown, Goldenrod, gold, darkgray, #cea84d);
    background:linear-gradient(45deg, DarkGoldenrod, SaddleBrown, gold, SaddleBrown, #cea84d);
    background-size: 600% 100%;
    animation: gradient 3s linear infinite;
    animation-direction: alternate;
}
.brandblock .conarea .btn-linkshop:before { content:''; display:inline-block; position:absolute; top:1px; left:1px; border-radius:40px; width:calc(100% - 2px); height:calc(100% - 2px); background:white; z-index:1; }
.brandblock .conarea .btn-linkshop span { position:relative; z-index:2; color:#b2903c; }
.brandblock .conarea .btn-linkshop:hover { background:#cea84d; color:white; xxxpadding:.3em 3em; }
.brandblock .conarea .btn-linkshop:hover span { color:#333; color:white; }
.brandblock .conarea .btn-linkshop:hover:before { /*top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px); */ background:#cea84d; }




.bobj.cover .btn-linkstore { display:inline-block; margin:0 1em; font-size:.8rem; color:#333; padding:.5em 3.5em; text-decoration:none; position:absolute; bottom:0; left:50%; width:100%; transform:translateX(-50%); letter-spacing:.2em; transition:all .3s; background:rgba(0,0,0,.4);color:white; }
.bobj.cover .btn-linkstore:beforexxx { content:''; display:inline-block; border:1px solid #ccc; width:0; height:3em; border-top:0; border-right:0; transform:translateY(-.4em); margin-right:.8em; mix-blend-mode:multiply; position:absolute; left:-1em; bottom:.5em; transition:all .3s; }
.bobj.cover .btn-linkstore:hover { background:rgba(0,0,0,.7); letter-spacing:1.2em; padding:.8em; xxxfont-size:1rem; }
.bobj.cover .btn-linkstore:hover:beforexxx { height:5em; left:0; border-color:#cea84d; border-width:3px; }

/*
.maincontainer .btn-linkstore { display:inline-block; margin:0 1em; font-size:.8rem; color:#333; padding:.3em 3.5em; text-decoration:none; position:absolute; top:1em; left:calc(100% - 18em); xxxletter-spacing:.5em; transition:all .3s; }
.maincontainer .btn-linkstore:before { content:''; display:inline-block; border:1px solid #ccc; width:0; height:3em; border-top:0; border-right:0; transform:translateY(-.4em); margin-right:.8em; mix-blend-mode:multiply; position:absolute; left:-1em; bottom:.5em; transition:all .3s; }
.maincontainer .btn-linkstore:hover { xxbackground:#cea84d;xxbackground:rgba(0,0,0,.5); xxcolor:white; color:#cea84d; letter-spacing: .2em; opacity:1; }
.maincontainer .btn-linkstore:hover:before { height:5em; left:0; border-color:#cea84d; border-width:3px; }*/
.maincontainer .btn-linkstore { display:inline-block; font-size:.8rem; margin:0; padding:0; text-decoration:none; position:absolute; top:0; left:calc(100% - 5em); transform:translate(-50%,-50%); color:white; text-align:center; transition:all .3s; }
.maincontainer .btn-linkstore:before { content:''; display:inline-block; width:5em; height:5em; background:#333; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .3s; z-index:-1; }
.maincontainer .btn-linkstore:hover { xxxxletter-spacing:.2em; margin-left:.2em; }
.maincontainer .btn-linkstore:hover:before { width:6em; height:6em; background:#cea84d; }


/*hide*/
.brandblock .conarea .btn-linkshop,
.bobj.cover .btn-linkstore,
.maincontainer .btn-linkstore { xxxdisplay:none; }




.stepbar { display:flex; justify-content:center; }
.stepbar .item { display:flex; align-items:center; padding:0 1em; text-align:left; max-width:130px; opacity:.4; }
.stepbar .item strong { font-size:1.2em; color:gray; margin-right:.4em; transform:translateY(-.05em); }
.stepbar .item.selected { opacity:1; color:white; background:#cea84d; border-radius:2em; padding:.5em 1em; }
.stepbar .item.selected * { color:white; }

.locallang-en .stepbar .item,
.locallang-ja .stepbar .item,
.locallang-ko .stepbar .item { font-size:.8em; }






