/* html, body --------------------------------------------------------------------------------------------------------*/
.hide{
    display: none !important;
}

html {
    font-size: 100px;
}

body {
    font-family: "Microsoft JhengHei", "Microsoft YaHei", Arial, Helvetica, sans-serif;
    /*font-size:.12rem*/
    font-size: 14px
}

.investor-button{
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.section-relative {
    position: relative;
}

.error {
    color: red;
}

.alert-fixed {
    position: fixed;
}

.content-box {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.table-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    cursor: default;
    z-index: 10;
}

.limit-weight-350 {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}


.limit-height {
    height: 4.5em;
    line-height: 1.5 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limit-height-2{
    height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limit-height-3{
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.max-height-15 {
    max-height: 15em;
    line-height: 1.5 !important;
    overflow: hidden;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.table-cell-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.table-cell-bottom-10 {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 10px;
}

.table-cell-bottom-15 {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 15px;
}

.table-cell-bottom-20 {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 20px;
}

.table-cell-bottom-30 {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 30px;
}

.table-bordered>tbody>tr>td{
	border:none;
	min-width:50px;
	padding:3px;
}

.table>tbody>tr>td{
	border:none;
}

.table-bordered{
	/*border:none;*/
	margin-bottom:10px;
}

.global-btn {
    padding: 10px 15px;
    min-width: 120px;
    line-height: 18px;
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s; /* Firefox 4 */
    -webkit-transition: all 1s ease 0s; /* Safari �� Chrome */
    -o-transition: all 1s ease 0s; /* Opera */
}

.global-btn:hover,
.global-btn:active,
.global-btn:focus {
    background-color: #881f58;
    border-color: #881f58;
    transition: all 1s ease 0s;
}

.global-btn>i {
    vertical-align: middle;
    padding-left: 5px;
}

.icon-bag {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("../img/icon/icon-bag.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    cursor: default;
}

.icon-bag.active {
    background: url("../img/icon/icon-bag_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.icon-shoes {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("../img/icon/icon-shoes.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    cursor: default;
}

.icon-shoes.active {
    background: url("../img/icon/icon-shoes_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.icon-clothes {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("../img/icon/icon-clothes.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    cursor: default;
}

.icon-clothes.active {
    background: url("../img/icon/icon-clothes_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.icon-other {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("../img/icon/icon-other.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    cursor: default;
 }

.icon-other.active {
    background: url("../img/icon/icon-other_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.icon-info {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("../img/icon/icon-info.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    cursor: default;
}

.icon-info.active {
    background: url("../img/icon/icon-info_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.icon-share {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/icon/icon-share.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
}

.icon-share:hover,
.icon-share.active {
    background: url("../img/icon/icon-share_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.news-title .icon-share {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("../img/icon/icon-share_32x32.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
}

.news-title .icon-share:hover,
.news-title .icon-share.active {
    background: url("../img/icon/icon-share_32x32_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
    background-size: cover;
    vertical-align: middle;
}

.icon-heart {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/icon/icon-heart.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
}

.icon-heart:hover,
.icon-heart.active {
    background: url("../img/icon/icon-heart_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.mask,
.mask-small {
    position: absolute;
    left: 0;
    bottom:0;
    height: 100%;
    width: 100%;
    z-index: 3
}

.mask {
    height: 100%;
    background: url("../img/mask_bg.png") no-repeat 0 0;
    background-size: cover;
}

.mask-small {
    height: 50%;
    background: url("../img/mask_samll_bg.png") no-repeat 0 0;
    background-size: cover;
}

.box {
    position: relative;
}

.hover-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    background-color: #461840;
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    z-index: 9;
    transition: opacity 1s ease 0s;
}

i.i-pdf {
    color: #e10000;
}

i.i-xls {
    color: #008000;
}

i.i-doc {
    color: #1e90ff;
}

i.i-ppt {
    color: #ffa500;
}

.pt-a{
    padding-top: 90px;
}
.pb-a{
    padding-bottom: 90px;
}
.pt-b{
    padding-top: 50px;
}
.pb-b{
    padding-bottom: 50px;
}
.pt-c{
    padding-top: 127px;
}
.pb-c{
    padding-bottom: 127px;
}
.mt-a{
    margin-top: 90px;
}
.mb-a{
    margin-bottom: 90px;
}
.mt-b{
    margin-top: 50px;
}
.mb-b{
    margin-bottom: 50px;
}
.mb-b_cus1{
    margin-bottom: 30px;
}
.mt-c{
    margin-top: 127px;
}
.mb-c{
    margin-bottom: 127px;
}

.pt-5 {
     padding-top: 5px;
 }

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-10-sm-5 {
    margin-bottom: 10px;
}

.mt-10-sm-5 {
    margin-top: 10px;
}

/* Msg ---------------------------------------------------------------------------------------------------------------*/

#Msg {
    display: none;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 16px;
}

.SuccessMessage {
    color: #732573;
}

.WarningMessage {
    text-align: left;
}

#message .alert {
    position: relative;
}

#message .alert>span:first-child {
    margin-right: 40px;
}

#message .alert>span.close {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -11px;
    padding: 0 15px;
}

/* header ------------------------------------------------------------------------------------------------------------*/

header {
    background-color: #fff;
}

header .header-right {
    margin-top: 25px;
}

header .header-right a {
    color: #452741;
    font-size: 18px;
}

header .header-right a:hover {
    color: #c68a75;
}

header .header-right>ul>li {
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
}

header .header-right>ul>li.open {
    position: relative;
}

header li.lang {
    text-align: center;
    color: #6594be;
    line-height:1;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

header li.lang .dropdown-menu {
    top: 25px;
    padding: 0;
    margin-top: auto;
    min-width: inherit;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

header li.lang .dropdown-menu >li {
    /*margin-bottom: 5px;*/
}

header li.lang .dropdown-menu>li>a {
    padding: 8px 15px;
    color: #452741;
    text-align: center;
    background-color: #fff;
}

header li.lang .dropdown-menu>li>a:hover {
    color: #333;
    background: #e7abc3;
}

header>nav.navbar {
    position: relative;
    margin-bottom: auto;
    background: url("../img/menu_bg.png") repeat 0 50%;
    border: none;
    border-radius: inherit;
    min-height: inherit;
}

header .nav-tabs.nav-justified>li {
    position: relative;
    padding: 0 5px;
}

header .nav-tabs.nav-justified>li>a {
    padding: .13rem .15rem;
    border-radius: inherit;
    background-color:transparent;
    border: none !important;
    font-size: 18px;
    color: rgb(255,255,255);
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

header .nav-tabs.nav-justified>li>a:hover,
header .nav-tabs.nav-justified>li.active>a,
header .nav-tabs.nav-justified>.active>a:focus,
header .nav-tabs.nav-justified>.active>a:hover,
header .nav-tabs.nav-justified>li.hover>a {
    background-color: #990066;
    color: rgb(255,255,255);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}

header .nav-tabs.nav-justified .nav-sub {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 999999;
}

header .nav-tabs.nav-justified .nav-sub>.sub-wrap {
    padding:0 5px;
}

header .nav-tabs.nav-justified .nav-sub>.sub-wrap>ul {
    /*text-align: left !important;*/
}

header .nav-tabs.nav-justified .nav-sub>.sub-wrap>ul>li {
    padding-top: 0px;
}

header .nav-tabs.nav-justified .nav-sub>.sub-wrap a {
    display: inline-block;
    padding: 5px 20px;
    font-size: 15px;
    color: rgb(255,255,255);
    text-decoration: none;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

header .nav-tabs.nav-justified .nav-sub>.sub-wrap a:hover {
    background-color: #990066;
    color: rgb(255,255,255);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}

header>nav .navbar-collapse {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    z-index: 100;
}

header>nav.navbar-default .navbar-nav>li+li {
    padding-left: 5px;
}

header>nav.navbar-default .navbar-nav>li>a {
    padding: 8px 15px;
    font-size: 16px;
    color: #333;
}


/* banner ------------------------------------------------------------------------------------------------------------*/

.banner {
    position: relative;
    color: #fff;
}

.banner>img {
    width: 100%;
}

.banner-title {
    font-size: 75px;
    color: #fff;
    word-break: normal;
    word-wrap: break-word;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 0px 20px;
    background: rgba(65, 64, 66, 0.45);
}

.banner .carousel>.container {
    position: relative;
}

.banner.carousel-inner>.item>a>img,
.banner .carousel-inner>.item>img {
    width: 100%;
}

.banner .carousel-control.left,
.banner .carousel-control.right {
    background-image: none;
    z-index: 5;
}

.banner .carousel-control.left>span,
.banner .carousel-control.right>span{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 37px;
    height: 130px;
    margin-top: -65px;
    margin-left: -19px;
    z-index: 5;
}

.banner .carousel-control.left>span{
    background: url("../img/prev.png") no-repeat 50% 50%;
}

.banner .carousel-control.right>span {
    background: url("../img/next.png") no-repeat 50% 50%;
}

.banner .carousel-control.left:hover>span{
    background: url("../img/prev_hover.png") no-repeat 50% 50%;
}

.banner .carousel-control.right:hover>span {
    background: url("../img/next_hover.png") no-repeat 50% 50%;
}

.banner .item .carousel-caption {
    position: absolute;
    top: 0;
    bottom: 0;

    height: 100%;
    padding: 0;
}

.banner .item .carousel-caption>.caption-table {
    display: table;
    height: 100%;
    width: 100%;
}

.banner .item .carousel-caption>.caption-table>.caption-table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.banner .item .carousel-caption>.caption-table>.caption-table-cell .caption-title {
    font-size: 75px;
    color: #fff;
}

.banner .item .carousel-caption>.caption-table>.caption-table-cell .caption-subtitle {
    font-size: 45px;
    color: #ddd;
}

.banner .click .global-btn:hover,
.banner .click .global-btn:active,
.banner .click .global-btn:focus {
    background-color: #fff;
    border-color: #fff;
    color: #333;
}

/* owl-carousel ------------------------------------------------------------------------------------------------------*/

.owl-carousel {
    position: static;
}

.owl-carousel .owl-list {
    padding-left: 5px;
    padding-right: 5px;
}

.owl-carousel .owl-wrapper-outer {
    position: static;
}

.owl-theme .owl-controls {
    margin-top: auto;
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    width: 15%;
    height: 130px;
    top: 50%;
    margin-top: -65px;
    text-indent:-9999px;
    z-index: 99;
}

.carousel-center.owl-theme .owl-controls .owl-buttons div {
    margin-top: -87px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background: url("../img/prev_hover.png") no-repeat center center;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    background: url("../img/next_hover.png") no-repeat center center;
}

/* box ---------------------------------------------------------------------------------------------------------------*/

.box {
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
}

.box a {
    color: #666;
    text-decoration: none;
}

.box .product-img {
    position: relative;
    overflow: hidden;
}

.box .product-img img {
    width: 100%;
}

.box .product-info {
    padding: 15px 23px;
    color: #7a7a7a;
}

.box .product-info .product-title {
    font-size: 28px;

}

.box .product-info .product-title,
.section-masonry .masonry-container>.item .box .product-info .product-title {
    max-width: 348px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box .product-info .product-date {
    font-size: 20px;
    color: #999999;
}

.box .product-info .product-date .date-time {
    white-space: nowrap;
    vertical-align: middle;
}

.box .product-desc {
    border-top: 1px solid #999999;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 20px;
}

.product-desc img {
    width: 100%;
}

/* box-none ----------------------------------------------------------------------------------------------------------*/
.box-none{
    position: relative;
}

.box-none .product-img {
    position: relative;
    overflow: hidden;
}

.box-none .product-info .product-title {
    font-size: 20px;
   /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

/* section-slider ----------------------------------------------------------------------------------------------------*/

.section-box {
    font-size: 20px;
}

.section-box img {
    display: block;
    max-width: 100%;
    margin: auto;
}

.section-title {
    font-size: 40px;
    margin-bottom: 15px;
}

.icon-cal {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background: url("../img/icon/icon-cal.png") no-repeat center center;
    background-size: cover;
    vertical-align: middle;
}

.section-slider .global-btn {
    color: #fff;
    background-color: #881f58;
}

.section-slider .global-btn:hover {
    border-color: #333;
    color: #333;
    background-color: #fff;
}

/* section-grey ------------------------------------------------------------------------------------------------------*/

.section-grey {
    background-color: #dcdddd;
}

.group-list {
    position: relative;
    margin-bottom: 5px;
    color: #fff;
    font-size: 14px;
}

.group-list>li {
    float: left;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
}

.group-list li .product-img {
    position: absolute;
    left:0;
    top: 0;
    right:0;
    bottom: 0;
    height: 100%;
    background-color :#fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 8;
}

.group-list li .caption-title,
.slider-product .caption-title {
    font-size: 20px;
    color: #fff;
    white-space: nowrap;
    max-width: 225px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.slider-product {
    position: relative;
}

.slider-product .global-btn {
    border-color: #333;
    color: #333;
    background-color: transparent;
}

.slider-product .global-btn:hover {
    border-color: #990066;
    color: #fff;
    background-color: #990066;
}

.slider-product .table-box .global-btn {
    min-width: inherit;
    line-height: inherit;
    border: none;
    color: #fff;
    background-color: #88a5c1;
}

.slider-product .table-box .global-btn:hover {
    color: #dcdddd;
    background-color: #5a7096;
}

.icon {
    display: inline-block;
}

.icon>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

.icon>ul>li {
    /*float: left;*/
    display: inline-block;
    text-align: center;
}

.icon>ul>li+li {
   margin-left: 5px;
}

.share .icon>ul>li+li {
    display: none;
    margin-left: 12px;
}

/* section-color -----------------------------------------------------------------------------------------------------*/

.section-color {
    background: url("../img/grid_bg.png") repeat 0 0;
    color: #fff;
}

.section-color .section-box table {
    margin-top: 90px;
    margin-bottom: auto;
}

/*.section-color .section-box table tr>td {
    display: block;
}*/

.section-color .section-box table tr>td img {
    width: 100%;
}

/* section-product ---------------------------------------------------------------------------------------------------*/

.section-product .product-detail {
    background-color: #dcdddd;
}

.section-product .product-detail #default_gallery>.image {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.section-product .product-detail #default_gallery>.image>.zoom-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width:45px;
    height:45px;
    background: url("../img/icon/icon-zoom.png")no-repeat center center;
    /*background-size:cover;*/
    z-index: 998
}

.section-product .product-detail>.container>.row>.col-sm-6 +.col-sm-6 {
    padding-left: 80px;
}

.section-product .product-detail dl>dt {
    float: left;
   /* width: 60px;*/
    margin-right: 10px;
}

.section-product .product-detail .product-use .icon-bag {
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url("../img/icon/icon-bag-p.png") no-repeat center center;
}

.section-product .product-detail .product-use .icon-bag.active {
    background: url("../img/icon/icon-bag-p_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.section-product .product-detail .product-use .icon-shoes {
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url("../img/icon/icon-shoes-p.png") no-repeat center center;
}

.section-product .product-detail .product-use .icon-shoes.active {
    background: url("../img/icon/icon-shoes-p_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.section-product .product-detail .product-use .icon-clothes {
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url("../img/icon/icon-clothes-p.png") no-repeat center center;
}

.section-product .product-detail .product-use .icon-clothes.active {
    background: url("../img/icon/icon-clothes-p_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.section-product .product-detail .product-use .icon-other {
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url("../img/icon/icon-other-p.png") no-repeat center center;
}

.section-product .product-detail .product-use .icon-other.active {
    background: url("../img/icon/icon-other-p_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.section-product .product-detail .product-use .icon-info {
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url("../img/icon/icon-info-p.png") no-repeat center center;
}

.section-product .product-detail .product-use .icon-info.active {
    background: url("../img/icon/icon-info-p_hover.png") no-repeat center center;
    transition: background 1s ease 0s;
}

.section-product .product-detail dl>dd {
    float: left;
}

.section-product .product-detail .product-name {
    font-size: 28px;
}

.section-product .product-detail dt,
.section-product .product-detail dd {
    font-size: 20px;
    font-weight: inherit;
}

.section-product .product-detail .product-price>dt,
.section-product .product-detail .product-price>dd {
    float: left;
    margin-bottom: 20px;
    color: #452741;
}

.section-product .product-detail .product-like a.global-btn {
    color: #fff;
    background-color: #88a5c1;
    border: none;
}

.section-product .product-detail .product-like a:hover.global-btn {
    color: #dcdddd;
    background-color: #5a7096;
}

.section-product .product-detail .product-option {
    position: relative;
}

.section-product .product-detail .product-option .bx-wrapper {
    position: static;
}

.section-product .product-detail .product-option .bx-wrapper #image-additional {
    margin-bottom: auto;
    max-width: 290px;
}

.section-product .product-detail .product-option .bx-wrapper #image-additional>li>ul>li {
    float:left;
    margin-right: 5px;
    /*margin-bottom: 5px;*/
    width: 45px !important;
    height: 45px !important;
    overflow: hidden;
}

.section-product .product-detail .product-option .bx-wrapper #image-additional>li>ul>li>a {
    display:block;
}

.section-product .product-detail .product-option .bx-wrapper #image-additional>li>ul>li>a.active {
    border: 1px solid #666;
}

.section-product .product-detail .product-option .bx-wrapper .bx-controls-direction a {
    left: inherit;
    right: 0;
    display: inline-block;
    height: 45px;
    width: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.section-product .product-detail .product-option .bx-wrapper .bx-controls-direction a.bx-prev {
     background: url("../img/pad_up.png") no-repeat center center;
     top: 0;
     margin-top: auto;
     text-indent:-9999px;
 }

.section-product .product-detail .product-option .bx-wrapper .bx-controls-direction a.bx-next {
    background: url("../img/pad_down.png") no-repeat center center;
    bottom: 5px;
    margin-top: auto;
    text-indent:-9999px;
}

body.en .section-product .product-detail .product-option .bx-wrapper .bx-controls-direction a.bx-prev {
    background: url("../img/pad_up.png") no-repeat center right 0;
}

body.en .section-product .product-detail .product-option .bx-wrapper .bx-controls-direction a.bx-next {
    background: url("../img/pad_down.png") no-repeat center right 0;
}

.section-product .product-detail #full_gallery .bx-wrapper .bx-controls-direction a {
    width: 12px;
    height: 38px;
    margin-top: -19px;
    text-indent: -9999px;
}

.section-product .product-detail #full_gallery .bx-wrapper .bx-controls-direction a.bx-prev {
    background: url("../img/prev_small_hover.png") no-repeat center center;
}

.section-product .product-detail #full_gallery .bx-wrapper .bx-controls-direction a.bx-next {
    background: url("../img/next_small_hover.png") no-repeat center center;
}

.section-product .product-wall .image-box {
    display: inline-block;
}

.section-product .product-wall .image-box>.info {
    padding: 8px 15px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 28px;
    text-align: center;
}

.section-product .product-desc {
    background-color: #dcdddd;
}

.section-product .section-box img {
    /*width: 100%;*/
    max-width: 100%;
    margin: auto;
    text-align: center;
    display: block;
}

.section-product .click a.global-btn {
    border-color: #666;
    color: #666;
}

.section-product .click a:hover.global-btn {
    border-color: #881f58;
    color: #fff;
    background-color: #881f58;
}

/* category-bar ------------------------------------------------------------------------------------------------------*/

.category-bar {
    background-color: #dcdddd;
    padding: 25px 0;
    font-size: 20px;
}

.category-bar .categorys>a {
    color: #333;
    text-decoration: none;
}

.category-bar ul {
    margin-bottom: auto;
}

.category-bar>.hidden-xs>ul>li {
    float: left;
    position: relative;
}

.category-bar>.hidden-xs>ul>li.categorys>a {
    display: inline-block;
    padding: 6px 15px;
    margin-right: 10px;
    background: transparent;
    border: none;
}

.category-bar>.hidden-xs>ul>li+li+li{
    margin-left: -1px;
}

.category-bar>.hidden-xs>ul>li>a {
    display: inline-block;
    padding: 6px 15px;
    color: #333;
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
    text-decoration: none;
}


.category-bar>.hidden-xs>ul>li>a+.dropdown-menu {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    margin-top: -1px;
    border-radius: 0;
    text-align: center;
    padding: 0;
    z-index: 11;
}

.category-bar>.hidden-xs>ul>li>a+.dropdown-menu>li+li {
    border-top: 1px solid #ddd;
}

.category-bar>.hidden-xs>ul>li>a+.dropdown-menu>li>a {
    padding: 6px 0;
}

.category-bar>.hidden-xs>ul>li>a+.dropdown-menu>li>a:hover {
    background-color: #5a7096;
    color: #fff;
}

.category-bar>.hidden-xs>ul>li.open>a {
    color: #fff !important;
    background-color: #88a5c1 !important;
    transition: background-color .2s ease 0s;
}

.category-bar .chosen-container-single .chosen-single span {
    font-size: 20px;
}

/* product-show ------------------------------------------------------------------------------------------------------*/

.product-show .table-box {
    padding-top: 0;
    padding-bottom: 0;
}

.product-show .click .global-btn {
    min-width: inherit;
    line-height: inherit;
    padding: 6px 30px;
    border: none;
    color: #fff;
    background-color: #88a5c1;
}

.product-show .click .global-btn:hover {
    color: #dcdddd;
    background-color: #5a7096;
}

/* section-news ------------------------------------------------------------------------------------------------------*/

.section-news {
    min-height: 600px;
}

.section-news .news-title {
    position: relative;
    font-size: 40px;
}

.section-news .owl-controls {
    display: none !important;
}

.section-news .owl-carousel .owl-list {
    padding-left: 0;
    padding-right: 0;
}

.section-news .product-date {
    white-space: nowrap;
}

.section-news .product-date .date-time {

    vertical-align: middle;
    font-size: 20px;
    color: #999999;
}

.section-news .news-img img {
   /* width: 100%;*/
    max-width: 100%;
    display: inline-block;
}

.section-news .news-img .caption-box {
    position: absolute;
    /*left: 15px;
    right: 15px;*/
    left: 0;
    right: 0;
    bottom: 0;

}

.section-news .news-img .caption-box>.info {
    padding: 8px 15px;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: left;
}

.section-news .product-info {
    position: relative;
    min-height: 40px;
    font-size: 20px;
}

.section-news .news-img .caption-box>.info {
    font-size: 20px;
}

.section-news .product-video video {
    max-width: 100% !important;
    height: 100% !important;
}

.section-news .product-video img {
    max-width: 100%;
    margin: auto;
}

.section-news .other-info {
    border-top: 1px solid #ddd;
}


/* pursuit -----------------------------------------------------------------------------------------------------------*/

.nav-bar {
    display: none;
    background-color: #dcdddd;
}

.nav-bar ul {
    margin-bottom: auto;
    text-align: center;
    margin-left: auto;
    font-size: 0;
}

.nav-bar.pursuit ul {
    text-align: left;
}

.nav-bar ul>li {
    display: inline-block;
    line-height: 32px;
}

.nav-bar ul>li+li {
    margin-left: 89px;
}

.nav-bar.pursuit ul>li {
    width: 33.33333%;
    float: left;
}

.nav-bar.pursuit ul>li+li {
    margin-left: auto !important;
}

.nav-bar.pursuit ul>li:nth-child(3n+1){
    clear: left;
}

.nav-bar.pursuit ul>li:nth-child(3n){
    clear: right;
}

body.en .nav-bar ul>li+li {
    margin-left: 45px;
}

.nav-bar ul>li>a {
    display: inline-block;
    border: none;
    color: #452741;
    font-size: 20px;
    padding: 10px 5px;
    text-decoration: none;
}

.nav-bar ul>li>a>.round {
    display:inline-block;
    /*margin-top: 3px;*/
    margin-right:5px;
    width:25px;
    height:25px;
    vertical-align:middle;
    background: url("../img/round.png") no-repeat center center;
    background-size: contain;
}

.nav-bar.pursuit ul>li>a>.round {
    margin-top: 3px;
    vertical-align:top;
}

.nav-bar.pursuit ul>li>a>.round+span {
    display:inline-block;
}

.nav-bar ul>li>a:hover,
/*.nav-bar ul>li>a:active,
.nav-bar ul>li>a:focus,*/
.nav-bar ul>li.active>a{
    color: #c687a5;
    background: transparent;
}

.nav-bar ul>li>a:hover>.round,
/*.nav-bar ul>li>a:active>.round,
.nav-bar ul>li>a:focus>.round,*/
.nav-bar ul>li.active>a>.round {
    background-image: url("../img/round_hover.png");
}

.content-box .product-desc>img {
    width: 100%;
}

/* section-view ------------------------------------------------------------------------------------------------------*/

.section-view .product-title {
    font-size: 28px;
    color: #58585b;
}

.section-view .product-desc {
    font-size: 20px;
    color: #58585b;
}

.section-view .more>a {
    color: #452741;
    font-size: 20px;
    text-decoration: none;
}

.section-view .more>a>i {
    margin-left: 5px;
}

.section-view .more>a .arrow-right {
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url("../img/icon-arrow_right.png") no-repeat center center;
}

.section-view .more>a:hover {
    color: #c687a5;
}

.section-view .more>a:hover .arrow-right {
    background: url("../img/icon-arrow_right_hover.png") no-repeat center center;
}

/* section-masonry ---------------------------------------------------------------------------------------------------*/

.section-masonry {
    position: relative;
}

.section-masonry .owl-wrapper-outer {
    margin-bottom: -35px;
}

.section-masonry .owl-carousel .owl-list {
    padding-left: 0;
    padding-right: 0;
}

.section-masonry ul {
    margin-bottom: auto;
}

.section-masonry .masonry-container>.item {
    float: left;
    width: 33.3333%;
    margin-bottom: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

.section-masonry .masonry-container>.item .box {
    border: 1px solid #ddd;
}

.section-masonry .masonry-container>.item .box>a {
    color: #333;
    text-decoration: none;
}

.section-masonry .masonry-container>.item .box .product-info {
    padding: 10px;
}

.section-masonry .masonry-container>.item .box .product-info .product-title {
    font-size: 28px;
}

.section-masonry .masonry-container>.item .box .product-info .product-date {
    color: #999;
    font-size: 20px;
}

.section-masonry .masonry-container>.item .box .product-info .product-desc {
    border-top: 1px solid #999999;
    margin-top: 10px;
    padding-top: 10px;
}

/* news-content ------------------------------------------------------------------------------------------------------*/

.news-content .section-grey {
    padding-top: 90px;
    padding-bottom: 90px;
}

.news-content .section-color {
    padding-top: 90px;
    padding-bottom: 90px;
}

/* contact-content ---------------------------------------------------------------------------------------------------*/

.contact-content .banner {
    line-height: 0;
    color: #452741;
}

.contact-content .banner>iframe {
    width: 100% !important;
}

.contact-content .banner img {
    width: 100% !important;
}

.contact-content .nav-bar .nav-tabs {
    display: inline-block;
    text-align: center;
}

.contact-content .nav-bar .nav-tabs>li+li {
    margin-left: 30px;
}

.contact-content .area-name {
    font-size: 40px;

}
.contact-content .company-name {
    font-size: 28px;
    margin-bottom: 50px;
}

.contact-content .company-info {
    font-size: 20px;
    /*line-height: 32px;*/
}

.contact-content .company-name,
.contact-content .job-pos{
    font-size: 28px;
}

.contact-content .section-view-a .item+.item {
    border-top: 1px dashed #ddd
}

.contact-content form .from-title {
    color: rgb(124, 95, 79);
    font-size: 36px;
    text-align: center;
}

.contact-content form .form-group input,
.contact-content form .form-group textarea,
.contact-content form .form-group button {
    border-radius: inherit;
}

.contact-content form .form-group button {
    padding: 6px 15px;
    border-radius: inherit;
    background-color:#999999;
    font-size: 14px;
    color: rgb(255,255,255);
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.contact-content form .form-group button:hover,
.contact-content form .form-group button:focus {
    background-color: #664c3d;
    color: rgb(255,255,255);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.section-report .report-caption {
    font-size: 36px;
    color: #000;
    border-bottom: 4px solid #9c5f5e;
}

.section-report .report-caption>.icon_dollar {
    padding-left: 34px;
    background: url('../img/icon_dollar.png') no-repeat left center
}

.section-report .table-list {
    padding-bottom: 15px;
    border-bottom: 4px solid #bcbcbc;
}

.section-report .table-list>.table-responsive {
    padding: 15px;
}

.section-report .table-list .th-caption>span {
    padding-right: 10px;
    font-size: 22px;
    color: #9c5f5c;
    line-height: 1;
}

.section-report .table-list .th-caption>label {
    color: #000;
    margin-bottom: auto;
    line-height: 1;
}

.section-report .table-list table {
    margin-bottom: auto;
}

.section-report .table-list table .table-date {
    min-width: 100px;
    word-break: normal;
    word-wrap: normal;
    white-space: nowrap;
}

.section-report .table-list table .table-icon {
    width: 25px;
    padding-left: 0;
    padding-right: 0;
    word-break: normal;
    word-wrap: normal;
    white-space: nowrap;
}

.section-report .table-list table a {
    color: #333;
    text-decoration: none;
}

.section-report .table-list table a>i {
    vertical-align: middle;
}

.section-report .table-list table>thead>tr>th {
    color: #8d8d8d;
    border-bottom:none;
}

.section-report .table-list table>thead>tr>th:first-child,
.section-report .table-list table>tbody>tr>td:first-child{
    padding-left: 0;
}

.section-report .table-list table>thead>tr>th:last-child,
.section-report .table-list table>tbody>tr>td:last-child {
    padding-right: 0;
}

.section-report .table-list table>tbody>tr {
    border-bottom: 1px solid #dadada;
}

.section-report .table-list table>tbody>tr>td {
    vertical-align: middle;
}

.section-report .table-list .more>a {
    display: block;
    padding: 5px;
    color: #a26962;
    border: 1px solid #dadada;
    border-top: none;
}

/* section-slider-2 --------------------------------------------------------------------------------------------------*/
.section-slider-2 .owl-carousel {
    padding-left: 120px;
    padding-right: 120px;
}

.section-slider-2 .owl-carousel .owl-list {
    padding-left: 40px;
    padding-right: 40px;
}

/* footer ------------------------------------------------------------------------------------------------------------*/

footer {
    padding: 90px 0;
    color: #fff;
    font-size: .2rem;
    background-color: #452741;
}

footer .ft-menu .menu-list>li {
   /* float: left;
    width: 20%;*/
    display: inline-block;
    text-align: left;
    vertical-align: text-top;
}

footer .ft-menu .list-inline.menu-list {
    font-size: 0;
    margin-left: auto;
    margin-bottom: auto;
}

footer .ft-menu .list-inline.menu-list>li+li{
    margin-left: 146px;
}

body.en footer .list-inline.menu-list>li+li{
    margin-left: 76px;
    max-width: 288px;
}

body.en footer .ft-menu .list-inline.menu-list>li{
    width: 120px;
}

body.en footer .ft-menu .list-inline.menu-list>li:nth-child(2){
    width: 223px;
}

body.en footer .ft-menu .list-inline.menu-list>li:nth-child(3){
    width: 220px;
}

body.en footer .ft-menu .list-inline.menu-list>li:nth-child(4){
    width: 139px;
}

body.en footer .ft-menu .list-inline.menu-list>li:nth-child(5){
    width: 133px;
    margin-left: 77px;
}

footer .ft-menu .menu-title {
    margin-bottom: 10px;
}

footer .ft-menu .menu-title>a {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    word-wrap: break-word;
}

footer .ft-menu .list-item>li>a {
    display: inline-block;
    padding-top: 5px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    word-wrap: break-word;
}

footer .ft-menu .list-item>li>a:hover {
    color: #c687a5;
}

body.en footer .ft-menu .menu-title>a {
    font-size: 25px;
}

body.en footer .ft-menu .list-item>li>a {
    font-size: 18px;
}

footer .ft-copy {
	width:100%;
    position: relative;
	display:block;
    margin-top: 77px;
    font-size: 20px;
    color: #fff;
}

footer #to-top {
    position: fixed;
    bottom: 15px;
    right: 30px;
    font-size: 0;
    text-align: right;
    cursor: pointer;
    z-index: 999999;
}

footer #to-top span {
    display: inline-block;
    width: 76px;
    height: 76px;
    background: url("../img/totop.png") no-repeat 50% 50%;
    overflow: hidden;
}

footer #to-top:hover span {
    background: url("../img/totop_hover.png") no-repeat 50% 50%;
}

@media (min-width: 768px) and (max-width: 1400px) {

    /* section-slider ------------------------------------------------------------------------------------------------*/

    .section-slider .img-scroll,
    .section-masonry .img-scroll {
        padding: 0 42px;
        position: relative;
    }

    .section-slider a.btn-prev,
    .section-slider a.btn-next,
    .section-masonry a.btn-prev,
    .section-masonry a.btn-next {
        width: 37px;
    }

    /* owl-carousel --------------------------------------------------------------------------------------------------*/

    .owl-carousel {
        position: relative;
        padding: 0 42px;
    }

    .owl-theme .owl-controls .owl-buttons div {
        width: 37px;
    }

    /* section-news --------------------------------------------------------------------------------------------------*/

    .section-news .owl-carousel {
        padding: inherit;
    }

}

@media (max-width: 1199px) {


    /* login --------------------------------------------------------------------------------------------------------*/

}

@media (min-width: 992px) and (max-width: 1199px) {

    /* banner --------------------------------------------------------------------------------------------------------*/

    .banner .carousel-caption {
        left: 15%;
        right: 15%;
    }

    /* nav-bar -------------------------------------------------------------------------------------------------------*/

    .nav-bar ul>li+li {
        margin-left: 80px;
    }

    body.en .nav-bar ul>li+li {
        margin-left: 35px;
    }

    /* box -----------------------------------------------------------------------------------------------------------*/

    .box .product-info .product-title,
    .section-masonry .masonry-container>.item .box .product-info .product-title {
        max-width: 253px;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* section-grey --------------------------------------------------------------------------------------------------*/

    .group-list li .caption-title,
    .slider-product .caption-title {
        max-width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    /* footer --------------------------------------------------------------------------------------------------------*/

    footer .ft-menu .list-inline.menu-list>li+li{
        margin-left: 96px;
    }

    body.en footer .ft-menu .list-inline.menu-list>li{
        width: 120px;
    }

    body.en footer .ft-menu .list-inline.menu-list>li+li{
        margin-left: 26px;
    }

    body.en footer .ft-menu .list-inline.menu-list>li:nth-child(2){
        width: 223px;
    }

    body.en footer .ft-menu .list-inline.menu-list>li:nth-child(3){
        width: 220px;
    }

    body.en footer .ft-menu .list-inline.menu-list>li:nth-child(4){
        width: 139px;
    }

    body.en footer .ft-menu .list-inline.menu-list>li:nth-child(5){
        width: 133px;
        margin-left: 27px;
    }
}

@media (max-width: 991px){

    /* banner --------------------------------------------------------------------------------------------------------*/

    .banner .carousel-control.left>span{
        left: 0;
        width: 64px;
        margin-left:auto;
        background: url("../img/pad_prev.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.right>span {
        right: 0;
        width: 64px;
        margin-left:auto;
        background: url("../img/pad_next.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.left:hover>span{
        background: url("../img/pad_prev.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.right:hover>span {
        background: url("../img/pad_next.png") no-repeat 50% 50%;
    }

    /* owl-carousel --------------------------------------------------------------------------------------------------*/

    .owl-carousel {
        position: static;
        padding: inherit;
    }

    .owl-theme .owl-controls .owl-buttons div {
        position: absolute;
        width: 64px;
        height: 81px;
        top: 50%;
        margin: -40px auto auto auto;
        padding: inherit;
        border-radius: 0;
        text-indent:-9999px;
        z-index: 99;
    }

    .carousel-center.owl-theme .owl-controls .owl-buttons div {
        margin-top: -58px;
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 0;
        background: url("../img/pad_prev.png") no-repeat center center;
    }

    .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 0;
        background: url("../img/pad_next.png") no-repeat center center;
    }

    /* section-product -----------------------------------------------------------------------------------------------*/

    .section-product .product-detail>.container>.row>.col-sm-6 +.col-sm-6 {
        padding-left: 15px;
    }

    .mb-10-sm-5 {
        margin-bottom: 5px;
    }

    .mt-10-sm-5 {
        margin-top: 5px;
    }

    /* section-slider-2 --------------------------------------------------------------------------------------------------*/
    .section-slider-2 .owl-carousel {
        padding-left: 50px;
        padding-right: 50px;
    }

    .section-slider-2 .owl-carousel .owl-list {
        padding-left: 40px;
        padding-right: 40px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .pt-a{
        padding-top: 55px;
    }
    .pb-a{
        padding-bottom: 55px;
    }
    .pt-b{
        padding-top: 32px;
    }
    .pb-b{
        padding-bottom: 32px;
    }
    .pt-c{
        padding-top: 78px;
    }
    .pb-c{
        padding-bottom: 78px;
    }
    .mt-a{
        margin-top: 55px;
    }
    .mb-a{
        margin-bottom: 55px;
    }
    .mt-b{
        margin-top: 32px;
    }
    .mb-b{
        margin-bottom: 32px;
    }
    .mb-b_cus1{
        margin-bottom: 30px;
    }
    .mt-c{
        margin-top: 78px;
    }
    .mb-c{
        margin-bottom: 78px;
    }

    .icon-cal,
    .section-news .news-title .icon-share {
        width: 24px;
        height: 24px;
    }

    header>nav .navbar-collapse {
        padding-left: 16px;
    }

    header>nav.navbar-default .navbar-nav>li>a {
        padding: 5px 8px;
        font-size: 14px;
    }

    .banner .carousel-caption {
        left: 15%;
        right: 15%;
    }

    body.en header .nav-tabs.nav-justified>li>a {
        padding:8px 0;
        font-size: 18px;
    }

    header .header-right a {
        font-size: 12px;
    }

    /* banner --------------------------------------------------------------------------------------------------------*/

    .banner-title {
        font-size: 46px;
    }

    /*.banner .carousel-control.left, .banner .carousel-control.right {
        width: 64px;
    }

    .banner .carousel-control.left>span, .banner .carousel-control.left>span {
        width:64px;
        height: 81px;
        left: 0;
        margin-top: -32px;
        margin-left: auto;
    }

    .banner .carousel-control.left>span, .banner .carousel-control.right>span {
        width:64px;
        height: 81px;
        left: inherit;
        right: 0;
        margin-top: -32px;
        margin-left: auto;
    }

    .banner .carousel-control.left>span {
        background: url("../img/pad_prev.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.left:hover>span {
        background: url("../img/pad_prev.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.right>span {
        background: url("../img/pad_next.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.right:hover>span {
        background: url("../img/pad_next.png") no-repeat 50% 50%;
    }*/

    .banner .item .carousel-caption>.caption-table>.caption-table-cell .caption-title {
        font-size: 46px;
    }

    .banner .item .carousel-caption>.caption-table>.caption-table-cell .caption-subtitle {
        font-size: 28px;
    }

    /* section-title -------------------------------------------------------------------------------------------------*/

    .section-box {
        font-size: 15px;
    }

    .section-title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    /* box -----------------------------------------------------------------------------------------------------------*/

    .box .product-info .product-title,
    .section-masonry .masonry-container>.item .box .product-info .product-title {
        font-size: 20px;
        max-width: 180px;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box .product-info .product-date,
    .section-masonry .masonry-container>.item .box .product-info .product-date{
        font-size: 15px;
    }

    .box .product-desc,
    .section-masonry .masonry-container>.item .box .product-info .product-desc {
        font-size: 15px;
    }

    /* section-slider ------------------------------------------------------------------------------------------------*/

    /*.section-slider .img-scroll,
    .section-masonry .img-scroll {
        padding: 0 64px;
        position: relative;
    }

    .section-slider a.btn-prev,
    .section-slider a.btn-next,
    .section-masonry a.btn-prev,
    .section-masonry a.btn-next {
        width: 64px;
    }*/

    /* section-view --------------------------------------------------------------------------------------------------*/

    .section-view .product-title{
        font-size: 20px;
    }

    .section-view .product-desc {
        font-size: 15px;
    }

    /* section-grey --------------------------------------------------------------------------------------------------*/


    .ways-1>li:nth-child(2) .table-cell>.icon>ul>li,
    .ways-1>li:nth-child(3) .table-cell>.icon>ul>li {
        margin-left: 1px;
    }

    .ways-1>li:nth-child(2) .icon .icon-bag,
    .ways-1>li:nth-child(3) .icon .icon-bag{
        width: 19px;
        height: 24px;
        background-size: cover;
        vertical-align: middle;
    }

    .ways-1>li:nth-child(2) .icon .icon-shoes,
    .ways-1>li:nth-child(3) .icon .icon-shoes{
        width: 25px;
        height: 22px;
        background-size: cover;
        vertical-align: middle;
    }

    .ways-1>li:nth-child(2) .icon .icon-clothes,
    .ways-1>li:nth-child(3) .icon .icon-clothes{
        width: 25px;
        height: 25px;
        background-size: cover;
        vertical-align: middle;
    }

    .ways-1>li:nth-child(2) .icon .icon-other,
    .ways-1>li:nth-child(3) .icon .icon-other{
        width: 24px;
        height: 25px;
        background-size: cover;
        vertical-align: middle;
    }

    .ways-1>li:nth-child(2) .icon .icon-info,
    .ways-1>li:nth-child(3) .icon .icon-info {
        width: 25px;
        height: 25px;
        background-size: cover;
        vertical-align: middle;
    }

    .section-grey .table-box {
       /* padding-top: 10px;
        padding-bottom: 10px;*/
    }

    .group-list li .caption-title,
    .slider-product .caption-title {
        max-width: 141px;
        margin-left: auto;
        margin-right: auto;
    }

    /* nav-bar -------------------------------------------------------------------------------------------------------*/

    .nav-bar .nav-tabs>li>a {
        font-size: 14px;
    }

    /* section-news --------------------------------------------------------------------------------------------------*/

    .section-news .news-title {
        position: relative;
        font-size: 20px;
    }

    .section-news .product-date .date-time {
        font-size: 15px;
    }

    .section-news .section-box .product-info {
        font-size: 15px;
    }

    .section-news .news-img .caption-box>.info {
        font-size: 15px;
    }

    .section-news .section-box .product-info>.container {
        position: relative;
        padding: 0 22px;
    }

    .section-news .section-box .product-info a.btn-prev {
        left: 0;
    }

    .section-news .section-box .product-info a.btn-prev span {
        left: 0;
        background: url("../img/mobile_prev.png") no-repeat 0 0;
        width: 42px;
        height: 53px;
        margin-top: -26px;
        margin-left: auto;
    }

    .section-news .section-box .product-info a.btn-next span {
        right: 0;
        background: url("../img/mobile_next.png") no-repeat 0 0;
        width: 42px;
        height: 53px;
        margin-top: -26px;
        margin-left: auto;
    }

    .section-news .section-box .product-info a.btn-prev,
    .section-news .section-box .product-info a.btn-next {
        width: 42px;
        height: 53px;
    }

    /* section-product -----------------------------------------------------------------------------------------------*/

    .section-product .product-detail .product-name {
        font-size: 20px;
    }

    .section-product .product-detail dt, .section-product .product-detail dd {
        font-size: 15px;
    }

    .section-product .product-wall .image-box>.info {
        font-size: 20px;
    }

    /* category-bar --------------------------------------------------------------------------------------------------*/

    .category-bar {
        font-size: 15px;
    }

    body.en .category-bar .chosen-container-single .chosen-single {
        padding: 6px 10px;
    }

    .category-bar .chosen-container-single .chosen-single span {
        font-size: 15px;
    }

    /* pursuit -------------------------------------------------------------------------------------------------------*/

    .nav-bar ul>li {
        line-height: 24px;
    }

    .nav-bar ul>li+li {
        margin-left: 42px;
    }

    body.en .nav-bar ul>li+li {
        margin-left: 25px;
    }

    .nav-bar ul>li>a {
        font-size: 15px;
    }

    .nav-bar ul>li>a>.round {
        width:15px;
        height:15px;
    }

    /* contact-content -----------------------------------------------------------------------------------------------*/

    .contact-content .area-name {
        font-size: 20px;
    }

    .contact-content .company-name, .contact-content .job-pos {
        margin-bottom: 32px;
        font-size: 20px;
    }

    .contact-content .company-info {
        font-size: 15px;
        line-height: 24px;
    }

    /* footer --------------------------------------------------------------------------------------------------------*/

    /*footer {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    footer .ft-menu .list-inline.menu-list>li+li{
        margin-left:65px
    }

    body.en footer .ft-menu .list-inline.menu-list>li+li{
        margin-left:35px
    }

    footer .ft-menu .menu-title>a {
        font-size: 20px;
    }

    footer .ft-menu .list-item>li>a {
        font-size: 15px;
    }

    footer .ft-copy {
        margin-top: 46px;
        font-size: 12px;
    }*/

    footer {
        padding: 0;
        text-align: center;
    }

    footer .ft-menu .menu-list>li {
        float: none;
        width: 100%;
        margin-right: auto;
        text-align: center;
        border-bottom: 1px solid #fff;
    }

    body.en footer .ft-menu .menu-list>li {
        margin-right: auto;
    }

    footer .ft-menu .menu-title>a {
        display: block;
        padding: 12px 0;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
    }

    body.en footer .ft-menu .menu-title>a {
        font-size: 20px;
    }

    footer .ft-menu .menu-title {
        margin-bottom: auto;
    }

    footer .ft-menu .list-item {
        display: none;
        padding-bottom: 16px;
        background-color: #654a66;
    }

    footer .ft-menu .list-item>li>a {
        display: block;
        padding-top: 15px;
        font-size: 20px;
        color: #fff;
        text-decoration: none;
    }

    body.en footer .ft-menu .list-item>li>a {
        font-size: 20px;
    }

    footer .ft-copy {
        margin-top: auto;
        padding-top: 6px;
        padding-bottom: 16px;
        text-align: center;
        font-size: 12px;
    }

    footer .to-top {
        position: relative;
    }

    footer #to-top {
        position: absolute;
        top: -59px;
        right: 15px;
        bottom: auto;
        margin-right: auto;
        font-size: 0;
        text-align: right;
        cursor: pointer;
        z-index: 999999;
    }

    footer #to-top span {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url("../img/totop.png") no-repeat 50% 50%;
        background-size: cover;
        overflow: hidden;
    }

    footer #to-top:hover span {
        background: url("../img/totop_hover.png") no-repeat 50% 50%;
        background-size:cover;
    }

}

@media (min-width: 768px) {

    .transform .product-img img {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .transform:hover .product-img img  {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .box:hover .hover-mask {
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity: .6;
        filter:alpha(opacity=60);
        transition: opacity 1s ease 0s;
    }

    .group-list li .product-img {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .group-list>li .table-box {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .group-list>li:hover .table-box {
        opacity: 1;
        filter: alpha(opacity=100);
        transition: opacity 1s ease 0s;
    }

    .group-list>li:hover .hover-mask {
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity: .6;
        filter:alpha(opacity=60);
        transition: opacity 0.5s ease 0s;
    }

    .group-list>li:hover .product-img {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }


    body.en .category-bar>.hidden-xs>ul>li>a {
        padding: 6px 12px;
    }

}

@media (max-width: 767px) {
    /* body ----------------------------------------------------------------------------------------------------------*/
    .global-btn {
        display: inline-block;
        /*width: 100%;*/
       /* min-width: inherit;*/
        line-height: inherit;
    }

    .pt-a{
        padding-top: 43px;
    }
    .pb-a{
        padding-bottom: 43px;
    }
    .pt-b{
        padding-top: 30px;
    }
    .pb-b{
        padding-bottom: 30px;
    }
    .pt-c{
        padding-top: 78px;
    }
    .pb-c{
        padding-bottom: 78px;
    }
    .mt-a{
        margin-top: 43px;
    }
    .mb-a{
        margin-bottom: 43px;
    }
    .mt-b{
        margin-top: 30px;
    }
    .mb-b{
        margin-bottom: 30px;
    }
    .mb-b_cus1{
        margin-bottom: 30px;
    }
    .mt-c{
        margin-top: 78px;
    }
    .mb-c{
        margin-bottom: 78px;
    }

    .product-img img {
        width: 100%;
    }

    /* header --------------------------------------------------------------------------------------------------------*/
    header {
        height: 73px;
    }
    header>nav.navbar {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        background: #fff !important;
    }
    header>nav.navbar .navbar-header {
        position: relative;
    }

    header>nav.navbar .navbar-header .return {
        position: absolute;
        right: 49px;
        top: 50%;
        margin-top: -13px
    }

    header>nav.navbar .navbar-header .return>a {
        display: block;
        width: 25px;
        height: 25px;
        background: url("../img/icon/icon-return.png") no-repeat center center;
    }

    header>nav.navbar .navbar-toggle {
        display: inline-block;
        width: 44px;
        height: 44px;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -22px;
        margin-right: 5px;
        background-color: transparent;
        border: none;
    }

    header>nav.navbar .navbar-toggle:hover ,
    header>nav.navbar .navbar-toggle:focus  {
        background-color: transparent;
    }

    /*header>nav.navbar .navbar-toggle:hover .icon-bar,
    header>nav.navbar .navbar-toggle:focus .icon-bar {
        background-color: #c687a5;
    }*/

    header>nav.navbar-default .navbar-toggle .icon-bar {
        display: none;
        background-color: #452741;
        width: 25px;
        height: 4px;
        border-radius: 4px;
    }

    header>nav.navbar-default .navbar-toggle .icon-menu-open {
        display: block;
        font-size: 20px;
        color: #452741;
        width: 25px;
        height: 25px;
        background: url("../img/icon/icon-back.png") no-repeat center center;
    }

    header>nav.navbar-default .navbar-toggle:hover .icon-menu-open {
        color: #c687a5;
    }

    header>nav.navbar-default .navbar-toggle.collapsed .icon-bar {
        display: block;
    }

    header>nav.navbar-default .navbar-toggle.collapsed .icon-menu-open {
        display: none;
    }

    header>nav .navbar-header .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 80px;
        height: auto;
    }

    header>nav .navbar-header img {
        width: 100%;
        min-width: 190px;
    }

    header .nav-tabs.nav-justified {
        border-left: 1px solid #990066;
        border-right: 1px solid #990066;
        border-bottom: 1px solid #990066;
        background: url("../img/menu_mini_bg.png") repeat center center;
    }

    header .nav-tabs.nav-justified>li {
        padding: inherit;
        margin-bottom: inherit;
    }

    header .nav-tabs.nav-justified>li>a {
        margin-bottom: auto;
        padding: 12px 10px;
        text-align: left;
        border-bottom: 1px solid #fff !important;
    }

    header .nav-tabs.nav-justified>li>a:hover {
        background-color: #990066;
        border-bottom: 1px solid #fff !important;

    }

    header .nav-tabs.nav-justified>li>.nav-sub {
        display: none !important;
    }

    header>nav .navbar-collapse {
        position: absolute;
        width: 100%;
        right: 15px;
        padding-top: 0;
        padding-bottom: 0 !important;
        border-top: none;
        min-width: 300px;
        background-color: #fff;
        overflow: inherit !important;
    }

    header>nav .navbar-collapse>.navbar-nav {
        margin-top: auto;
        margin-bottom: auto;
    }

    header>nav.navbar-default .navbar-nav>li.active,
    header>nav.navbar-default .navbar-nav>li:focus,
    header>nav.navbar-default .navbar-nav>li:hover,
    header>nav.navbar-default .navbar-nav>li.active>a,
    header>nav.navbar-default .navbar-nav>li:focus>a,
    header>nav.navbar-default .navbar-nav>li:hover>a {
        background-color: #999;
        color: #fff;
    }

    header>nav.navbar-default .navbar-nav>li {
        padding-left: 15px !important;
    }

    header>nav.navbar-default .navbar-nav>li>a {
        padding-left: 0;
    }

    header>nav .navbar-collapse>.navbar-nav>li+li>a {
        border-top: 1px solid #666;
    }

    header .nav-tabs.nav-justified>li.lang,
    header .nav-tabs.nav-justified>li.search {
        position: static;
        color: #333;
        background-color: #fff;
    }

    header .nav-tabs.nav-justified>li.lang>a,
    header .nav-tabs.nav-justified>li.search>a {
        color: #333;
        border-color: #990066 !important;
    }

    header .nav-tabs.nav-justified>li.search>a:hover {
        border-color: #fff !important;
    }

    header .nav-tabs.nav-justified>li.lang.open>a,
    header .nav-tabs.nav-justified>li.lang.active>a,
    header .nav-tabs.nav-justified>li.lang:focus>a {
        color: #fff;
        background-color:#990066;
    }

    header .nav-tabs.nav-justified>li.lang>a {
        border: none !important;
    }

    header .nav-tabs.nav-justified>li.lang>a:hover,
    header .nav-tabs.nav-justified>li.search>a:hover {
        color: #fff;
    }

    header li.lang .dropdown-menu {
        top: 100%;
        width: 100%;
        text-align: left;
    }

    header li.lang .dropdown-menu>li>a {
        text-align: left;
        padding: 8px 10px;
    }


    /* banner --------------------------------------------------------------------------------------------------------*/

    .banner {
        padding-top: 0;
        padding-bottom: 0 !important;
    }

    .banner-title {
        font-size: .58rem;
    }

    .banner .carousel-control {
        width: 10%;
    }

    .banner .carousel-control.left>span,
    .banner .carousel-control.right>span{
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 42px;
        height:53px;
        margin-top: -20px;
        margin-left: -6px;
        z-index: 5;
    }

    .banner .carousel-control.left>span{
        left: 0;
        margin-left: auto;
        background: url("../img/mobile_prev.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.right>span {
        right: 0;
        margin-left: auto;
        background: url("../img/mobile_next.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.left:hover>span{
        background: url("../img/mobile_prev.png") no-repeat 50% 50%;
    }

    .banner .carousel-control.right:hover>span {
        background: url("../img/mobile_next.png") no-repeat 50% 50%;
    }

    .banner .item .carousel-caption {
        height: 100%;
        bottom: inherit;
        left: 10%;
        right: 10%;
    }

    .banner .item .carousel-caption>.caption-table>.caption-table-cell .caption-title{
        margin-bottom: auto;
        font-size: .58rem;
        line-height: 1em;
    }
    .banner .item .carousel-caption>.caption-table>.caption-table-cell .caption-subtitle{
        margin-bottom: .3rem;
        font-size: .40rem
    }

    .section-title {
        font-size: .5rem;
        margin-bottom: 10px;
    }

    /* owl-carousel ------------------------------------------------------------------------------------------------------*/

    .owl-carousel {
        position: relative;
        padding: 0 42px;
    }

    .owl-carousel.full-screen {
        position: static;
        padding: inherit;
    }

    .owl-carousel .owl-list {
        padding-left: inherit;
        padding-right: inherit;
    }

    .full-screen .owl-controls {
        display: none !important;
    }

    .owl-theme .owl-controls .owl-buttons div {
        width: 42px;
        height: 53px;
        margin-top: -26px;
    }

    .carousel-center.owl-theme .owl-controls .owl-buttons div {
        margin-top: -44px;
    }

    .full-screen .owl-controls .owl-buttons div {
        width: 15%;
    }

    .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: 0;
        background: url("../img/mobile_prev.png") no-repeat 0 center;
    }

    .owl-carousel .owl-controls .owl-buttons .owl-next {
        right: 0;
        background: url("../img/mobile_next.png") no-repeat right 0 center;
    }

    .owl-carousel.full-screen .owl-controls .owl-buttons .owl-prev {
        right: 0;
        background: url("../img/prev_small.png") no-repeat center center;
    }

    .owl-carousel.full-screen .owl-controls .owl-buttons .owl-next {
        right: 0;
        background: url("../img/next_small.png") no-repeat center center;
    }

    /* box ---------------------------------------------------------------------------------------------------------------*/

    .box {
        border: none;
    }

    .box .product-info {
        padding: 15px;
    }

    .box .product-info .product-title {
        font-size: 20px;
        max-width: inherit;
    }

    .box .product-info .product-date {
        font-size: 15px;
    }

    .box .product-desc {
        font-size: 15px;
    }

    /* section-view --------------------------------------------------------------------------------------------------*/

    .section-view .product-title {
        font-size: 20px;
    }

    .section-view .product-desc {
        font-size: 15px;
    }

    /* section-grey --------------------------------------------------------------------------------------------------*/

    .group-list li .caption-title,
    .slider-product .caption-title {
        max-width: 100%;
    }
    .slider-product {
        position: relative;
    }

    .slider-product .click {
        padding: 0 22px;
    }

    .slider-product .img-scroll {
        position: static;
        padding: 0 22px;
    }

    .slider-product .img-scroll .product-img img {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .slider-product .box .product-img img {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .slider-product a.btn-prev,
    .slider-product  a.btn-next{
       /* width: 12px;*/
    }

    .slider-product a.btn-prev>span,
    .slider-product a.btn-next>span {
        margin-left:auto;
    }

    .slider-product a.btn-prev>span {
        left: 15px;
        background: url("../img/prev_small_hover.png") no-repeat 0 0;
    }

    .slider-product a.btn-next>span {
        right: 15px;
        background: url("../img/next_small_hover.png") no-repeat 0 0;
    }

    /* section-color -------------------------------------------------------------------------------------------------*/

    .section-color .section-box {
        font-size: 15px;
    }

    .section-color .section-box table tr>td {
        display: inline-block;
    }

    .section-color .section-box table tr>td img {
        width: inherit;
    }

    /* category-bar --------------------------------------------------------------------------------------------------*/

    .category-bar {
        background-color: transparent;
        padding: 0;
        font-size: 15px;
    }

    .category-bar>.container{
        padding: 0;
    }

    .category-bar>.container .btn-group {
        display: block;
    }

    .category-bar .categorys {
        background-color: #dcdddd;
        margin-right: auto !important;
    }

    .category-bar .categorys>a {
        display: block;
        color: #333;
        text-decoration: none;
        padding: 8px 15px;
        cursor: default;
    }

    .category-bar ul>li.categorys>a {
        color: #333;
        text-decoration: none;
    }

    .category-bar>.visible-xs-block>ul>li {
        border-bottom: 1px solid #dcdddd;
    }

    .category-bar>.visible-xs-block>ul>li>a {
        display: inline-block;
        width: 100%;
        padding: 8px 15px;
        color: #333;
        background: transparent;
        text-decoration: none;
    }

    .category-bar>.visible-xs-block>ul>li>a[data-toggle="collapse"]{
        background: transparent;
        text-decoration: none;
    }

    .category-bar>.visible-xs-block>ul>li>a+ul {
        margin: auto;
        padding: 0;
        list-style: none;
    }

    .category-bar>.visible-xs-block>ul>li>a+ul>li>a {
        display: inline-block;
        width: 100%;
        padding: 6px 15px;
        color: #333;
        background: transparent;
        text-decoration: none;
    }

    .category-bar>.visible-xs-block>ul>li>a+ul>li>a:hover {
        background-color: #5a7096;
        color: #fff;
    }

    .category-bar .chosen-container-single .chosen-single span {
        font-size: 15px;
    }

    /* product-show  -------------------------------------------------------------------------------------------------*/

    @keyframes hoverOpacity
    {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    @-moz-keyframes hoverOpacity /* Firefox */
    {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    @-webkit-keyframes hoverOpacity /* Safari ?? Chrome */
    {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    @-o-keyframes hoverOpacity /* Opera */
    {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    /*.group-list>li .table-box {
        opacity: 1;
        filter: alpha(opacity=100);
    }*/

    .product-show .click .global-btn {
        width: inherit;
    }

    .group-list li .product-img {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .group-list>li .table-box {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .group-list>li:hover .table-box {
        opacity: 1;
        filter: alpha(opacity=100);
        transition: opacity 1s ease 0s;
    }

    .group-list>li:hover .hover-mask {
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity: .6;
        filter:alpha(opacity=60);
        transition: opacity 0.5s ease 0s;
    }

    .group-list>li:hover .product-img {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }


    /* section-product --------------------------------------------------------------------------------------------------*/

    .section-product .product-detail>.container>.row>.col-sm-6 +.col-sm-6 {
        margin-top: 43px;
        text-align: center;
    }

    .section-product .product-detail .product-name {
        font-size: 20px;
    }

    .section-product .product-detail dl>dd,
    .section-product .product-detail dl>dt {
        float: none;
        display: inline-block;
        width: auto;
        font-size: 15px;
    }

    .section-product .product-detail .product-use>dt,
    .section-product .product-detail .product-option>dt {
        display: block;
        padding-top: 43px;
        padding-bottom: 30px;
    }

    .section-product .product-detail .product-price {
        margin-top: 43px;
        margin-bottom: 43px;
    }

    .section-product .product-detail .product-price>dt,
    .section-product .product-detail .product-price>dd {
        float: none;
        display: inline-block;
        text-align: center;
        margin-bottom: auto;
    }

    .section-product .product-wall .image-box>.info {
        font-size: 20px;
    }

    .section-product .product-detail .product-like a.global-btn {
        width: 60%;
    }

    .slider-product .box .table-box {
        display: none;
        opacity: 0;
        filter:alpha(opacity=0);
    }

    .slider-product .box:hover .table-box {
        display: block;
        opacity: 1;
        filter:alpha(opacity=100);
        transition: opacity 1s ease 0s;
        animation: hoverOpacity 1s;
        -moz-animation: hoverOpacity 1s;	/* Firefox */
        -webkit-animation: hoverOpacity 1s;	/* Safari ?? Chrome */
        -o-animation: hoverOpacity 1s;
    }

    .slider-product .box:hover .product-img img {
        webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .slider-product .box:hover .hover-mask {
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity: .6;
        filter:alpha(opacity=60);
        transition: opacity 1s ease 0s;
    }

    #full_gallery img {
        margin-left: auto;
        margin-right: auto;
    }


    /* news-content ------------------------------------------------------------------------------------------------------*/

    .news-content .section-grey {
        padding-top: 43px;
        padding-bottom: 0;
        margin-bottom: 43px;
    }

    .news-content .section-color {
        padding-top: 43px;
        padding-bottom: 0;
        margin-bottom: 43px;
    }

    .news-content .slider-product {
        background-color: #dcdddd;
    }

    /* section-news --------------------------------------------------------------------------------------------------*/

    .section-news .owl-carousel {
        padding: inherit;
    }

    .section-news .news-title {
        font-size: .4rem;
    }

    .section-news .news-title>.container {
        padding-left: 15%;
        padding-right: 15%;
    }

    .section-news .product-date .date-time {
        font-size: 20px;
    }

    .section-news .product-date .icon-cal,
    .section-news .news-option .icon-share {
        width: 24px;
        height: 24px;
        background-size: cover;
    }

    .section-news .product-info {
        font-size: 15px;
    }

    .section-news .news-option {
        line-height: 27px;
    }

    .section-news a.btn-prev>span {
        background: url("../img/prev_small_hover.png") no-repeat center center;
        margin-top: -14px;
    }

    .section-news a.btn-next>span {
        background: url("../img/next_small_hover.png") no-repeat center center;
        margin-top: -14px;
    }

    .section-news .news-img .caption-box>.info {
        font-size: 15px;
    }

    .section-news .news-img>.container {
        padding: 0;
    }

    .section-news .news-img>.container>.row {
        margin: auto;
    }

    .section-news .news-img>.container>.row>.col-sm-6 {
        padding: 0;
    }

    .section-news .news-img>.container>.row>.col-sm-6+.col-sm-6 {
        margin-top: 30px;
    }

    .section-news .news-img>.container>.row>.col-sm-6 .caption-box {
        left: 0;
        right: 0 ;
        width: 100%;
    }

    /* contact-content -----------------------------------------------------------------------------------------------*/

    .contact-content .company-name {
        margin-bottom: auto;
        font-size: 20px;
        text-align: center;
    }

    .contact-content .company-info {
        font-size: 15px;
        line-height: 26px;
    }

    .contact-content .company-logo>img {
        margin: auto;
    }

    .contact-content .job-pos {
        font-size: 20px;
    }

    /* section-slider-2 ----------------------------------------------------------------------------------------------*/
    .section-slider-2 .owl-carousel {
        padding-left: 0;
        padding-right: 0;
    }

    .section-slider-2 .owl-carousel .owl-list {
        padding-left: 0;
        padding-right: 0;
    }

    /* footer --------------------------------------------------------------------------------------------------------*/

    footer {
        padding: 0;
        text-align: center;
    }

    footer .ft-menu .menu-list>li {
        float: none;
        width: 100%;
        margin-right: auto;
        text-align: center;
        border-bottom: 1px solid #fff;
    }

    body.en footer .ft-menu .menu-list>li {
        margin-right: auto;
    }

    footer .ft-menu .menu-title>a {
        display: block;
        padding: 12px 0;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
    }

    body.en footer .ft-menu .menu-title>a {
        font-size: 20px;
    }

    footer .ft-menu .menu-title {
        margin-bottom: auto;
    }

    footer .ft-menu .list-item {
        display: none;
        padding-bottom: 16px;
        background-color: #654a66;
    }

    footer .ft-menu .list-item>li>a {
        display: block;
        padding-top: 15px;
        font-size: 20px;
        color: #fff;
        text-decoration: none;
    }

    body.en footer .ft-menu .list-item>li>a {
        font-size: 20px;
    }

    footer .ft-copy {
        margin-top: auto;
        padding-top: 6px;
        padding-bottom: 16px;
        text-align: center;
        font-size: 12px;
    }

    footer .to-top {
        position: relative;
    }

    footer #to-top {
        position: absolute;
        top: -59px;
        right: 15px;
        bottom: auto;
        margin-right: auto;
        font-size: 0;
        text-align: right;
        cursor: pointer;
        z-index: 999999;
    }

    footer #to-top span {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url("../img/totop.png") no-repeat 50% 50%;
        background-size: cover;
        overflow: hidden;
    }

	footer #to-top:hover span {
		background: url("../img/totop_hover.png") no-repeat 50% 50%;
		background-size:cover;
	}

}

@media (max-width: 376px) {
    .icon-share{
        width: 27px;
        height: 27px;
        background: url("../img/icon/icon-share_376.png") no-repeat center center;
    }

    .icon-share:hover,
    .icon-share.active {
        background: url("../img/icon/icon-share_376_hover.png") no-repeat center center;
        transition: background 1s ease 0s;
    }

    .icon-heart {
        width: 28px;
        height: 27px;
        background: url("../img/icon/icon-heart_376.png") no-repeat center center;
    }

    .icon-heart:hover,
    .icon-heart.active {
        background: url("../img/icon/icon-heart_376_hover.png") no-repeat center center;
        transition: background 1s ease 0s;
    }
}