﻿/*style*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;}
html{font-size:10px;width:100%;height:100%}
body{font-size:14px;line-height:1.8;width:100%;height:100%;text-align:center}
#body{position:relative;}

.none{display:none}
.block{display:block}
.ft{float:left;}
.rt{float:right;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
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}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.trans{-webkit-transition:all .4s ease;transition:all .4s ease;}
.trans2{-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1)}
@-webkit-keyframes down_arrow{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
50%{-webkit-transform:translateY(5px);transform:translateY(5px)}
100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
@keyframes down_arrow{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
50%{-webkit-transform:translateY(5px);transform:translateY(5px)}
100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
.anim-down-arrow{-webkit-animation:down_arrow 1.5s infinite;animation:down_arrow 1.5s infinite}
*{box-sizing:border-box}
:after,:before{box-sizing:border-box}

@media (max-width:767px){body{font-size:12px}
}
::-moz-selection{}
::selection{}
footer,header,section{position:relative}
a{color:inherit;text-decoration:none;cursor:pointer}
a:focus,a:hover{outline:0;text-decoration:none}
a:focus{outline:0}
.no-touch a.link:hover{}
ol,ul{position:relative;list-style:none;padding:0;margin:0}
li{position:relative}
img{vertical-align:middle}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.centerbox{display:table}
.centerbox .centerbox-cont{display:table-cell;vertical-align:middle}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;margin:0}


.h1,h1{font-size:64px}
.h2,h2{font-size:48px}
.h3,h3{font-size:36px}
.h4,h4{font-size:24px}
.h5,h5{font-size:18px}
.h6,h6{font-size:14px}
@media (max-width:979px){.h1,h1{font-size:48px}
.h2,h2{font-size:36px}
.h3,h3{font-size:27px}
.h4,h4{font-size:18px}
.h5,h5{font-size:17px}
}
@media (max-width:767px){.h1,h1{font-size:36px}
.h2,h2{font-size:24px}
.h3,h3{font-size:18px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
}
.big{font-size:120%}
.small,small{font-size:80%}
.fs0{font-size:0}
span{display:inline-block}
p{margin-top:0;margin-bottom:20px;}
p a{display:inline-block}
p.big{font-size:18px}
p.en{font-style:italic;line-height:1.6}
@media (max-width:767px){p{margin-bottom:15px}
p.big{font-size:14px}
}
.bold{font-weight:400}
.light{font-weight:300}
.lhxs{line-height:1}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.lowercase{text-transform:lowercase}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
h1,h2,h3,h4,h5,h6,p,span{cursor:default}
a h1,a h2,a h3,a h4,a h5,a h6,a p,a span,button h1,button h2,button h3,button h4,button h5,button h6,button p,button span{cursor:pointer}
.oneline-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.list-text{text-align:left;list-style:disc}
ul.list-text li{margin-left:18px}
.coverbg{background-repeat:no-repeat;background-size:cover;background-position:center center}
.containbg{background-repeat:no-repeat;background-size:contain;background-position:center center}
.fixedbg{background-repeat:no-repeat;background-size:cover;background-position:center center}
.no-touch .fixedbg{background-attachment:fixed}
#main{position:relative;width:100%;height:100%}
body.loading{overflow-y:hidden}
body.loading #main{overflow-y:hidden}
.dark_bg{position:absolute;top:0;width:100%;height:100%;opacity:.2;filter:alpha(opacity=20)}
button{background:0 0;border:none;text-shadow:none;position:relative}
button:focus{outline:0}


.container{display:block;margin-left:auto;margin-right:auto;width:80%;}
@media (max-width:1199px){.container{width:86%}
}
@media (max-width:767px){.container{width:100%;padding-left:20px;padding-right:20px}
}
@media (min-width:1600px){.container{width:70%}
}
.grid img{width:100%;}
.grid{margin-left:-10px;margin-right:-10px}
.grid:after,.grid:before{content:" ";display:table}
.grid:after{clear:both}
.grid:after,.grid:before{content:" ";display:table}
.grid:after{clear:both}
.grid li{float:left}
.grid.col-1 li{width:100%;padding:10px}
.grid.col-2 li{width:50%;padding:10px}
.grid.col-3 li{width:33.3333%;padding:10px}
.grid.col-4 li{width:25%;padding:10px}
.grid.col-5 li{width:20%;padding:5px}
@media (max-width:767px){
.grid{margin-left:-5px;margin-right:-5px}
.grid.col-1 li,.grid.col-2 li,.grid.col-3 li,.grid.col-4 li,.grid.col-5 li{padding:5px}
}
@media (max-width:767px) and (orientation:portrait){
.grid.col-1 li{width:100%}
.grid.col-2 li{width:100%}
.grid.col-3 li{width:50%}
.grid.col-3 li.phone-v-fullw{width:100%}
.grid.col-4 li{width:50%}
.grid.col-4 li.phone-v-fullw{width:100%}
.grid.col-5 li{width:50%}
.grid.col-5 li.phone-v-fullw{width:100%}
}
.p-rel{position:relative}
.p-abs{position:absolute;}
.p-fix{position:fixed}
.top{top:0}
.btm{bottom:0}
.lt{left:0}
.rt{right:0}
.inlineblock{display:inline-block}
ul.inline-list li{position:relative;display:inline-block}
.ofhide{overflow:hidden}
.zindex-top{z-index:10}
.center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.centerh{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.centerv{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.full{width:100%;height:100%;overflow:hidden}
.fullw{width:100%;height:auto}
.fullh{height:100%}
.img-res{display:block;max-width:100%;height:auto}
.halfw{width:50%}
@media (max-width:767px) and (orientation:portrait){.phone-v-full{width:100%;height:100%}
.phone-v-fullw{width:100%}
.phone-v-fullw.container,.phone-v-fullw.wrap{padding-left:0;padding-right:0}
.phone-v-fullh{height:100%}
}
.wrap{padding:50px}
@media (max-width:979px){.wrap{padding:30px}
}
@media (max-width:767px){.wrap{padding:20px}
}
@media (min-width:1600px){.wrap{padding:60px}
}
.wrap-s{padding:20px}
.wrap-ss{padding:10px 20px 10px 20px}
.wrap-m{padding:30px}
@media (max-width:767px){
    .wrap-s{padding:15px;}
    .wrap-ss{padding:10px 15px 10px 15px}
    .wrap-m{padding:18px;}
}
.p-v-xs{padding-top:20px;padding-bottom:20px}
.p-v-xm{padding-top:30px;padding-bottom:30px}
.p-v-sm{padding-top:40px;padding-bottom:40px}
.p-ms{padding-bottom:40px}
.p-md{padding-bottom:50px}
@media (max-width:767px){.p-v-sm{padding-top:20px;padding-bottom:20px}.p-md{padding-bottom:20px}.p-ms{padding-bottom:28px}.p-v-xm{padding-top:20px;padding-bottom:20px}
}
.p-v-md{padding-top:60px;padding-bottom:60px}
@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}
}
.p-v-lg{padding-top:120px;padding-bottom:120px}
@media (max-width:980px){.p-v-lg{padding-top:60px;padding-bottom:60px}
}
@media (max-width:767px){.p-v-lg{padding-top:40px;padding-bottom:40px}
}
@media (min-width:1600px){.p-v-lg{padding-top:140px;padding-bottom:140px}
}
.p-h-lss{padding-left:15px;}
.p-h-ls{padding-left:20px;}
.p-h-xs{padding-left:20px;padding-right:20px}
@media (max-width:767px){
.p-h-ls,.p-h-lss{padding-left:10px;}
.p-h-xs{padding-left:10px;padding-right:10px}
}
.p-h-sm{padding-left:40px;padding-right:40px}
@media (max-width:767px){.p-h-sm{padding-left:20px;padding-right:20px}
}
.p-h-md{padding-left:60px;padding-right:60px}
@media (max-width:767px){.p-h-md{padding-left:30px;padding-right:30px}
}
.pt0{padding-top:0}
.pb0{padding-bottom:0}
.p0{padding:0}
.m-b-xxs{margin-bottom:5px}
.m-b-xs{margin-bottom:10px}
@media (max-width:767px){.m-b-xs{margin-bottom:5px}
}
.m-b-sm{margin-bottom:20px}
@media (max-width:767px){.m-b-sm{margin-bottom:10px}
}
.m-b-md{margin-bottom:30px}
@media (max-width:767px){.m-b-md{margin-bottom:15px}
}
.m-b-lg{margin-bottom:50px}
@media (max-width:767px){.m-b-lg{margin-bottom:30px}
}
.m-b-xl{margin-bottom:80px}
@media (max-width:767px){.m-b-xl{margin-bottom:50px}
}
.m-t-xxs{margin-top:5px}
.m-t-xs{margin-top:10px}
@media (max-width:767px){.m-t-xs{margin-top:5px}
}
.m-t-sm{margin-top:20px}
@media (max-width:767px){.m-t-sm{margin-top:10px}
}
.m-t-md{margin-top:30px}
@media (max-width:767px){.m-t-md{margin-top:15px}
}
.m-t-lg{margin-top:50px}
@media (max-width:767px){.m-t-lg{margin-top:30px}
}
.m-t-xl{margin-top:80px}
@media (max-width:767px){.m-t-xl{margin-top:50px}
}
.m-r-xxs{margin-right:5px}
.m-r-xs{margin-right:10px}
@media (max-width:767px){.m-r-xs{margin-right:5px}
}
.m-r-sm{margin-right:20px}
@media (max-width:767px){.m-r-sm{margin-right:10px}
}
.m-r-md{margin-right:30px}
@media (max-width:767px){.m-r-md{margin-right:20px}
}
.mt0{margin-top:0}
.mb0{margin-bottom:0}
.m0{margin:0}
@media (max-width:767px){.xs-mt0{margin-top:0}
}

.select{position:relative;display:inline-block}
.select::before{position:absolute;right:1.8rem;top:50%;-webkit-transform:translateY(-55%);-ms-transform:translateY(-55%);transform:translateY(-55%);font-size:2rem;pointer-events:none}
.no-touch:not(.safari_9) .select:hover select{}
.select select{display:inline-block;width:100%;min-width:160px;margin:0;padding:1rem 5rem 1rem 2rem;line-height:1.8;font-size:2rem;background-color:transparent;border-radius:0;outline:0;cursor:pointer;box-shadow:0 2px 16px rgba(0,0,0,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none}
.select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}
.select select:focus{box-shadow:0 2px 32px rgba(0,0,0,.2)}
.select select:active{}
.select select::-ms-expand{display:none}
@media (max-width:767px){.select select{font-size:14px}
}
.safari_9 .select{background-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px)}
.safari_9 .select select{border:none}
.safari_9.no-touch .select:hover{background-color:rgba(255,255,255,.5)}
@-moz-document url-prefix(){.select select{text-indent:.01px;text-overflow:'';padding-right:1rem}
.select option{background-color:#fff}
}
#nav_overlayer{position:fixed;display:none;top:0;left:0;right:0;bottom:0;opacity:0;z-index:900}
.shadow-sm{box-shadow:0 2px 2px rgba(0,0,0,.2)}
.shadow-lg{box-shadow:0 20px 40px rgba(0,0,0,.1)}
.will-change{will-change:transtorm}

.loader-icon{position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;}
.loader-icon .circular{width:100%;height:100%;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;}
.loader-icon .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke-width:5;stroke-miterlimit:10;fill:none;}

.sitelogo{display:inline-block;}
.touchlogo{display:none;}
@media (max-width:979px){
.sitelogo{display:none;}
.touchlogo{display:inline-block;}
}
.coverbg{background-repeat:no-repeat;background-size:cover;background-position:center center}
.containbg{background-repeat:no-repeat;background-size:contain;background-position:center center}
.fixedbg{background-repeat:no-repeat;background-size:cover;background-position:center center}
.no-touch .fixedbg{background-attachment:fixed}
#main{position:relative;width:100%;height:100%}
body.loading{overflow-y:hidden}
body.loading #main{overflow-y:hidden}

button{background:0 0;border:none;text-shadow:none;position:relative}
button:focus{outline:0}

#UChomecontact .container .wrap{overflow:hidden;}
.contact-left{width:50%;float:left;display:inline-block;text-align:center;}
.contact-right{width:50%;float:right;display:inline-block;text-align:center;}
.contact-right img{width:100px;height:100px;margin-top:10px;}

@media (max-width:767px){
.contact-left{width:100%;}
.contact-right{display:none;}
}


#UChomeinfolist .grid{margin-left:0px;margin-right:0px}
#UChomeinfolist .grid:after,.grid:before{content:" ";display:table}
#UChomeinfolist .grid:after{clear:both}
#UChomeinfolist .grid:after,.grid:before{content:" ";display:table}
#UChomeinfolist .grid:after{clear:both}
#UChomeinfolist .grid li{float:left}
#UChomeinfolist .grid.col-1 li{width:100%;padding:10px}
#UChomeinfolist .grid.col-2 li{width:50%;padding:10px}
#UChomeinfolist .grid.col-3 li{width:33.3333%;padding:10px}
#UChomeinfolist .grid.col-4 li{width:25%;padding:10px}
@media (max-width:767px){
#UChomeinfolist .grid{margin-left:0;margin-right:0}
#UChomeinfolist .grid.col-1 li,.grid.col-2 li,.grid.col-3 li,.grid.col-4 li{padding:5px}
}
@media (max-width:767px) and (orientation:portrait){
#UChomeinfolist .grid.col-1 li{width:100%}
#UChomeinfolist .grid.col-2 li{width:100%}
#UChomeinfolist .grid.col-3 li{width:100%}
#UChomeinfolist .grid.col-3 li.phone-v-fullw{width:100%}
#UChomeinfolist .grid.col-4 li{width:50%}
#UChomeinfolist .grid.col-4 li.phone-v-fullw{width:100%}
}

