@charset "UTF-8";
html{
overflow-y:scroll
}

body{
line-height:1;
color:#000

}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
ul{
list-style:none
}
blockquote,q{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none
}
a{
margin:0;
padding:0;
vertical-align:baseline;
background:transparent
}
ins{
background-color:#ff9;
color:#000;
text-decoration:none
}
mark{
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold
}
del{
text-decoration:line-through
}
abbr[title],dfn[title]{
border-bottom:1px dotted;
cursor:help
}
table{
border-collapse:collapse;
border-spacing:0
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0
}
input,select{
vertical-align:middle
}
body{
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small
}
select,input,button,textarea{
font:99% arial,helvetica,clean,sans-serif
}
table{
font-size:inherit;
font:100%
}
pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:100%
}
input[type="button"]{
-webkit-appearance:textfield;
-webkit-box-sizing:content-box
}
input[type="button"]:focus{
outline-offset:-2px
}
input[type="button"]::-webkit-search-decoration{
display:none
}
input[type="button"]::-webkit-search-decoration{
-webkit-appearance:searchfield-decoration;
display:inline-block
}
[class^="mark"]{
padding-left:15px;
background:no-repeat left .5em
}
.mark1{
background-image:url(../../img/share/mark_1.gif)
}
.mark2{
background-image:url(../../img/share/mark_2.gif)
}
.mark3{
background-image:url(../../img/share/mark_3.gif)
}
.mark4{
background-image:url(../../img/share/mark_4.gif)
}
.mark5{
background-image:url(../../img/share/mark_5.gif)
}
.opacity{
opacity:0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)"
}
.inline_block{
display:inline-block;
*display:inline;
*zoom:1
}
.table_cell{
display:table-cell;
*display:inline;
*zoom:1;
vertical-align:middle
}
.ovfl{
overflow:hidden
}
.fr,.imgR,.alignright{
float:right;
margin-left:10px
}
.fl,.imgL,.alignleft{
float:left;
margin-right:10px
}
.imgC,.tC,.btn,.aligncenter{
text-align:center
}
.imgC,.aligncenter{
display:block;
margin-left:auto;
margin-right:auto
}
.tR,.sign{
text-align:right
}
.box_size{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box
}
.ts_none{
-webkit-text-shadow:none !important;
-moz-text-shadow:none !important;
-ms-text-shadow:none !important;
-o-text-shadow:none !important;
text-shadow:none !important
}
.bs_none{
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
-ms-box-shadow:none !important;
-o-box-shadow:none !important;
box-shadow:none !important
}
.clearfix,#neo2-contents{
*zoom:1
}
.clearfix:after,#neo2-contents:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden
}
.en{
font-family:'Ubuntu Condensed', sans-serif;
font-weight:100
}
.section-title{
font-size:130%;
padding-left:12px;
position:relative;
border-left:solid 3px #240B00
}
.section-title small{
color:#A67D5E
}
@media (max-width: 767px){
.section-title small{
display:none
}

}
.section-title .btn-right{
top:-8px
}
.btn.btn-default{
background-color:#e1e1e1;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFE1E1E1');
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1));
background-image:-webkit-linear-gradient(#eeeeee 0%,#e1e1e1 100%);
background-image:-moz-linear-gradient(#eeeeee 0%,#e1e1e1 100%);
background-image:-o-linear-gradient(#eeeeee 0%,#e1e1e1 100%);
background-image:linear-gradient(#eeeeee 0%,#e1e1e1 100%);
-webkit-text-shadow:0 1px 0 #fff;
-moz-text-shadow:0 1px 0 #fff;
-ms-text-shadow:0 1px 0 #fff;
text-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff inset;
color:#888
}
.btn.btn-neo2{
background-position:right center;
background:transparent url("../img/btn/neo2-arrow.png") right 10px center no-repeat;
background-repeat:no-repeat;
border:solid 1px #111;
color:#111;
padding:10px 40px 10px 20px;
white-space:normal;
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
.btn.btn-neo2:hover{
background-repeat:no-repeat;
background:transparent url("../img/btn/neo2-arrow_on.png") right 10px center no-repeat;
color:#fff;
background-color:#111
}
.btn.btn-neo2.btn-users{
background-color:#5A4728;
background-repeat:no-repeat;
color:#fff;
border-color:#4D3E27;
background-image:url("../img/btn/neo2-arrow_on.png")
}
.btn.btn-neo2.btn-users:hover{
background-color:#111;
border-color:#111
}
.btn.btn-neo2.bg-white{
background-color:#fff
}
.btn.btn-neo2.bg-white:hover{
background-color:#111
}
.btn.btn-neo2.btn-inverse{
border-color:#a5a5a5 !important;
color:#a5a5a5 !important
}
.btn.btn-neo2.btn-inverse:hover{
border-color:#fff !important;
color:#111 !important
}
.btn.btn-neo2.btn-inverse{
background:transparent url("../img/btn/neo2-arrow_on.png") right 10px center no-repeat;
color:#fff;
border:solid 1px #fff
}
.btn.btn-neo2.btn-inverse:hover{
background-image:url("../img/btn/neo2-arrow.png");
background-repeat:no-repeat;
border:solid 1px #fff;
color:#111;
background-color:#fff
}
.btn.btn-neo2.btn-sm{
font-size:14px;
padding:7px 40px 7px 10px;
-webkit-background-size:8px 15px;
background-size:8px 15px
}
.btn-right{
position:absolute;
right:0;
top:0
}
.panel{
border-radius:0
}
.neo2-panel{
border-radius:0;
border:solid 1px #ddd;
border-top:none;
border-left:none;
background:#fff;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.panel-neo2-inverse{
border-radius:0;
background:#452F26;
color:#fff;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.panel-neo2-inverse .panel-heading{
border-radius:0;
padding:15px 20px;
background:#240B00;
border-color:#240B00;
color:#fff
}
.panel-neo2-inverse .panel-body{
padding:20px
}
.pad10{
padding-left:10px;
padding-right:10px
}
.icon-link{
color:#71523F;
padding:10px 0;
padding-left:30px;
font-size:110%;
background-image:url("../../img/index/link-icon.png");
background-position:5px 8px;
background-repeat:no-repeat
}
@media (max-width: 991px){
.text-sm-center{
text-align:center
}

}
@media (min-width: 991px){
.pull-md-left{
margin-right:20px;
float:left
}

}
@media (min-width: 767px){
.pull-sm-left{
margin-right:20px;
float:left
}

}
.panel-square{
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none
}
.lower-main-image{
position:relative;
background:url("../../img/main/lower-main.jpg");
background-position:center 0;
background-size:cover;
background-repeat:repeat;
padding:80px 0 100px;
color:#fff;
text-align:center
}
.lower-main-image p{
margin-bottom:0;
color:#A38A77
}
.lower-main-image h2{
font-size:28px
}
@media (max-width: 991px){
.lower-main-image{
padding:30px 0 50px
}
.lower-main-image h2{
font-size:25px
}

}
@media (max-width: 767px){
.lower-main-image h2{
font-size:23px
}

}
.bg-lower-main{
background:url("../../img/lower/cont_bg.jpg")
}
.lower-main-body{
position:relative;
top:-30px;
background:#fff;
-webkit-box-shadow:0 0 8px #000;
-moz-box-shadow:0 0 8px #000;
-ms-box-shadow:0 0 8px #000;
box-shadow:0 0 8px #000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px
}
.lower-main-body .concept-body{
padding:30px 40px
}
@media (max-width: 767px){
.lower-main-body .concept-body{
padding:0 15px
}

}
.lower-main-body .bg-lower{
padding:30px 0;
background:url("../../img/lower/bg-low-main.jpg") center 15px no-repeat
}
@media (max-width: 991px){
.lower-main-body .bg-lower{
background:none;
padding:15px 0
}

}
.lower-main-body .lower-body{
padding:20px 30px
}
@media (max-width: 991px){
.lower-main-body .lower-body{
padding:0 15px
}

}
.under-text{
padding:30px 0 40px
}
.table tr.divider>td{
background:#B79D70 !important;
color:#fff
}
.table tr>td.bg-brown{
background:#ACAC9D !important;
color:#fff
}
.lower-bottom-nav{
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-ms-border-radius:0 0 4px 4px;
-o-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
border-top:1px solid #ddd
}
.lower-bottom-nav .row :first-child{
-webkit-border-radius:0 0 0 4px;
-moz-border-radius:0 0 0 4px;
-ms-border-radius:0 0 0 4px;
-o-border-radius:0 0 0 4px;
border-radius:0 0 0 4px;
border-left:none
}
@media (max-width: 991px){
.lower-bottom-nav .row :first-child{
border-top:none
}

}
.lower-bottom-nav .row :last-child{
-webkit-border-radius:0 0 4px 0;
-moz-border-radius:0 0 4px 0;
-ms-border-radius:0 0 4px 0;
-o-border-radius:0 0 4px 0;
border-radius:0 0 4px 0;
border-right:none
}
@media (max-width: 991px){
.lower-bottom-nav .row :last-child{
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-ms-border-radius:0 0 4px 4px;
-o-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
border-bottom:none
}

}
.lower-bottom-nav .list{
background-color:#ddd;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD');
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
background-image:-webkit-linear-gradient(#ffffff 0%,#dddddd 100%);
background-image:-moz-linear-gradient(#ffffff 0%,#dddddd 100%);
background-image:-o-linear-gradient(#ffffff 0%,#dddddd 100%);
background-image:linear-gradient(#ffffff 0%,#dddddd 100%);
text-align:center;
padding-top:30px;
padding-bottom:30px;
border-right:1px solid #ccc;
border-left:1px solid #fff
}
.lower-bottom-nav .list:hover{
background-color:#fefefe;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF9F9F9', endColorstr='#FFFEFEFE');
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #fefefe));
background-image:-webkit-linear-gradient(#f9f9f9 0%,#fefefe 100%);
background-image:-moz-linear-gradient(#f9f9f9 0%,#fefefe 100%);
background-image:-o-linear-gradient(#f9f9f9 0%,#fefefe 100%);
background-image:linear-gradient(#f9f9f9 0%,#fefefe 100%)
}
@media (max-width: 991px){
.lower-bottom-nav .list{
background-color:#ddd;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F7', endColorstr='#FFDDDDDD');
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #dddddd));
background-image:-webkit-linear-gradient(#f7f7f7 0%,#dddddd 100%);
background-image:-moz-linear-gradient(#f7f7f7 0%,#dddddd 100%);
background-image:-o-linear-gradient(#f7f7f7 0%,#dddddd 100%);
background-image:linear-gradient(#f7f7f7 0%,#dddddd 100%);
border:none;
border-bottom:1px solid #ccc;
border-top:1px solid #fff
}

}
.lower-bottom-nav .list a{
text-decoration:none
}
.lower-tab{
background:#000;
-webkit-box-shadow:0 0 5px #333;
-moz-box-shadow:0 0 5px #333;
-ms-box-shadow:0 0 5px #333;
box-shadow:0 0 5px #333;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-ms-border-radius:4px 4px 0 0;
-o-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0
}
.lower-tab .row :last-child.col-md-4 a:after{
border-right:none
}
.lower-tab a{
position:relative;
line-height:16px;
color:#fff;
font-size:16px;
display:block;
padding:25px 0;
text-decoration:none
}
.lower-tab a:hover,.lower-tab a.active{
-webkit-text-shadow:0 0 8px #ffd85f;
-moz-text-shadow:0 0 8px #ffd85f;
-ms-text-shadow:0 0 8px #ffd85f;
text-shadow:0 0 8px #ffd85f;
color:#FFD85F
}
@media (max-width: 991px){
.lower-tab a{
font-size:12px;
padding:10px 0;
border-bottom:1px solid #999
}

}
.lower-tab a:after{
content:'';
line-height:16px;
height:16px;
position:absolute;
width:1px;
right:-15px;
border-right:1px solid #fff;
cursor:pointer
}
@media (max-width: 991px){
.lower-tab a:after{
border:none
}

}
.img-thumbnail{
padding:10px;
margin-bottom:10px
}
@media (max-width: 767px){
.img-thumbnail{
padding:4px
}

}
.animation-right{
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:0;
position:relative;
left:30px
}
.animation-right.active{
opacity:1;
left:0px
}
.animation-left{
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:0;
position:relative;
right:30px
}
.animation-left.active{
opacity:1;
right:0px
}
.animation-bottom{
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:0;
position:relative;
top:30px
}
.animation-bottom.active{
opacity:1;
top:0px
}
.animation-top{
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:0;
position:relative;
bottom:30px
}
.animation-top.active{
opacity:1;
bottom:0px
}
.color-warning{
color:#739700
}
.color-primary{
color:#FF8104
}
.color-info{
color:#FC9
}
.color-orange,.practical .flow ol li span.num,#faq a{
color:#FF7606
}
.color-brown{
color:#A57D5E
}
.wp-pagenavi{
padding:20px 0;
text-align:center
}
@media (max-width: 767px){
.wp-pagenavi{
padding-bottom:0
}

}
.wp-pagenavi span,.wp-pagenavi a{
display:inline-block;
background:#ccc;
border:solid 1px #ccc;
color:#fff;
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
padding:5px 13px;
margin-right:8px;
margin-bottom:10px;
text-decoration:none
}
.wp-pagenavi span.current,.wp-pagenavi a.current{
background:#111;
border:solid 1px #111
}
.wp-pagenavi span,.wp-pagenavi a:hover,.wp-pagenavi a:active{
background:#111;
border:solid 1px #111;
color:#fff
}
.wp-pagenavi.single>div{
display:inline-block;
min-height:40px;
margin-bottom:10px
}
@media (max-width: 767px){
.wp-pagenavi.single>div{
display:block
}

}
.wp-pagenavi.single .prev a,.wp-pagenavi.single .next a{
border:none;
background:none;
color:#111
}
.wp-pagenavi.single .prev a:hover,.wp-pagenavi.single .prev a:active,.wp-pagenavi.single .next a:hover,.wp-pagenavi.single .next a:active{
border:none;
background:none;
color:#111;
text-decoration:underline
}
.wp-pagenavi.single .center a{
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
border-radius:30px;
background:#fff;
border-color:#111;
color:#111
}
.wp-pagenavi.single .center a:hover,.wp-pagenavi.single .center a:active{
background:#111;
color:#fff
}
.hover-scale{
overflow:hidden;
display:block;
width:100%;
height:100%;
background:#000
}
.hover-scale>img{
-webkit-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-ms-transform:scale(1.1, 1.1);
transform:scale(1.1, 1.1)
}
.hover-scale:hover>img,.hover-scale:active>img{
opacity:0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
-ms-transform:scale(1, 1);
transform:scale(1, 1)
}
.image-gallery .thumbs-list{
overflow:hidden;
margin-right:-3%
}
.image-gallery .thumbs-list li{
width:30%;
float:left;
margin-right:3%
}
.image-gallery .thumbs-list li img{
width:100%
}
.badge-category{
background:#fff;
color:#111;
padding:5px 25px;
font-weight:normal;
text-decoration:none
}
.badge-category:hover{
background:#111;
color:#fff
}
.icon-new{
position:absolute;
left:0;
top:0
}
.label-category{
border-radius:5px;
border:1px solid #111;
color:#111;
padding:5px 20px;
font-weight:normal;
display:inline-block;
text-decoration:none;
white-space:normal
}
@media (max-width: 767px){
.label-category{
padding:5px 10px
}

}
a.label-category:hover{
background:#111;
color:#fff
}
.cat_lists .label-category{
padding:10px 20px;
background:#fff;
margin-right:10px;
margin-bottom:10px
}
.cat_lists .label-category:hover{
background:#111;
color:#fff
}
@media (max-width: 767px){
.panel-body{
padding-left:0;
padding-right:0
}

}
@media (max-width: 767px){
.panel .panel-body{
padding-left:15px;
padding-right:15px
}

}
.bg-slash{
background-image:url("../img/bg/slash.png")
}
@media (max-width: 767px){
.bg-slash .panel-body{
padding-left:15px;
padding-right:15px
}

}
.bg-white{
background-color:#fff
}
.link-blank{
padding:2px 0;
background:url("../../img/practical/seminor/blank.jpg") right 0 no-repeat;
padding-right:30px
}
.link-pdf{
line-height:30px
}
@media (max-width: 767px){
.table-responsive .wsn>tbody>tr>td{
white-space:nowrap !important
}

}
.table.table-brown tr>th{
background:#ACAC9D;
color:#fff
}
.table.table-brown tr>td{
background:#fff
}
.neo2-cart .btn-neo2{
display:block
}
@media (max-width: 767px){
.neo2-cart .btn-neo2{
margin-bottom:10px
}

}
html #wpadminbar{
position:fixed !important
}
body{
background:#fff;
color:#333;
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
-webkit-font-smoothing:subpixel-antialiased;
font-smoothing:antialiased;
word-wrap:break-word;
font-size:14px;
letter-spacing:.1em;
line-height:180%;
*min-width:980px
}
@media (max-width: 991px){
body{
font-size:14px;
line-height:170%
}

}
@media (max-width: 767px){
body{
font-size:12px;
line-height:150%
}

}
@media print{
a[href]:after{
content:"" !important
}
abbr[title]:after{
content:"" !important
}

}
* html body,* html input,* html textarea{
font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif
}
#boxer{
background-color:#222
}
#boxer .boxer-close{
background-color:#222
}
.externalIcon{
margin:0 3px;
vertical-align:middle
}
a{
color:#3D3D3D;
text-decoration:underline
}
a:hover{
text-decoration:none;
color:#003678
}
a:active{
color:#003678
}
.link-block{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0);
display:block
}
img{
line-height:1;
font-size:0;
vertical-align:top;
height:auto;
max-width:100%
}
.w100p{
width:100%
}
h2{
font-size:24px
}
@media (max-width: 991px){
h2{
font-size:22px;
line-height:120%
}

}
@media (max-width: 767px){
h2{
font-size:17px;
line-height:120%
}

}
h3{
font-size:22px
}
@media (max-width: 991px){
h3{
font-size:20px;
line-height:140%
}

}
@media (max-width: 767px){
h3{
font-size:17px;
line-height:140%
}

}
h4{
font-size:20px;
line-height:140%
}
@media (max-width: 991px){
h4{
font-size:16px;
line-height:140%
}

}
@media (max-width: 767px){
h4{
font-size:15px;
line-height:140%
}

}
.list-dotted{
list-style-position:outside;
list-style:disc;
margin-left:20px
}
.w100{
width:100%
}
.fz-l{
font-size:130%
}
.fz-s{
font-size:80%
}
a.btn{
text-decoration:none
}
.icon-bar{
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-o-transition-duration:0.4s;
transition-duration:0.4s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
display:block;
width:25px;
height:3px;
border-radius:1px;
background:#ddd;
margin-bottom:5px
}
.min{
font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif
}
.mbn{
margin-bottom:0
}
.mb10{
margin-bottom:10px
}
.mb20{
margin-bottom:20px
}
.mb30{
margin-bottom:30px
}
.mb40{
margin-bottom:40px
}
.mb50{
margin-bottom:50px
}
.mb60{
margin-bottom:60px
}
@media (max-width: 767px){
.mb30,.mb40,.mb50,.mb60{
margin-bottom:20px
}

}
.pb10{
padding-bottom:10px
}
.pb20{
padding-bottom:20px
}
.pb30{
padding-bottom:30px
}
.pb40{
padding-bottom:40px
}
.pb50{
padding-bottom:50px
}
.pb60{
padding-bottom:60px
}
.pt20{
padding-top:20px
}
.media>.pull-left{
margin-right:20px;
max-width:40%
}
@media (max-width: 767px){
.media>.pull-left{
float:none !important;
margin-right:0;
margin-bottom:10px;
max-width:inherit
}

}
.media>.pull-right{
margin-left:20px;
max-width:40%
}
@media (max-width: 767px){
.media>.pull-right{
float:none !important;
margin-right:0;
margin-bottom:10px;
max-width:inherit
}

}
.media-body h4{
font-size:18px
}
.pull-left{
margin-right:10px
}
.pull-right{
margin-left:10px
}
.pos-r{
position:relative
}
.ovh{
overflow:hidden
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
padding:15px 10px
}
.table-center td{
text-align:center
}
.table-center tr :first-child{
text-align:left
}
.table.table-horizontal{
border-top:1px solid #ddd;
border-bottom:none
}
@media (max-width: 767px){
.table.table-horizontal{
border-top:1px solid #ddd
}
.table.table-horizontal tr,.table.table-horizontal th,.table.table-horizontal td{
border:none;
width:100%;
display:block
}
.table.table-horizontal th,.table.table-horizontal td{
border-bottom:1px solid #ddd
}

}
.table.table-horizontal th{
background:#f8f8f8;
font-weight:normal
}
.table .table-middle>td{
vertical-align:middle
}
.lh120p{
line-height:100%
}
@media (max-width: 767px){
.col-xs-6{
padding-left:10px;
padding-right:10px
}

}
#page{
width:100%;
margin:0 auto;
background:#f7f7f7;
position:relative;
overflow:hidden
}
.container{
max-width:980px
}
#neo2-contents{
_zoom:1;
word-break:normal;
word-wrap:break-word
}
#neo2-footer .ft-top{
overflow:hidden;
padding-top:1px;
background:url("../img/layout/bg-ft-top.jpg") repeat-x
}
#neo2-footer .ft-top .ft-top-nav ul :first-child a{
border-left:solid 1px #d2d2d2
}
#neo2-footer .ft-top .ft-top-nav li{
padding:0;
border-right:solid 1px #d2d2d2
}
#neo2-footer .ft-top .ft-top-nav li a{
text-decoration:none;
-webkit-box-shadow:1px 1px 0 #fff inset;
-moz-box-shadow:1px 1px 0 #fff inset;
-ms-box-shadow:1px 1px 0 #fff inset;
box-shadow:1px 1px 0 #fff inset;
display:block;
padding:15px 20px
}
#neo2-footer .ft-top .ft-top-nav li a:hover img{
opacity:0.8
}
#neo2-footer .ft-top .ft-top-nav li a img{
position:relative;
top:5px
}
@media (max-width: 991px){
#neo2-footer .ft-top .ft-top-nav li a img{
top:0;
width:30px;
height:30px
}

}
@media (max-width: 991px){
#neo2-footer .ft-top .ft-top-nav li a{
padding:10px 0
}

}
#neo2-footer .ft-top .ft-top-nav li a span{
font-size:120%
}
#neo2-footer .ft-top .ft-top-nav li a small{
font-size:12px
}
#neo2-footer .ft-top .ft-top-nav li a span,#neo2-footer .ft-top .ft-top-nav li a small{
display:block
}
@media (max-width: 991px){
#neo2-footer .ft-top .ft-top-nav li a span,#neo2-footer .ft-top .ft-top-nav li a small{
font-size:10px
}

}
#neo2-footer .ft-bottom{
background:#000;
padding:20px 0;
color:#fff
}
#neo2-footer .ft-bottom h2{
padding:20px 0;
margin-bottom:20px;
font-size:130%
}
@media (max-width: 767px){
#neo2-footer .ft-bottom dt{
border-bottom:dotted 1px #d2d2d2;
padding-bottom:15px;
margin-bottom:15px
}

}
#neo2-footer .ft-bottom dd{
border-left:dotted 1px #d2d2d2;
padding-left:20px;
margin-bottom:30px
}
@media (max-width: 767px){
#neo2-footer .ft-bottom dd{
border-left:none
}

}
#neo2-footer .ft-bottom li{
width:140px
}
@media (max-width: 767px){
#neo2-footer .ft-bottom li{
width:auto;
margin-bottom:5px
}

}
#neo2-footer .ft-bottom a{
color:#d2d2d2;
background:url("../img/layout/ft-arrow.jpg") 0 4px no-repeat;
padding-left:15px;
font-size:12px
}
#fix-control{
position:fixed;
right:0;
top:40%;
opacity:0;
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease
}
@media (max-width: 1100px){
#fix-control{
display:none
}

}
#fix-control.active{
opacity:1
}
#neo2-header .nav-first{
background:#5A492E
}
@media (max-width: 991px){
#neo2-header .nav-first .container{
padding:0;
width:100%
}

}
#neo2-header .nav-first .logo{
color:#fff;
padding:15px 0
}
#neo2-header .nav-first .logo a{
color:#fff;
font-size:25px;
text-decoration:none
}
@media (max-width: 767px){
#neo2-header .nav-first .logo a{
font-size:20px
}

}
#neo2-header .nav-first .logo .drawer-open{
display:none
}
@media (max-width: 767px){
#neo2-header .nav-first .logo{
line-height:25px;
position:relative;
padding:15px 20px;
text-align:left
}
#neo2-header .nav-first .logo .drawer-open{
display:block;
top:15px;
border-color:#C0B5AD
}
#neo2-header .nav-first .logo .drawer-open i.icon-border{
background:#C0B5AD
}

}
@media (max-width: 991px){
#neo2-header .nav-first nav{
margin-left:10px
}

}
@media (max-width: 767px){
#neo2-header .nav-first nav{
border-top:1px solid #73644D;
margin-left:0
}

}
@media (max-width: 991px){
#neo2-header .nav-first nav li{
display:block;
float:left;
width:19.5%;
margin-right:0.5%
}
#neo2-header .nav-first nav li a{
padding:15px 0
}

}
@media (max-width: 991px) and (max-width: 767px){
#neo2-header .nav-first nav li{
width:50%;
margin:0;
padding:0
}
#neo2-header .nav-first nav li:nth-child(even){
border-right:1px solid #73644D
}

}
#neo2-header .nav-first nav a{
margin-top:20px;
padding:15px 20px;
display:block;
color:#fff;
text-decoration:none;
-webkit-box-shadow:0 0 3px #333;
-moz-box-shadow:0 0 3px #333;
-ms-box-shadow:0 0 3px #333;
box-shadow:0 0 3px #333;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-ms-border-radius:4px 4px 0 0;
-o-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
background-color:#705b38;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF927749', endColorstr='#FF705B38');
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #927749), color-stop(100%, #705b38));
background-image:-webkit-linear-gradient(#927749 0%,#705b38 100%);
background-image:-moz-linear-gradient(#927749 0%,#705b38 100%);
background-image:-o-linear-gradient(#927749 0%,#705b38 100%);
background-image:linear-gradient(#927749 0%,#705b38 100%)
}
#neo2-header .nav-first nav a.active,#neo2-header .nav-first nav a:hover{
background:#111
}
@media (max-width: 991px){
#neo2-header .nav-first nav a{
margin-top:0
}

}
@media (max-width: 767px){
#neo2-header .nav-first nav a{
margin-top:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0;
background:#5A492E;
border-bottom:1px solid #73644D
}
#neo2-header .nav-first nav a.icon{
background-position:15px 15px;
-webkit-background-size:24px;
background-size:24px;
background-repeat:no-repeat
}
#neo2-header .nav-first nav a.icon01{
background-image:url("../img/layout/gnav-xs-icon01.png")
}
#neo2-header .nav-first nav a.icon02{
background-image:url("../img/layout/gnav-xs-icon02.png")
}
#neo2-header .nav-first nav a.icon03{
background-image:url("../img/layout/gnav-xs-icon03.png")
}
#neo2-header .nav-first nav a.icon04{
background-image:url("../img/layout/gnav-xs-icon04.png")
}

}
#neo2-header .nav-second{
display:none;
background:#111
}
@media (max-width: 991px){
#neo2-header .nav-second{
background:#222222
}

}
@media (max-width: 991px){
#neo2-header .nav-second .container{
padding:0;
width:100%
}

}
#neo2-header .nav-second nav{
position:relative;
margin-left:10px
}
@media (max-width: 991px){
#neo2-header .nav-second nav{
margin:0
}

}
#neo2-header .nav-second nav .nav-toggle{
cursor:pointer;
background:#111;
display:block;
padding:15px 0;
text-align:center;
color:#AAAAAA;
font-size:14px;
position:relative
}
@media (max-width: 991px){
#neo2-header .nav-second nav ul{
display:none;
z-index:100;
position:absolute;
top:48px;
left:0;
background:#222222;
width:100%;
padding:10px 0 20px 0
}

}
@media (min-width: 992px){
#neo2-header .nav-second nav ul{
display:block !important
}

}
#neo2-header .nav-second nav li{
float:left;
*display:inline
}
@media (max-width: 991px){
#neo2-header .nav-second nav li{
display:block;
float:none
}

}
#neo2-header .nav-second nav ul :first-child a span{
border-left:solid 1px #d2d2d2
}
@media (max-width: 991px){
#neo2-header .nav-second nav ul :first-child a span{
border:none
}

}
#neo2-header .nav-second nav a{
color:#d2d2d2;
text-decoration:none;
padding:20px 0;
display:block
}
#neo2-header .nav-second nav a:hover{
color:#fff
}
@media (max-width: 991px){
#neo2-header .nav-second nav a{
padding:10px 20px;
border-bottom:1px solid #4d4d4d;
margin:0 10px
}

}
#neo2-header .nav-second nav a span{
padding:0 24px;
display:block;
border-right:solid 1px #d2d2d2
}
@media (max-width: 991px){
#neo2-header .nav-second nav a span{
padding:0;
border:none
}

}
.drawer-open{
position:absolute;
right:10px;
top:11px;
border-radius:4px;
border:1px solid #ccc;
padding:7px 5px 4px
}
.drawer-open .icon-border{
height:3px;
margin-bottom:3px;
background:#ccc;
display:block;
width:20px
}
.neo2 #neo2-header .nav-second,.practical #neo2-header .nav-second{
display:block
}
@media (max-width: 767px){
.neo2 #neo2-header .nav-second,.practical #neo2-header .nav-second{
display:none
}

}
body.practical #neo2-header .nav-second li a span{
padding:0 30px
}
#drawer-nav ul{
padding:0
}
#drawer-nav .drawer-nav-title{
background:#111;
color:#fff;
padding:20px
}
#drawer-nav .drawer-nav-title:after{
border:none
}
#drawer-nav li.drawer-nav-section{
position:relative;
padding:12px 20px;
color:#111;
background-color:#fff;
background-image:url("../img/layout/drawer-nav-sec-icon.png");
background-position:right 20px center;
background-repeat:no-repeat;
-webkit-background-size:3px 6px;
background-size:3px 6px
}
#drawer-nav li.drawer-nav-section:after{
width:100%;
margin:0;
border-color:#111;
position:absolute;
bottom:0;
left:0
}
#drawer-nav li.drawer-low-section a{
color:#fff;
background-color:#222;
background-image:url("../img/layout/drawer-nav-low-icon.png");
background-position:20px center;
background-repeat:no-repeat;
-webkit-background-size:3px 6px;
background-size:3px 6px;
padding:15px 10px 15px 40px
}
#drawer-nav li.drawer-low-section:after{
margin:0
}
#drawer-nav li a,#drawer-nav li span{
color:#fff;
text-decoration:none;
padding:15px 10px 10px 20px
}
#drawer-nav li:after{
margin:0
}
#drawer-nav .drawer-nav-footer{
padding:0 20px;
background:#111
}
#drawer-nav .drawer-nav-footer a{
padding:15px 5px 15px 0;
display:inline-block
}
#mm-blocker{
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-o-transition-duration:0.4s;
transition-duration:0.4s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
background:rgba(0,0,0,0)
}
html.mm-right.mm-opened #mm-blocker{
background:rgba(0,0,0,0.3)
}
.global-elements{
color:#fff
}
.global-elements *{
zoom:1;
box-sizing:content-box
}
.global-elements a{
color:#fff;
}
.global-elements a:active{
color:#fff
}
.global-elements a:hover{
color:#f8f8f8;
text-decoration:underline
}
.global-elements .gbl-container{
max-width:980px;
width:980px;
margin-right:auto;
margin-left:auto
}
@media (max-width: 992px){
.global-elements .gbl-container{
width:95%
}

}
@media (min-width: 992px){
.global-elements .gbl-container{
width:95%
}

}
@media (min-width: 1200px){
.global-elements .gbl-container{
width:1170px
}

}
@media (max-width: 767px){
.global-elements .hidden-xs{
display:none
}

}
@media (max-width: 991px){
.global-elements .hidden-sm{
display:none
}

}
@media (min-width: 992px){
.global-elements .hidden-md{
display:none
}

}
@media (min-width: 1200px){
.global-elements .hidden-lg{
display:none
}

}
.global-elements .gbl-row{
overflow:hidden
}
.global-elements .gbl-row>div{
position:relative;
min-height:1px
}
@media (min-width: 992px){
.global-elements .gbl-col-md-6{
width:48%;
float:left
}

}
@media (min-width: 768px){
.global-elements .gbl-col-sm-6{
width:48%;
float:left
}

}
.global-elements .list-inline{
list-style:none
}
.global-elements .list-inline li{
display:inline-block;
*display:inline
}
#global-header .gbl-header-bg{
padding:20px 0 0;
background-color:#011287;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0115A0', endColorstr='#FF011287');
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0115a0), color-stop(100%, #011287));
background-image:-webkit-linear-gradient(#0115a0 0%,#011287 100%);
background-image:-moz-linear-gradient(#0115a0 0%,#011287 100%);
background-image:-o-linear-gradient(#0115a0 0%,#011287 100%);
background-image:linear-gradient(#0115a0 0%,#011287 100%)
}
@media (max-width: 767px){
#global-header .gbl-header-bg{
background:#000358
}
#global-header .gbl-header-bg .gbl-right-nav{
display:none
}

}
@media (max-width: 767px){
#global-header.gbl-open h1.logo{
height:auto;
display:block
}
#global-header.gbl-open .gbl-nav li{
height:auto;
display:block
}
#global-header.gbl-open .gbl-nav li.gbl-nav-open{
display:none
}

}
#global-header h1.logo{
line-height:28px;
height:28px;
margin-bottom:10px
}
@media (max-width: 767px){
#global-header h1.logo{
display:none;
height:0;
text-align:center;
padding-top:25px;
margin-bottom:0
}
#global-header h1.logo small{
position:relative;
top:-52px;
left:-28px;
display:block
}

}
#global-header h1.logo small{
vertical-align:middle;
font-size:12px;
color:#fff
}
#global-header .gbl-right-nav{
float:right
}
#global-header .gbl-right-nav a{
font-size:13px;
background-image:url(../global/arrow-right.png);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:15px;
text-decoration:none
}
#global-header .gbl-right-nav a:hover{
text-decoration:underline
}
#global-header .gbl-nav{
background:#011287;
overflow:hidden
}
#global-header .gbl-nav li{
float:left;
display:inline-block;
*display:inline;
background:-webkit-linear-gradient(bottom, #222852, #011287);
background:-moz-linear-gradient(bottom, #222852, #011287);
background:-o-linear-gradient(bottom, #222852, #011287);
background:linear-gradient(to top, #222852,#011287);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#222852', endColorstr='#011287', GradientType=1)";
padding:0 1px 0 0
}
#global-header .gbl-nav li.controls{
display:none
}
#global-header .gbl-nav li ul li{
background:none
}
#global-header .gbl-nav li ul li a{
background:none
}
#global-header .gbl-nav li a{
font-size:14px;
background:-webkit-linear-gradient(bottom, #394acb, #011287);
background:-moz-linear-gradient(bottom, #394acb, #011287);
background:-o-linear-gradient(bottom, #394acb, #011287);
background:linear-gradient(to top, #394acb,#011287);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#394ACB', endColorstr='#011287', GradientType=1)";
padding:0 1px 0 0;
display:block;
text-decoration:none
}
#global-header .gbl-nav li a span{
background:#011287;
display:block;
padding:15px 35px;
cursor:pointer;
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease
}
@media (max-width: 1030px){
#global-header .gbl-nav li a span{
padding:15px 30px
}

}
@media (max-width: 991px){
#global-header .gbl-nav li a span{
padding:15px 38px
}

}
@media (max-width: 920px){
#global-header .gbl-nav li a span{
padding:15px 33px
}

}
@media (max-width: 850px){
#global-header .gbl-nav li a span{
padding:15px 28px
}

}
@media (max-width: 790px){
#global-header .gbl-nav li a span{
padding:15px 23px
}

}
#global-header .gbl-nav li a:hover span{
opacity:0.7;
box-shadow:inset 0 -5px 10px #011287;
*background:#1E2B8A
}
#global-header .gbl-nav li .gbl-search{
margin-right:-1px;
padding:10px 15px 0;
background:#011287;
position:relative;
cursor:pointer
}
#global-header .gbl-nav li .gbl-search input.gbl-search-submit,#global-header .gbl-nav li .gbl-search img.gbl-search-image{
background:none;
border:none;
cursor:pointer;
position:absolute;
left:26px;
top:21px;
background-image:url(../global/search.png);
background-repeat:no-repeat;
height:12px;
width:12px
}
#global-header .gbl-nav li .gbl-search input.gbl-search-submit:focus,#global-header .gbl-nav li .gbl-search img.gbl-search-image:focus{
outline:none
}
#global-header .gbl-nav li .gbl-search input.gbl-search-submit{
display:none;
text-indent:-9999px
}
#global-header .gbl-nav li .gbl-search input.gbl-search-text{
width:140px;
font-size:18px;
height:26px;
position:absolute;
left:45px;
top:15px;
border:none;
background:none;
display:none
}
#global-header .gbl-nav li .gbl-search input.gbl-search-text:focus{
outline:none
}
#global-header .gbl-nav li .gbl-search:hover span{
box-shadow:inset 0 1px 1px #011287;
background:#394ACB
}
#global-header .gbl-nav li .gbl-search span{
cursor:pointer;
border:none;
background:none;
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
width:36px;
height:36px;
line-height:36px;
display:inline-block;
border-radius:30px
}
@media (max-width: 1040px){
#global-header .gbl-nav>.gbl-container{
width:100%;
padding:0
}
#global-header .gbl-nav .gbl-search-list{
border-top:1px solid #394ACB;
width:100%
}
#global-header .gbl-nav .gbl-search-list .gbl-search{
padding-left:50px;
padding-top:15px;
padding-bottom:10px
}
#global-header .gbl-nav .gbl-search-list .gbl-search input.gbl-search-text,#global-header .gbl-nav .gbl-search-list .gbl-search input.gbl-search-submit{
display:inline
}
#global-header .gbl-nav .gbl-search-list .gbl-search input.gbl-search-text{
top:20px;
left:60px;
width:90%
}
#global-header .gbl-nav .gbl-search-list .gbl-search .gbl-search-submit{
top:25px
}
#global-header .gbl-nav .gbl-search-list .gbl-search img.gbl-search-image{
display:none
}
#global-header .gbl-nav .gbl-search-list .gbl-search span{
border-bottom:solid 1px #4E5AAC;
background:#394ACB;
width:100%
}

}
@media (max-width: 767px){
#global-header .gbl-nav .gbl-container{
width:100%;
padding:0;
background:#000358
}
#global-header .gbl-nav li{
height:0;
overflow:hidden;
display:none;
background:#000358;
float:none;
width:95%;
position:relative;
left:2.5%;
text-align:center;
padding:0
}
#global-header .gbl-nav li a{
padding:0
}
#global-header .gbl-nav li a span{
background:#000358;
border-bottom:solid 1px #4E5AAC
}
#global-header .gbl-nav li.home{
display:none
}
#global-header .gbl-nav li.controls{
display:block
}
#global-header .gbl-nav li.controls a{
padding:10px 10px;
background:#000358
}
#global-header .gbl-nav li.gbl-nav-open{
display:block;
height:auto
}
#global-header .gbl-nav li.gbl-nav-open a{
padding-top:0
}
#global-header .gbl-nav li .list-inline{
float:none
}
#global-header .gbl-nav li .list-inline li{
padding:0 10px;
background:#000358;
display:inline-block;
*display:inline;
width:auto
}
#global-header .gbl-nav li .list-inline li a{
background:#000358;
font-size:13px;
background-image:url(../../global/arrow-right.png);
background-repeat:no-repeat;
background-position:0 15px;
padding-left:15px;
text-decoration:none
}
#global-header .gbl-nav .gbl-search-list{
display:block;
height:auto;
border-top:1px solid #394ACB;
width:100%;
left:0
}

}
@media (min-width: 991px){
#global-header .gbl-nav.active li a span{
padding:15px 21px
}

}
#global-header .gbl-nav.active .gbl-search input.gbl-search-text,#global-header .gbl-nav.active .gbl-search input.gbl-search-submit{
display:inline;
color:#fff
}
#global-header .gbl-nav.active .gbl-search img.gbl-search-image{
display:none
}
#global-header .gbl-nav.active .gbl-search span{
border-bottom:solid 1px #4E5AAC;
background:#394ACB;
width:180px
}
@media (max-width: 991px){
#global-header .gbl-nav.active .gbl-search span{
width:100%
}

}
#global-header .pos-r{
position:relative
}
.gbl-breadcrumbs{
font-family:'ＭＳ Ｐゴシック',sans-serif;
background:#fff;
font-size:12px;
line-height:150%;
color:#111
}
@media (max-width: 992px){
.gbl-breadcrumbs .gbl-container{
width:95%;
padding:0
}

}
.gbl-breadcrumbs ul{
padding:3px 15px
}
@media (max-width: 992px){
.gbl-breadcrumbs ul{
padding:3px 0
}

}
.gbl-breadcrumbs ul li{
display:inline;
padding-right:5px;
margin-bottom:5px
}
.gbl-breadcrumbs ul li a{
padding-right:8px;
color:#111;
text-decoration:none
}
.gbl-breadcrumbs ul li a:hover{
text-decoration:underline;
color:#999
}
#global-footer .gbl-footer-bg{
padding:20px 0;
background:#5e5e5e
}
@media (max-width: 840px){
#global-footer .gbl-footer-bg{
padding-top:0
}

}
#global-footer .gbl-footer-bg a{
text-decoration:none
}
#global-footer .gbl-footer-bg a:hover{
text-decoration:underline
}
@media (max-width: 840px){
#global-footer .gbl-container{
width:100%;
padding:0
}

}
#global-footer .gbl-footer-nav-toggle{
display:none;
cursor:pointer;
overflow:hidden;
border-bottom:1px solid #7E7E7E
}
@media (max-width: 840px){
#global-footer .gbl-footer-nav-toggle{
display:block
}

}
#global-footer .gbl-footer-nav-toggle .gbl-footer-icon{
display:block;
width:25px;
height:20px;
padding:10px;
border-left:1px solid #7E7E7E;
float:right
}
#global-footer .gbl-footer-nav-toggle .icon-border{
height:3px;
margin-bottom:5px;
background:#fff;
width:25px;
display:block
}
#global-footer .gbl-footer-nav{
margin-bottom:20px
}
@media (max-width: 840px){
#global-footer .gbl-footer-nav{
margin-bottom:0
}

}
@media (max-width: 840px){
#global-footer .gbl-footer-nav.open li{
display:block
}

}
@media (max-width: 840px){
#global-footer .gbl-footer-nav li{
display:none;
border-bottom:1px solid #7E7E7E
}
#global-footer .gbl-footer-nav li a{
padding:10px 20px 10px 30px;
display:block;
background-position:10px center
}
#global-footer .gbl-footer-nav li a:hover{
background-color:#4e4e4e;
text-decoration:none
}

}
#global-footer .gbl-footer-nav a{
font-size:13px;
background-image:url(../global/arrow-right.png);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:15px;
text-decoration:none
}
#global-footer .gbl-pagetop{
position:absolute;
right:0;
bottom:0;
background:#4d4d4d;
display:block;
padding:50px 50px 0;
height:60px;
overflow:hidden
}
#global-footer .gbl-pagetop:hover{
background:#333;
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
transition-duration:0.3s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease
}
@media (max-width: 991px){
#global-footer .gbl-pagetop{
padding:45px 50px 0;
height:50px
}

}
@media (max-width: 840px){
#global-footer .gbl-pagetop{
width:40px;
height:20px;
position:relative;
padding:12px 0 10px;
text-align:center;
margin:0 auto 10px
}

}
@media (max-width: 840px){
#global-footer .gbl-copyright{
text-align:center
}

}
#neo2-main-image-wrap{
overflow:hidden;
margin-bottom:30px
}
@media (max-width: 991px){
#neo2-main-image-wrap{
height:auto;
margin-bottom:0
}

}
#neo2-main-image{
margin:20px auto;
position:relative
}
#neo2-main-image .flex-control-nav{
display:none
}
@media (max-width: 991px){
#neo2-main-image .flex-control-nav{
display:block
}

}
#neo2-main-image .flex-prev{
background:url(../../img/main/slider-prev.png);
left:-30px;
width:22px;
opacity:1
}
#neo2-main-image .flex-prev:before{
font-family:'Arial';
content:''
}
#neo2-main-image .flex-next{
background:url(../../img/main/slider-next.png);
right:-30px;
width:22px;
opacity:1
}
#neo2-main-image .flex-next:before{
font-family:'Arial';
content:''
}
#neo2-main-image .btn-online{
position:absolute;
right:70px;
bottom:40px;
z-index:100
}
#neo2-main-image-thumbs .slides li{
width:222px;
margin-right:20px
}
#neo2-main-image-thumbs .slides li img{
cursor:pointer;
width:220px;
background:#fff;
padding:4px;
border:1px solid #ccc
}
.index-products{
overflow:hidden;
color:#fff;
background:url(../../img/index/bg-banner-01.jpg);
padding:20px 20px 0;
margin-bottom:30px
}
.index-products .title{
border-bottom:dotted 1px #828282;
padding:10px 0
}
.index-products .title h4{
font-size:16px;
line-height:160%
}
.index-products .title small{
color:#828282
}
.index-products a{
color:#FFD85F;
text-decoration:none
}
.index-news .panel-body{
padding-bottom:0
}
.index-news .dl-horizontal :first-child{
padding-top:0
}
.index-news .dl-horizontal :first-child:after{
border-bottom:none
}
.index-news .dl-horizontal :nth-child(2){
padding-top:0
}
.index-news .dl-horizontal :nth-child(2):after{
border-bottom:none
}
.index-news .dl-horizontal dt{
position:relative;
width:100px;
padding:10px 0;
text-align:left
}
.index-news .dl-horizontal dt:after{
border-bottom:dotted 1px #ccc;
width:100%;
position:absolute;
left:0;
top:0;
content:' '
}
@media (max-width: 991px){
.index-news .dl-horizontal dt{
width:100%;
float:none
}

}
.index-news .dl-horizontal dt time{
font-size:120%
}
.index-news .dl-horizontal dt .label{
line-height:16px;
padding-top:3px;
padding-bottom:3px;
font-weight:normal;
display:block
}
@media (max-width: 991px){
.index-news .dl-horizontal dt .label{
display:inline
}

}
.index-news .dl-horizontal dd{
position:relative;
margin-left:100px;
line-height:20px;
min-height:56px;
padding:20px 0;
padding-left:40px;
background:url(../../img/index/news-arrow.jpg) 10px 15px no-repeat
}
.index-news .dl-horizontal dd:after{
border-bottom:dotted 1px #ccc;
width:100%;
position:absolute;
top:0;
left:0;
content:' '
}
@media (max-width: 991px){
.index-news .dl-horizontal dd{
min-height:inherit;
background:none;
padding:0 0 10px;
margin-left:0
}
.index-news .dl-horizontal dd:after{
border-bottom:none
}

}
.index-use{
margin-bottom:20px
}
.index-use-btn a{
display:block;
text-align:center;
padding:20px 0;
background-image:url("../../img/index/index-use-arrow.png");
background-position:right 20px top 25px;
*background-image:none;
background-repeat:no-repeat;
background-color:#111;
color:#fff;
text-decoration:none
}
.index-use-btn a:hover{
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
transition-duration:0.3s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
background-color:rgba(0,0,0,0.8)
}
#neo2{
background:#111
}
#neo2 #cont-01 .bg-cont-01{
background:url("../../img/neo2/bg-cont-01.jpg") center center no-repeat;
background-size:cover;
color:#fff;
opacity:0;
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.6s;
-moz-transition-duration:0.6s;
-ms-transition-duration:0.6s;
-o-transition-duration:0.6s;
transition-duration:0.6s;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
@media (max-width: 991px){
#neo2 #cont-01 .bg-cont-01{
padding:60px 0
}

}
@media (max-width: 767px){
#neo2 #cont-01 .bg-cont-01{
padding:38px 0
}

}
#neo2 #cont-01 .bg-cont-01.active{
opacity:1
}
#neo2 #cont-01 .bg-cont-01 .display{
position:absolute;
top:85px;
left:30px;
width:427px
}
#neo2 #cont-01 .bg-cont-01 .row{
opacity:0;
position:relative;
top:50px;
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-01 .bg-cont-01 .row.active{
opacity:1;
top:0
}
#neo2 #cont-01 .bg-cont-01 .content-area{
padding-top:11%
}
@media (max-width: 991px){
#neo2 #cont-01 .bg-cont-01 .content-area{
padding-top:3%;
padding-bottom:3%
}

}
#neo2 #cont-01 .bg-cont-01 .content-area .copy{
color:#FFEEBF
}
#neo2 #cont-01 .bg-cont-01 .content-area h2{
margin-bottom:20px;
line-height:130%
}
@media (max-width: 991px){
#neo2 #cont-01 .bg-cont-01 .content-area h2{
font-size:25px
}

}
@media (max-width: 767px){
#neo2 #cont-01 .bg-cont-01 .content-area h2{
font-size:19px
}

}
#neo2 #cont-02 .bg-cont-02{
background:url("../../img/neo2/bg-cont-02.jpg") center center no-repeat;
background-size:cover;
color:#fff
}
#neo2 #cont-02 .bg-cont-02 .row{
opacity:0;
position:relative;
left:50px;
-webkit-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-02 .bg-cont-02 .row.active{
opacity:1;
left:0
}
#neo2 #cont-02 .bg-cont-02 .img-area{
padding-top:40px
}
#neo2 #cont-02 .bg-cont-02 .content-area{
padding-top:30px;
padding-bottom:30px
}
@media (max-width: 991px){
#neo2 #cont-02 .bg-cont-02 .content-area{
padding-top:30px;
padding-bottom:30px
}

}
#neo2 #cont-02 .bg-cont-02 .content-area .hidden-md{
margin-bottom:-20px
}
#neo2 #cont-02 .bg-cont-02 .content-area .hidden-md img{
max-width:60%
}
#neo2 #cont-02 .bg-cont-02 .content-area .copy{
color:#d2d2d2
}
#neo2 #cont-02 .bg-cont-02 .content-area h2{
margin-bottom:20px;
line-height:130%;
font-size:28px
}
@media (max-width: 991px){
#neo2 #cont-02 .bg-cont-02 .content-area h2{
font-size:22px
}

}
@media (max-width: 767px){
#neo2 #cont-02 .bg-cont-02 .content-area h2{
font-size:17px
}

}
#neo2 #cont-03 .bg-cont-03{
background:url("../../img/neo2/bg-cont-03.jpg") center center no-repeat;
background-size:cover;
color:#fff;
padding:30px 0
}
#neo2 #cont-03 .bg-cont-03 .intro{
color:#919191;
text-align:center;
position:relative;
font-size:14px;
margin:20px 0
}
@media (max-width: 767px){
#neo2 #cont-03 .bg-cont-03 .intro:before,#neo2 #cont-03 .bg-cont-03 .intro:after{
display:none
}

}
#neo2 #cont-03 .bg-cont-03 .intro:before{
width:35%;
height:1px;
border-top:solid 1px #919191;
position:absolute;
left:0;
top:12px;
content:" ";
opacity:0.2
}
#neo2 #cont-03 .bg-cont-03 .intro:after{
width:35%;
height:1px;
border-top:solid 1px #919191;
position:absolute;
right:0;
top:12px;
content:" ";
opacity:0.2
}
#neo2 #cont-03 .bg-cont-03 .container{
opacity:0;
position:relative;
right:50px;
-webkit-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-03 .bg-cont-03 .container.active{
opacity:1;
right:0
}
#neo2 #cont-03 .bg-cont-03 h3{
margin-bottom:20px;
line-height:130%;
font-size:22px
}
@media (max-width: 991px){
#neo2 #cont-03 .bg-cont-03 h3{
font-size:20px
}

}
#neo2 #cont-03 .bg-cont-03 p{
font-size:12px;
line-height:140%
}
#neo2 #cont-04{
background:url("../../img/neo2/bg-cont-04.jpg");
-webkit-background-size:cover;
background-size:cover
}
#neo2 #cont-04 .bg-cont-04{
background:url("../../img/neo2/bg-cont-04-fix.png") right top no-repeat;
background-attachment:fixed;
color:#fff;
padding:30px 0
}
#neo2 #cont-04 .bg-cont-04 h2{
line-height:130%
}
#neo2 #cont-04 .bg-cont-04 .cont-04-content{
margin:40px 0;
padding:40px 0 60px;
border-bottom:1px #6F6764 solid
}
@media (max-width: 991px){
#neo2 #cont-04 .bg-cont-04 .cont-04-content{
padding:30px 0;
margin:0
}

}
#neo2 #cont-04 .bg-cont-04 .cont-04-content .hidden-md img{
max-width:70%
}
#neo2 #cont-04 .bg-cont-04 a{
color:#FFD85F;
text-decoration:none
}
#neo2 #cont-04 .bg-cont-04 a:hover{
text-decoration:underline
}
#neo2 #cont-04 .bg-cont-04 a.btn-neo2{
padding-right:50px;
margin-bottom:10px;
color:#fff;
text-decoration:none;
border-color:#fff;
background-image:url("../img/btn/neo2-arrow_on.png")
}
#neo2 #cont-04 .bg-cont-04 a.btn-neo2:hover{
background-color:#fff;
text-decoration:none;
color:#111;
background-image:url("../img/btn/neo2-arrow.png")
}
@media (max-width: 991px){
#neo2 #cont-04 .bg-cont-04 .circles{
position:relative;
left:30px
}

}
@media (max-width: 767px){
#neo2 #cont-04 .bg-cont-04 .circles{
position:relative;
left:0
}
#neo2 #cont-04 .bg-cont-04 .circles :first-child .circle{
border-bottom:none
}
#neo2 #cont-04 .bg-cont-04 .circles :last-child .circle{
border-top:none
}
#neo2 #cont-04 .bg-cont-04 .circles .bd-last .circle{
border-top:1px #fff solid
}

}
#neo2 #cont-04 .bg-cont-04 .circle{
text-align:center;
border:1px #fff solid;
width:150px;
height:150px;
display:table-cell;
vertical-align:middle
}
@media (max-width: 767px){
#neo2 #cont-04 .bg-cont-04 .circle{
padding:5px 10px;
display:block;
border-radius:0;
width:auto;
height:auto
}
#neo2 #cont-04 .bg-cont-04 .circle br{
display:none
}

}
#neo2 #cont-04-01 .row.animation_elem{
opacity:0;
position:relative;
right:50px;
-webkit-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-04-01 .row.animation_elem.active{
opacity:1;
right:0
}
#neo2 #cont-04-01 .col-md-5{
background:url("../../img/neo2/cont-04-01-img.png") 14px 0 no-repeat
}
#neo2 #cont-04-02 .row.animation_elem{
opacity:0;
position:relative;
left:50px;
-webkit-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-04-02 .row.animation_elem.active{
opacity:1;
left:0
}
#neo2 #cont-04-02 .copy{
color:#d2d2d2
}
#neo2 #cont-04-02 .items{
height:300px
}
#neo2 #cont-04-02 .items .item>img{
position:relative;
z-index:2;
top:-40px;
opacity:0;
-webkit-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-04-02 .items .item.active>img{
top:0;
opacity:1
}
#neo2 #cont-04-02 .items .shadow{
position:absolute;
bottom:0;
left:0;
z-index:1;
opacity:0;
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-04-02 .items .item.active .shadow{
opacity:1
}
#neo2 #cont-04-02 .items .sofa{
position:relative;
position:absolute;
bottom:0;
right:0;
z-index:4
}
#neo2 #cont-04-02 .items .chest{
position:absolute;
bottom:90px;
right:0
}
#neo2 #cont-04-02 .items .shelf{
position:absolute;
top:0;
left:0
}
#neo2 #cont-04-02 .items .coffee{
position:absolute;
bottom:163px;
right:172px
}
#neo2 #cont-04-02 .items .pc{
position:absolute;
bottom:163px;
right:76px
}
#neo2 #cont-04-02 .items .trash{
position:absolute;
bottom:163px;
right:30px
}
#neo2 #cont-04-03.cont-04-content{
border-bottom:none !important
}
#neo2 #cont-04-03 .row.animation_elem{
opacity:0;
position:relative;
right:50px;
-webkit-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-04-03 .row.animation_elem.active{
opacity:1;
right:0
}
#neo2 #cont-04-03 .copy{
color:#d2d2d2
}
#neo2 #cont-04-03 .items>img{
position:relative;
z-index:2;
top:-40px;
opacity:0;
-webkit-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-04-03 .items.active>img{
top:0;
opacity:1
}
#neo2 #cont-04-03 .items.active .shadow{
opacity:1;
bottom:0
}
#neo2 #cont-04-03 .items .shadow{
position:absolute;
bottom:-30px;
left:0;
z-index:1;
opacity:0;
-webkit-transition:all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-05 .bg-cont-05{
background:#000;
color:#fff
}
#neo2 #cont-05 .bg-cont-05 h2{
padding:30px 0 30px
}
#neo2 #cont-05 .bg-cont-05 .cont-05-footer{
padding:30px 0
}
#neo2 #cont-05 .bg-cont-05 .more-btn{
background:url("../img/btn/arrow.png") right 15px top 16px no-repeat;
border-radius:4px;
-webkit-transition-property:all;
-moz-transition-property:all;
-ms-transition-property:all;
-o-transition-property:all;
transition-property:all;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
display:block;
padding:15px 0;
border:solid 1px #c2c2c2;
color:#c2c2c2;
text-decoration:none
}
#neo2 #cont-05 .bg-cont-05 .more-btn:hover,#neo2 #cont-05 .bg-cont-05 .more-btn:active{
background:#fff url("../img/btn/arrow.png") right 15px top 16px no-repeat;
*background:#fff;
color:#000
}
#neo2 #cont-05 .bg-cont-05 .sample-li{
overflow:hidden
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul{
position:relative;
height:299px;
overflow:hidden
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul{
height:380px
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li{
width:400px;
height:300px;
overflow:hidden;
position:absolute;
-webkit-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-1{
left:0%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-1{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-1.active{
left:-6%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-1.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-1.before{
left:-5%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-1.after{
left:5%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-2{
left:7.6923%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-2{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-2.active{
left:1.6923%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-2.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-2.before{
left:2.6923%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-2.after{
left:12.6923%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-3{
left:15.3846%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-3{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-3.active{
left:9.3846%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-3.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-3.before{
left:10.3846%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-3.after{
left:20.3846%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-4{
left:23.0769%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-4{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-4.active{
left:17.0769%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-4.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-4.before{
left:18.0769%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-4.after{
left:28.0769%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-5{
left:30.7692%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-5{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-5.active{
left:24.7692%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-5.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-5.before{
left:25.7692%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-5.after{
left:35.7692%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-6{
left:38.4615%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-6{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-6.active{
left:32.4615%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-6.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-6.before{
left:33.4615%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-6.after{
left:43.4615%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-7{
left:46.1538%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-7{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-7.active{
left:40.1538%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-7.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-7.before{
left:41.1538%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-7.after{
left:51.1538%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-8{
left:53.8461%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-8{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-8.active{
left:47.8461%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-8.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-8.before{
left:48.8461%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-8.after{
left:58.8461%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-9{
left:61.5384%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-9{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-9.active{
left:55.5384%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-9.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-9.before{
left:56.5384%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-9.after{
left:66.5384%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-10{
left:69.2307%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-10{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-10.active{
left:63.2307%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-10.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-10.before{
left:64.2307%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-10.after{
left:74.2307%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-11{
left:76.923%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-11{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-11.active{
left:70.923%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-11.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-11.before{
left:71.923%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-11.after{
left:81.923%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-12{
left:84.6153%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-12{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-12.active{
left:78.6153%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-12.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-12.before{
left:79.6153%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-12.after{
left:89.6153%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-13{
left:92.3076%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-13{
left:0
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-13.active{
left:86.3076%;
overflow:inherit
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-13.active img{
left:0
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-13.before{
left:87.3076%
}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li.samp-13.after{
left:97.3076%
}
@media (max-width: 767px){
#neo2 #cont-05 .bg-cont-05 .sample-li ul li{
position:static;
width:25%;
height:130px;
float:left;
left:0;
overflow:inherit
}

}
#neo2 #cont-05 .bg-cont-05 .sample-li ul li img{
-webkit-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
width:400px;
max-width:400px;
position:absolute;
left:-30%;
top:0
}
#neo2 #cont-06{
background:url("../../img/neo2/bg-cont-04.jpg")
}
#neo2 #cont-06 .bg-cont-06{
background:url("../../img/neo2/bg-cont-06.png") left top no-repeat;
background-attachment:fixed;
color:#fff;
padding:60px 0 0
}
@media (max-width: 767px){
#neo2 #cont-06 .bg-cont-06{
padding:40px 0 0
}

}
#neo2 #cont-06 .bg-cont-06 h2.en{
font-size:60px
}
@media (max-width: 991px){
#neo2 #cont-06 .bg-cont-06 h2.en{
font-size:40px
}

}
#neo2 #cont-06 .bg-cont-06 h3{
margin-bottom:20px;
line-height:130%
}
#neo2 #cont-06 .bg-cont-06 .copy{
color:#d2d2d2
}
#neo2 #cont-06 .tab{
overflow:hidden;
margin-bottom:100px
}
@media (max-width: 767px){
#neo2 #cont-06 .tab{
margin-bottom:20px
}

}
#neo2 #cont-06 .tab .tab-li{
width:440px;
border:solid 1px #4E4E51;
background:rgba(0,0,0,0.3);
border-radius:8px;
padding:10px;
margin-bottom:20px;
overflow:hidden;
position:relative;
margin-right:-10px
}
#neo2 #cont-06 .tab .tab-li ul{
width:450px
}
#neo2 #cont-06 .tab .tab-li li{
cursor:pointer;
position:relative;
z-index:2;
font-size:18px;
text-align:center;
width:210px;
*width:180px;
border-radius:4px;
padding:15px;
float:left;
margin-right:10px;
-webkit-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#neo2 #cont-06 .tab .tab-li li.active{
color:#111;
*background:#fff
}
#neo2 #cont-06 .tab .tab-li:before{
-webkit-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
background:#fff;
width:200px;
border-radius:4px;
padding:15px;
height:55px;
content:' ';
display:block;
position:absolute;
z-index:1;
top:10px;
left:10px
}
#neo2 #cont-06 .tab .tab-li.active-l:before{
left:10px
}
#neo2 #cont-06 .tab .tab-li.active-r:before{
left:230px
}
@media (max-width: 991px){
#neo2 #cont-06 .tab .tab-li:before{
height:50px
}

}
@media (max-width: 767px){
#neo2 #cont-06 .tab .tab-li{
width:100%
}
#neo2 #cont-06 .tab .tab-li ul{
width:100%
}
#neo2 #cont-06 .tab .tab-li li{
width:50%;
font-size:16px;
padding:5px 2.5%;
margin-right:0
}
#neo2 #cont-06 .tab .tab-li:before{
width:45%;
padding:5px 2.5%;
height:38px;
top:5px;
left:2.5%
}
#neo2 #cont-06 .tab .tab-li.active-r:before{
left:52.5%;
top:5px
}

}
#neo2 #cont-06 .tab .tab-content-wrap{
*height:550px
}
#neo2 #cont-06 .tab .tab-content{
width:100%;
-webkit-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
position:absolute;
left:0;
top:0;
opacity:0;
visibility:hidden
}
#neo2 #cont-06 .tab .tab-content.active{
opacity:1;
visibility:visible
}
#neo2 #cont-06 .tab .tab-content h4{
margin-bottom:10px
}
#neo2 #cont-06 .tab .icons-list{
overflow:hidden;
border-left:solid 1px #4E4E51;
border-top:solid 1px #4E4E51
}
#neo2 #cont-06 .tab .icons-list li{
border-right:solid 1px #4E4E51;
border-bottom:solid 1px #4E4E51;
width:33.3333%;
*width:33.2%;
float:left;
padding:20px 0
}
@media (max-width: 767px){
#neo2 #cont-06 .tab .icons-list li{
padding:5px 10px;
font-size:11px;
line-height:20px
}

}
#neo2 #cont-06 .tab .icons-list li:nth-child(even){
background:rgba(0,0,0,0.2)
}
#neo2 #cont-06 .tab .icons-list li p{
margin-bottom:0
}
#neo2 #cont-06 .tab .striped-list{
width:100%;
overflow:hidden;
border-left:solid 1px #4E4E51;
border-top:solid 1px #4E4E51
}
#neo2 #cont-06 .tab .striped-list li{
border-right:solid 1px #4E4E51;
border-bottom:solid 1px #4E4E51;
width:100%;
*width:93.5%;
padding:20px
}
#neo2 #cont-06 .tab .striped-list li dt{
text-align:left
}
#neo2 #cont-06 .tab .striped-list li:nth-child(even){
background:rgba(0,0,0,0.2)
}
#neo2 #cont-06 .tab .striped-list li p{
margin-bottom:0
}
#neo2 #cont-06 .users-voice{
overflow:hidden;
background:rgba(0,0,0,0.5);
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
padding:30px 0
}
#neo2 #cont-06 .users-voice:hover{
background:rgba(0,0,0,0.8);
*background:none
}
#neo2 #cont-06 .users-voice .label-user{
color:#d2d2d2;
border:1px #adadad solid;
padding:5px 10px;
font-size:90%
}
#neo2 #cont-06 .users-voice h3{
font-size:22px;
padding:10px 0 0;
color:#FFFFBF;
line-height:140%
}
#neo2 #cont-06 .users-voice p{
color:#d2d2d2
}
#neo2 #cont-06 .users-voice .block-link{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-image:url("../../img/neo2/cont-06-arrow.png");
background-position:right center;
background-repeat:no-repeat;
text-indent:-999px;
display:block
}
.neo2-cart{
position:relative
}
.neo2-cart .bg-cont-07{
position:relative;
border-bottom:1px #6f6764 dotted;
background:#000;
color:#fff;
padding:30px 0;
overflow:hidden;
*margin-bottom:-20px
}
.neo2-cart .bg-cont-07 h3{
margin-bottom:20px
}
@media (max-width: 767px){
.neo2-cart .bg-cont-07 h3{
font-size:19px
}

}
#about .about-title{
padding:20px 0 40px;
margin:0 30px;
padding-left:110px;
position:relative;
border-bottom:1px solid #ddd
}
@media (max-width: 991px){
#about .about-title{
padding:10px 0 20px;
padding-left:100px
}

}
@media (max-width: 767px){
#about .about-title{
margin:0 10px;
padding-left:0
}
#about .about-title h3{
clear:left
}

}
#about .about-title .mark{
text-align:center;
letter-spacing:4px;
padding:15px 15px 15px 20px;
position:absolute;
left:0;
top:15px;
color:#688C00;
font-size:130%;
border:1px solid #688C00;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%
}
@media (max-width: 991px){
#about .about-title .mark{
padding:18px 15px 18px 20px
}

}
@media (max-width: 767px){
#about .about-title .mark{
display:none
}

}
#about .about-title .sub{
background:#111;
color:#fff;
padding:3px 10px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
margin-bottom:15px;
display:inline-block
}
#about .bg-hr{
padding-bottom:40px;
margin-bottom:40px;
background:url("../../img/about/border.png") center bottom no-repeat
}
@media (max-width: 992px){
#about .bg-hr{
padding-bottom:20px;
margin-bottom:20px
}

}
#about .about-img{
position:relative;
top:30px;
margin-bottom:-60px
}
#about .about-img .feature{
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:0;
position:absolute;
left:0;
top:30px
}
#about .about-img .feature.last{
top:0
}
#about .about-img .feature.active{
opacity:1;
top:0
}
#about .about-sm-img{
position:relative;
top:20px;
margin-bottom:-30px
}
#about .arrow-top{
background-image:url("../../img/about/panel-item02.png");
background-position:center top;
padding-top:22px;
background-repeat:no-repeat
}
#about .arrow-top .panel-heading{
height:75px;
background-image:url("../../img/about/panel-item01.jpg");
background-position:20px 0;
background-repeat:no-repeat;
border-bottom:none;
line-height:45px
}
@media (max-width: 767px){
#about .arrow-top .panel-heading{
line-height:inherit
}

}
#about .arrow-top .panel-body{
padding-bottom:0px
}
#about .title-2{
padding:40px 0
}
@media (max-width: 992px){
#about .title-2{
padding:20px 0
}

}
#about .title-2 span{
color:#59482D;
margin-bottom:10px;
display:block
}
#about .title-2 h3{
line-height:150%
}
.concept .concept-title-01{
background-image:url("../../img/concept/concept-title-01.png");
background-repeat:no-repeat;
background-position:center center;
text-align:center;
padding:40px 0;
margin-bottom:20px
}
@media (max-width: 991px){
.concept .concept-title-01{
background:none
}

}
@media (max-width: 767px){
.concept .concept-title-01{
padding:20px 0;
text-align:center;
font-size:19px;
line-height:130%
}

}
.concept .list-concept-01 li{
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
border:1px solid #111;
margin-bottom:10px;
margin-top:0;
position:relative;
top:30px;
opacity:0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px
}
.concept .list-concept-01 li.active{
opacity:1;
top:0px
}
.concept .list-concept-01 li a{
text-decoration:none;
color:#111;
display:block;
font-size:16px;
background:url("../img/layout/arrow-bottom.png") right 10px top 15px no-repeat;
padding:10px 20px
}
.concept .list-concept-01 li a:hover{
background:url("../img/layout/arrow-bottom_inverse.png") right 10px top 15px no-repeat;
background-color:#111;
color:#fff
}
@media (max-width: 767px){
.concept .list-concept-01 li a{
font-size:12px
}

}
.concept .concept-numbering-title{
margin-top:20px;
position:relative;
padding:50px 0 30px;
padding-left:140px;
font-size:23px;
line-height:150%;
border-bottom:1px solid #ccc;
margin-bottom:40px
}
@media (max-width: 991px){
.concept .concept-numbering-title{
padding:30px 0 10px;
padding-left:100px;
font-size:18px
}

}
@media (max-width: 767px){
.concept .concept-numbering-title{
margin-top:0;
padding:20px 0;
text-align:center;
font-size:14px
}

}
.concept .concept-numbering-title .number{
color:#000;
font-size:70pt;
display:block;
position:absolute;
left:20px;
top:20px
}
@media (max-width: 991px){
.concept .concept-numbering-title .number{
font-size:50pt
}

}
@media (max-width: 767px){
.concept .concept-numbering-title .number{
position:relative;
font-size:40px;
left:0;
top:0;
text-align:center;
padding:20px 0
}

}
.concept .concept-numbering-title .number span{
position:relative;
z-index:2
}
.concept .concept-numbering-title .number:before{
border-top:1px solid #B79D70;
content:'';
position:absolute;
left:-20px;
top:40px;
width:200%;
height:1px;
z-index:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
@media (max-width: 767px){
.concept .concept-numbering-title .number:before{
display:none
}

}
#concept01 .bg-concept-01{
background-image:url("../../img/concept/bg-concept-01.png");
background-repeat:no-repeat;
background-position:left bottom
}
@media (max-width: 991px){
#concept01 .bg-concept-01{
background:none
}

}
#concept01 #sec02 .optimage li{
max-width:400px;
font-size:12px;
background:#B79D70;
color:#fff;
-webkit-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
-o-border-radius:15px;
border-radius:15px;
margin-bottom:10px;
padding:0 15px
}
@media (max-width: 767px){
#concept01 #sec02 .optimage li{
padding:10px 10px;
max-width:100%;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0
}

}
#concept01 #sec02 .first{
position:relative;
z-index:3;
max-width:inherit;
-webkit-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
left:-50px;
opacity:0;
position:relative
}
#concept01 #sec02 .first.active{
opacity:1;
left:0px
}
#concept01 #sec02 .second{
max-width:inherit;
position:relative;
z-index:1;
left:-110px;
-webkit-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:0;
left:-50px;
position:relative
}
#concept01 #sec02 .second.active{
opacity:1;
left:-110px
}
#concept01 #sec04 .parse-lists{
position:relative;
top:-50px
}
@media (max-width: 767px){
#concept01 #sec04 .parse-lists{
top:10px
}

}
#concept01 #sec05 .pos-r{
height:550px
}
@media (max-width: 991px){
#concept01 #sec05 .pos-r{
display:none
}

}
#concept01 #sec05 .parse3d{
-webkit-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
position:absolute;
z-index:2;
bottom:-20px;
right:-20px
}
#concept01 #sec05 .parse3d.active{
bottom:0px;
right:0px
}
#concept01 #sec05 .parse3d-02{
-webkit-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
position:absolute;
z-index:4;
top:20px;
left:20px
}
#concept01 #sec05 .parse3d-02.active{
top:0px;
left:0px
}
#concept01 #sec05 .shadow{
z-index:1;
-webkit-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:0;
position:absolute;
right:0;
bottom:0
}
#concept01 #sec05 .shadow.active{
opacity:1
}
#concept01 #sec05 .shadow-02{
z-index:3;
-webkit-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
opacity:0;
position:absolute;
left:10px;
top:10px
}
#concept01 #sec05 .shadow-02.active{
opacity:1
}
#concept02 .bg-concept-02{
padding-bottom:60px;
background-image:url("../../img/concept/bg-concept-02.png");
background-repeat:no-repeat;
background-position:left bottom
}
@media (max-width: 991px){
#concept02 .bg-concept-02{
background:none;
padding:0
}

}
#concept02 .icons-list{
overflow:hidden;
margin-bottom:20px
}
#concept02 .icons-list li{
padding:0;
width:12.5%;
*width:11%;
display:inline;
float:left
}
@media (max-width: 1200px){
#concept02 .icons-list li{
width:12.5%
}

}
#concept03 .bg-concept-03{
background-image:url("../../img/concept/bg-concept-03.png");
background-repeat:no-repeat;
background-position:left top;
padding-bottom:70px
}
@media (max-width: 991px){
#concept03 .bg-concept-03{
padding-bottom:0;
background:none
}

}
@media (max-width: 767px){
#concept03 #sec04 .animation_elem img{
max-width:70%
}

}
#concept03 #sec04 .right-arrow li{
background:url("../../img/concept/img-concept-03-04-02.png") left center no-repeat;
padding-left:20px
}
#function .function-title{
padding:20px 0
}
#function .function-title h3{
font-size:24px
}
@media (max-width: 991px){
#function .function-title h3{
font-size:20px
}

}
@media (max-width: 991px){
#function .function-title{
padding:0
}

}
#function .function-tab ul{
overflow:hidden;
padding:0 30px;
border-bottom:1px solid #111
}
@media (max-width: 991px){
#function .function-tab ul{
padding:0 15px
}

}
#function .function-tab ul li{
width:50%;
padding:20px 0;
text-align:center;
font-size:130%;
float:left;
background:#BDB5B2;
color:#fff;
cursor:pointer;
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#function .function-tab ul li.active,#function .function-tab ul li:hover{
color:#FFD85F;
background:#111
}
#function .list-stripe{
margin-top:30px;
border-left:1px solid #ddd;
border-top:1px solid #ddd
}
#function .list-stripe>li:nth-child(even){
background:#f8f8f8
}
#function .list-stripe>li{
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
padding:20px
}
#function .list-stripe>li.new{
background-image:url("../../img/function/new.png");
background-repeat:no-repeat;
background-position:0 0
}
#function .list-stripe>li .numbering-title{
margin-bottom:20px
}
@media (max-width: 767px){
#function .list-stripe>li .numbering-title{
margin-bottom:0
}

}
#function .list-stripe>li .numbering-title span{
background:#111;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
color:#fff;
padding:5px 6px;
line-height:100%;
margin-right:10px;
font-size:15px
}
@media (max-width: 991px){
#function .list-stripe>li .numbering-title span{
padding:5px 7px
}

}
#function .tab-page{
width:100%;
background:#fff;
opacity:0;
*visibility:hidden;
position:absolute;
left:0;
top:0;
z-index:1;
-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
#function .tab-page.active{
z-index:2;
opacity:1;
*visibility:visible
}
#function .tab-page .inline-lists{
overflow:hidden;
list-style-position:inside;
margin-left:0
}
#function .tab-page .inline-lists li{
padding-right:20px;
width:33%;
float:left
}
@media (max-width: 992px){
#function .tab-page .inline-lists li{
width:50%
}

}
@media (max-width: 767px){
#function .tab-page .inline-lists li{
width:100%
}

}
#function .tab-torigger a.tab{
text-decoration:none;
color:#999;
font-size:16px
}
#function .tab-torigger a.tab.active{
color:#F87206
}
#operating .operation-title{
padding:0 0 20px;
border-bottom:solid 1px #ddd;
margin-bottom:20px
}
@media (max-width: 991px){
#operating .operation-title{
padding:0 0 10px
}

}
#operating a.blank_link{
color:#00A3D8
}
#pers-sample .store{
background-image:url("../../img/pers-sample/store.jpg");
background-position:0 center;
padding-left:25px;
background-repeat:no-repeat;
font-size:20px;
margin-bottom:15px
}
#pers-sample .situation{
background-image:url("../../img/pers-sample/situation.jpg");
background-position:0 center;
padding-left:25px;
background-repeat:no-repeat;
font-size:20px;
margin-bottom:15px
}
#pers-sample .pers-cat-list{
padding-top:1px;
padding-left:1px;
position:relative;
left:1px;
top:1px;
overflow:hidden;
margin-bottom:40px
}
#pers-sample .pers-cat-list li{
width:20%;
min-width:20%;
display:table-cell;
float:left;
vertical-align:middle
}
@media (max-width: 991px){
#pers-sample .pers-cat-list li{
width:33.3%;
min-width:33.3%
}

}
@media (max-width: 767px){
#pers-sample .pers-cat-list li{
width:50%;
min-width:50%
}

}
#pers-sample .pers-cat-list li a{
text-decoration:none;
display:block;
border:1px solid #ccc;
padding:5px 20px;
color:#111;
margin-top:-1px;
margin-left:-1px;
background:url("../../img/pers-sample/pers-cat-icon02.png") 10px 10px no-repeat;
padding-left:30px
}
@media (max-width: 991px){
#pers-sample .pers-cat-list li a{
background-position:10px 7px
}

}
#pers-sample .pers-cat-list li a.active,#pers-sample .pers-cat-list li a:hover{
background-color:#111;
background-image:url("../../img/pers-sample/pers-cat-icon01.png");
color:#fff
}
@media (max-width: 991px){
#pers-sample .pers-list{
padding:0 5px
}

}
@media (max-width: 991px){
#pers-sample .pers-list>div{
padding-left:10px;
padding-right:10px
}

}
#pers-sample .pers-list>div img{
width:100%;
height:auto
}
#pers-sample .pers-list>div a{
text-decoration:none
}
#pers-sample .pers-list .category{
font-size:12px;
position:absolute;
left:25px;
bottom:10px;
padding:1px 10px;
background:#111;
-webkit-box-shadow:0 0 3px #999;
-moz-box-shadow:0 0 3px #999;
-ms-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:#ddd
}
@media (max-width: 991px){
#pers-sample .pers-list .category{
left:0px;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0;
position:relative;
bottom:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none;
display:block;
text-decoration:none
}

}
#pers-sample .pers-content{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:30px 0
}
#review .review-title{
padding:20px;
border-bottom:1px solid #ccc;
margin-bottom:10px
}
#review .panel-review{
background:#fff;
border-top:1px solid #698C00;
background-color:#efefef;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
background-image:-webkit-linear-gradient(#ffffff 0%,#efefef 100%);
background-image:-moz-linear-gradient(#ffffff 0%,#efefef 100%);
background-image:-o-linear-gradient(#ffffff 0%,#efefef 100%);
background-image:linear-gradient(#ffffff 0%,#efefef 100%)
}
#review .list-review-body{
padding:30px 20px 0;
border-top:1px solid #ddd
}
#review .list-review-body .review-list{
padding:0 20px;
overflow:hidden
}
@media (max-width: 767px){
#review .list-review-body .review-list{
padding:0
}

}
#review .list-review-body .review-list li{
width:50%;
float:left;
padding:0 15px;
padding-left:20px;
margin-bottom:10px;
font-size:90%;
background:url("../../img/review/list-arrow.jpg") 0 5px no-repeat
}
@media (max-width: 767px){
#review .list-review-body .review-list li{
width:100%;
padding-right:0;
background-position:0 0
}

}
#practical-main-image-wrap{
max-height:370px;
overflow:hidden;
margin-bottom:40px
}
@media (max-width: 991px){
#practical-main-image-wrap{
max-height:inherit;
height:auto
}

}
#practical-main-image{
margin:20px auto;
position:relative
}
#practical-main-image .row{
margin:0;
padding:0;
background:url("../../img/index/bg-banner-01.jpg")
}
#practical-main-image .row .info{
padding:20px 20px 10px;
color:#fff
}
#practical-main-image .row .info h4{
height:45px;
overflow:hidden
}
#practical-main-image .row .info h4 a{
text-decoration:none
}
#practical-main-image .row .info .textarea{
height:100px;
overflow:hidden
}
#practical-main-image .row>div.icatch{
padding:20px 20px 10px;
background-size:cover
}
#practical-main-image .flex-prev{
background:url(../../img/main/slider-prev.png);
left:-30px;
width:22px;
opacity:1
}
#practical-main-image .flex-prev:before{
font-family:'Arial';
content:''
}
#practical-main-image .flex-next{
background:url(../../img/main/slider-next.png);
right:-30px;
width:22px;
opacity:1
}
#practical-main-image .flex-next:before{
font-family:'Arial';
content:''
}
#practical-main-image .btn-online{
position:absolute;
right:70px;
bottom:40px;
z-index:100
}
.user-image{
position:relative
}
.user-image .title{
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
background:rgba(0,0,0,0.5);
color:#fff;
padding:5px 10px
}
.practical .icons-list{
position:relative;
overflow:hidden;
border:5px solid #fff;
padding:0
}
.practical .icons-list .icons-list-before{
left:0;
top:0;
position:absolute;
content:' ';
bottom:0;
z-index:1;
border-style:solid;
border-width:0 190px 190px 300px;
border-color:#FFF;
border-right-color:#F6F6F6;
border-bottom-color:#F6F6F6
}
.practical .icons-list a{
z-index:2;
color:#111;
padding:15px 0;
position:relative;
display:block;
text-decoration:none;
font-size:16px
}
@media (max-width: 767px){
.practical .icons-list a{
font-size:13px
}

}
.practical .icons-list a small{
font-size:12px
}
.media-interview{
margin-bottom:10px
}
.media-interview .label-category{
background:none;
border-radius:5px;
border:1px solid #111;
color:#111;
padding:3px 20px;
font-weight:normal;
display:inline-block
}
.media-interview h4{
font-size:14px
}
.media-interview small{
display:block;
font-size:12px
}
.panel-banner{
background:#fff;
border:1px solid #ccc
}
.panel-banner ._blank{
padding:5px 5px;
text-align:center
}
.panel-banner ._blank a{
display:block;
background:url("../../img/practical/index/blank.jpg");
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
font-size:10px;
padding:0 20px;
position:relative
}
.panel-banner a{
position:relative
}
.panel-banner a .text-banner{
position:absolute;
left:0;
top:10px;
width:100%;
text-align:center;
padding-left:30px;
color:#111
}
.panel-banner a .text-banner small,.panel-banner a .text-banner strong{
display:block
}
body.practical .lower-title{
padding:30px 20px;
border-bottom:1px solid #ccc;
margin-bottom:30px
}
body.practical .lower-title small{
color:#A67D5E
}
@media (max-width: 991px){
body.practical .lower-title{
padding:20px 10px;
margin-bottom:20px
}

}
body.practical .wp-pagenavi{
padding:30px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:30px
}
body.practical .wp-pagenavi a,body.practical .wp-pagenavi span{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background:none;
border:1px solid #f7f7f7;
color:#111
}
body.practical .wp-pagenavi a.previouspostslink,body.practical .wp-pagenavi a.nextpostslink,body.practical .wp-pagenavi span.previouspostslink,body.practical .wp-pagenavi span.nextpostslink{
border:1px solid #ccc;
color:#ccc
}
body.practical .wp-pagenavi a.current,body.practical .wp-pagenavi span.current{
background:#333;
color:#fff
}
body.practical .wp-pagenavi a:hover{
background:#333;
color:#fff;
border:1px solid #333
}
body.practical .wp-pagenavi.single{
overflow:hidden
}
@media (max-width: 991px){
body.practical .wp-pagenavi.single{
padding:10px 0
}

}
body.practical .wp-pagenavi.single>div{
margin-bottom:0;
min-height:20px;
float:left;
width:33.3%
}
@media (max-width: 991px){
body.practical .wp-pagenavi.single>div{
padding:10px 0;
width:100%;
text-align:center !important
}

}
body.practical .wp-pagenavi.single .prev{
text-align:left
}
body.practical .wp-pagenavi.single .next{
text-align:right
}
body.practical .wp-pagenavi.single .center a{
background:none;
border:none
}
body.practical .wp-pagenavi.single .center a:hover{
color:#111;
text-decoration:underline
}
body.practical .dl-practical dt{
padding:3px 5px;
border-bottom:1px solid #ddd;
margin-bottom:10px
}
body.practical .dl-practical dt a{
color:#111 !important
}
body.practical .dl-practical dd{
position:relative;
padding:2px 0;
padding-left:20px;
background-image:url("../../img/practical/lower/plus.jpg");
background-position:0 7px;
background-repeat:no-repeat
}
body.practical .dl-practical dd a{
color:#111 !important;
font-size:12px
}
.practical .title-interview{
margin-bottom:30px
}
.practical .title-interview .category{
background:#333;
box-shadow:inset 0 2px 0 #666;
color:#fff;
padding:8px 20px;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
display:inline-block
}
.practical .title-interview h2{
background:#FFF;
border-top:1px solid #444;
border-bottom:1px solid #ccc;
padding:20px
}
.practical .feature{
position:relative;
margin-bottom:30px
}
.practical .feature .feature-item{
text-align:right;
font-size:130%;
color:#fff;
position:absolute;
right:0;
bottom:0;
background:#000;
padding:15px 20px
}


@media (max-width: 991px){

.practical .feature .feature-item{
position:relative
}


}


@media (max-width: 767px){

.practical .feature .feature-item{
font-size:110%
}


}

.practical .feature .feature-item a{

color:#FC790C;
text-decoration:none;
padding-right:25px;
background:url("../../img/practical/interview/blank.png") right 0 no-repeat
}
.practical .feature .feature-item a:hover{
opacity:0.8
}
.practical .title-section{
color:#fff;
padding:15px 20px;
background:#2b2b2b;
background-image:url("../../img/practical/interview/bg-title-section.jpg");
background-repeat:repeat-x;
background-position:0 0;
font-size:120%
}
.practical .flow ol{
width:100%;
padding:0 20px;
margin-bottom:20px;
list-style:none;
display:box;
display:-webkit-box;
display:-moz-box;
box-pack:justify;
-webkit-box-pack:justify;
-moz-box-pack:justify;
position:relative
}
@media (max-width: 991px){
.practical .flow ol{
display:block
}
.practical .flow ol:before{
display:none
}
.practical .flow ol li{
display:block;
text-align:left !important;
padding:13px 0;
padding-left:60px
}
.practical .flow ol li br{
display:none
}
.practical .flow ol li span.num{
position:absolute;
left:0;
top:0;
padding:7px 5px !important
}

}
.practical .flow ol:before{
position:absolute;
top:20px;
left:0;
content:' ';
width:100%;
height:1px;
border-top:2px solid #ddd;
z-index:1
}
.practical .flow ol li{
position:relative;
z-index:2;
text-align:center;
*display:table-cell
}
.practical .flow ol li span.num{
border:2px solid #FF7606;
background:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
padding:5px 7px;
font-size:22px;
display:inline-block;
margin-bottom:10px
}
.practical .flow ol li p{
font-size:80%;
line-height:120%
}
.practical .flow ol li.active{
font-weight:bold;
color:#FF7606
}
.practical .flow ol li.active span.num{
background:#FF7606;
color:#fff
}
.practical .caption{
margin-bottom:30px;
background:#111;
padding:15px;
font-size:130%;
color:#fff
}
@media (max-width: 767px){
.practical .caption{
font-size:12px
}

}
.practical .master-wal{
padding:30px
}
.practical .dl-numbering dt{
font-weight:normal;
line-height:35px;
margin-bottom:20px;
padding-left:50px;
position:relative
}
.practical .dl-numbering dt .number{
position:absolute;
left:0;
top:0;
border:2px solid #FF7606;
background:#FF7606;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
padding:0 5px;
font-size:22px;
display:inline-block;
margin-bottom:10px;
line-height:30px
}
.practical .dl-numbering dd{
margin-bottom:20px
}
#faq a.btn-neo2{
color:#111
}
#faq a.btn-neo2:hover{
color:#fff
}
#faq .list-arrow li{
background:url("../../img/practical/faq/arrow.jpg") 0 7px no-repeat;
padding-left:20px;
margin-bottom:5px
}
#faq .dl-faq dt{
position:relative;
padding:15px 15px 20px;
padding-left:60px;
border-bottom:dashed 1px #ccc;
margin-bottom:20px;
font-size:130%;
font-weight:normal
}
#faq .dl-faq dt .q{
position:absolute;
left:0;
top:0;
font-size:22px;
color:#fff;
background:#FF7606;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
padding:9px 18px
}
#faq .dl-faq dd{
line-height:180%;
margin-bottom:20px
}
#faq .dl-faq dd ul{
list-style:disc;
list-style-position:outside;
margin-left:30px
}
#faq .faq-pagetop{
color:#111;
text-decoration:none;
font-size:9px
}
#faq .faq-pagetop:hover{
text-decoration:underline
}
.list-news li{
margin-bottom:10px
}
.list-news li a{
display:block;
padding:15px 20px;
text-decoration:none;
color:#111
}
.list-news li a:hover{
color:#999
}
.list-news li a time{
float:left;
background:url("../../img/practical/faq/arrow.jpg") right 5px no-repeat;
padding-right:25px;
font-size:17px;
margin-right:10px
}
@media (max-width: 991px){
.list-news li a time{
background-position:right 3px
}

}
.list-news li a p{
overflow:hidden;
margin-bottom:0
}
#catalogue a{
color:#00678C
}
#catalogue a.btn-neo2{
color:#111
}
#catalogue a.btn-neo2:hover{
color:#fff
}
#catalogue a img{
text-decoration:none
}
@media print{
* html body{
zoom:.7
}

}