@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i');

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i,900');

/*------------ basic ------------*/

body{

    color: #4D4D4D;

}

.wrapper{

    background: #FFF; 

}

.editor{

    letter-spacing: 1px;

}

.content-nav-menu{

    display: none;

}

/*------------ / basic ------------*/

/*--- 隱私權 ---*/

.header-sheet{

    background-color: rgba(255,255,255,0.9);

    border:solid 1px #d90d0d;

    color: #444;

}

.header-sheet .close-ontop{

    color: #000;

}

.header-sheet a{

    color:#d90d0d;

}

.close-ontop{

    color: #000;

    text-shadow: 0 1px 0 #fff;  

}

/*---! 隱私權 ---*/

/*--- back-btn ---*/

.btn.back{

    color: #000;

    border-radius: 28px;

    font-size: 13px;

    line-height: 28px;

    transition: all .2s;

    background: #f4f4f4;

    padding: 0 25px;

    height: 30px;

}

.btn.back i ,.btn.back:before{

    content: "\f053";

    font-size: 12px;

    font-family: 'icon-font'!important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    display: inline-block;

    vertical-align: middle;

    margin: 0 25px 2px 0;

}

.btn.back:hover{

    background: #EB4130;

    color: #fff;

}

/*--- fb-btn ---*/

.ibtn.fb{

    transition: all .3s ease;

    width: 109px;

    height: 109px;

    background: url('../../../images/layout06/tw/fb.jpg');

}

.ibtn.fb:hover{

    opacity: .7;

}

/*--- style01-btn ---*/

.btn.style01{

    transition: all .2s;

    line-height: 36px;

    border-radius: 9px;

    background: #eee;

    color: #242415;

    font-size: 16px;

    padding: 0 55px;

    margin: 0 20px 15px;

}

.btn.style01.bgb{

     color: #eee;

    background: #000;   

}

.btn.style01 i{

    font-size: 11px;

    margin: 0 0 4px 15px;

    display: inline-block;

    vertical-align: middle;

}

.btn.style01.arrowL i{

    margin: 0 15px 2px 0;

    transition: all .2s;

}

.btn.style01:hover{

    background: #EB4130;

    color: #fff;

}

.btn.style01:hover i{

    color: #fff;

    transition: all .2s;

}

/*--- style02-btn ---*/

.btn.style02{

    transition: all .2s;

    background: #eee;

    color: #000;

    line-height: 36px;

    text-decoration: none;

    padding: 0 20px;

    font-size: 16px;

    margin: 10px auto 15px;

    max-width: 200px;

    border-radius: 10px;

}

.btn.style02 i,.btn.style02:before{

    font-family: 'icon-font' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    display: inline-block;

    vertical-align: middle;

    content: "\e1004";

    font-size: 16px;

    margin: -1px 15px 4px 0;

}

.btn.style02:hover{

    background: #EB4130;

    color: #fff;

}

/*------------ / btn ------------*/

.banner .container{

    max-width: inherit;

    padding: 0;

}

/*------------ site_header ------------*/

.site-header{

    text-align: center;

    background: #fff;

    position: fixed;

    z-index: 999;

    width: 100%;

    top: 0;

     -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.wrapper{

    padding-top: 129px;

}

.site-title{

    padding: 45px 0px 0px 0px;

    float: left;

     -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.site-title .logo{

    color: transparent;

    background: url(../../../images/layout06/common/logo.png) 50% 50%  no-repeat;

    background-size: contain;

    width: 193px;

    height: 57px;

    transition: all .3s ease;

}

.site-title .logo:hover{

    opacity: .7;

}

/*------------ top-nav ------------*/

.top-nav{

    position: absolute;

    right: 25px;

    z-index:35;

    top: 25px;

}

/*詢價車*/

.func-menu > li.gocart .toggleBtn .num{

    color: #fff;

    background: rgb(230,10,54);

    background: -moz-linear-gradient(left, rgba(230,10,54,1) 0%, rgba(241,125,41,1) 100%);

    background: -webkit-linear-gradient(left, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    background: linear-gradient(to right, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a36', endColorstr='#f17d29',GradientType=1 );

}

.func-menu > li.gocart .price{

    color: #F2856C;

    letter-spacing: 0.035em;

}

.func-menu .cart-box{

    border: 2px solid #E72033;

    background: #fff;

}

.func-menu .cart-box .btn{

    background: #E72033;

    color: #fff;

}

.func-menu .cart-box .btn:hover{

    background: #9A7F64;

}

.func-menu .cart-list li+li{

    border-top: 1px dashed #bbb;

}

.func-menu .cart-list li:hover .box{

    background: #fafafa;

}

.func-menu .cart-list .qty{

    color: #F2856C;

}

/*數量icon*/

.qty-box{

    position: relative;

    display: inline-block;

    width: 100px;

    max-width: none;

    padding: 0 29px;

    box-sizing: border-box;

}

.qty-box .less{

    left: 0;

}

.qty-box .add{

    right: 0;

}

.qty-box .form-control{

    position: relative;

    text-align: center;

    height: 30px;

    line-height: 28px;

    color: #777;

    background: #fff;

    border: 1px solid #ddd;

    margin: 0;

    padding: 0 5px;

    z-index: 1;

    border-radius: 0;

}

.qty-box .form-control:focus{

    border-color: #e60f35;

}

.qty-box .btn{

    width: 30px;

    height: 30px;

    line-height: 28px;

    font-size: 19px;

    color: #666;

    border: 1px solid #ddd;

    position: absolute !important;

    z-index: 0;

    top: 0;

}

.qty-box .btn:hover{

    border-color: #e60f35;

    background: #eee;

}

.products-intro .pd-intro .btn-group .btn.addcart{

    background: #e81f34;

    color: #fff;

}

.products-intro .pd-intro .btn-group .btn.addcart:hover{

    background: #9A7F64;

}

/*!數量icon*/

/*!詢價車*/

/*---- language ----*/

.site-header .language{

    float: left;

}

.site-header .language .btn{

    transition: all .2s;

    position: relative;

    display: block;

    box-sizing: border-box;

    color: #6C6C6C;

    font-size: 13px;

    height: 32px;

    line-height: 32px;

    background: transparent url(../../../images/layout06/common/lang_ic.png) 8px center no-repeat;

    border:solid 1px #CECECE;

    border-radius: 0px;

    width: 160px;

    text-align: left;

    padding: 0 10px 0 30px;

    font-family: 'Poppins';

    text-transform:uppercase;

}

.site-header .language .btn:before{

    content: "";

    width: 1px;

    height: 20px;

    background: #CECECE;

    display: block;

    position: absolute;

    top: 6px;

    right: 30px;

}

.site-header .language .btn i{

    width: 9px;

    height: 5px;

    display: inline-block;

    float: right;

    background: url('../../../images/layout06/common/arrow.png');

    margin: 14px 0 0 0;

}

.site-header .language ul{

    line-height: 1.2;

    display: none;

    margin: 3px 0 0 0;

    position: relative;

    z-index: 35;

    border: solid 1px #D3D3D3;

}

.site-header .language ul li{

    margin: 0 0 0px;

    background: #FFFFFF;

}

.site-header .language li a{

    transition: all .2s;

    text-align: center;

    display: block;

    color: #222222;

    font-family: 'Times New Roman', "微軟正黑體", Source Sans Pro, Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "Microsoft JhengHei", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;

    font-size: 14px;

    padding: 8px 5px;

    border-bottom: solid 1px #D3D3D3;

    background: #FFFFFF;

}

.site-header .language ul li a:hover{

    color: #fff;

    background: rgb(230,10,54);

    background: -moz-linear-gradient(left, rgba(230,10,54,1) 0%, rgba(241,125,41,1) 100%);

    background: -webkit-linear-gradient(left, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    background: linear-gradient(to right, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a36', endColorstr='#f17d29',GradientType=1 );

}

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

.none{

    display: none;

}

.site-header .search-box{

    position: relative;

    width: 170px;

    float: left;

    box-sizing: border-box;

    margin: 0 25px 0 0;

    border-bottom: 1px solid #666666;

}

.site-header .search-box .form-control{

    height: 32px;

    margin: 0;

    border-radius: 0;

    border: 0;

    line-height: 50px;

    background: #fff;

    transition: all .1s;

    padding: 0 30px 0 1px;

    color: #000;

}

.site-header .search-box .form-control:focus{

    outline: none;

    border: 0;

}

.search-box .search{

    z-index: 1;

    position: absolute;

    width: 30px;

    height: 30px;

    display:block;

    right:0;

    top:1px;

}

.search-box:after{

    position: absolute;

    content: "\e901";

    font-family: 'icon-font' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #555555;

    right: 0px;

    top: 0;

    font-size: 24px;

    line-height: 30px;

    width: 30px;

    height: 30px;

    text-align: center;

    transition: all .3s ease;

 }

.search-box:hover:after{

    color:#EB4130;

}

/*------------site-nav ------------*/

.site-nav{

    float: right;

    margin: 75px 0px 0 0;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.site-nav .menu{

    display: inline-block;

}

.site-nav .menu li{

    position: relative;

    width: 110px;

}

.site-nav .menu>li:nth-last-child(-n){

    display: none;

}

.site-nav .menu>li>a{

    transition: all .2s;

    text-align: center;

    display: block;

    color: #000000;

    letter-spacing: 2px;

    padding: 4px 10px;

    font-size: 18px;

    position: relative;

    box-sizing: border-box;

    -moz-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

    -webkit-transition: all 0.8s ease;

    transition: all 0.8s ease;

    position: relative;

    top: 0;

    transition: all .3s ease;

}

.site-nav .menu>li.active>a,

.site-nav .menu>li.active2>a,

.site-nav .menu>li:hover>a{

    top: -5px;

}

.site-nav .menu>li>a:before{

    content: '';

    display: block;

    height: 3px;

    width: 0;

    position: absolute;

    bottom: 0;

    left: 50%;

    transition: all .3s ease;

    background: rgb(230,10,54);

    background: -moz-linear-gradient(left, rgba(230,10,54,1) 0%, rgba(241,125,41,1) 100%);

    background: -webkit-linear-gradient(left, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    background: linear-gradient(to right, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a36', endColorstr='#f17d29',GradientType=1 );

}

.site-nav .menu>li.active>a:before,

.site-nav .menu>li.active2>a:before,

.site-nav .menu>li:hover>a:before{

    width: 100%;

    left: 0;

    right: 0;

}

.site-nav .menu li ul{

    display: none;

    position: absolute;

}

.site-nav .menu>li>ul{

    z-index: 600;

    width: 190px;

    top: 100%;

    left: 50%;

    box-sizing: border-box;

    text-align: left;

    margin: 5px 0 0 -95px;

    background: #414042;

}

.site-nav .menu>li ul{

    background: #414042;

}

.site-nav .menu>li>ul:before{

    content: "";

    display: block;

    position: absolute;

    bottom: 100%;

    background: transparent;

    height: 5px;

    width: 100%;

}

.site-nav .menu li ul li{

    margin: 0 0 0px 0;

    padding: 0px 0 0 0;

    width: auto;

    text-align: center;

    border-bottom: solid 1px #5a5a5a;

}

.site-nav .menu li ul li:last-child{

    border-bottom: none;

}

.site-nav .menu ul li a{

    font-weight: bold;

    line-height: 1.4;

    display: block;

    padding: 10.5px 15px;

    position: relative;

    font-size: 15px;

    transition: all .2s;

    color: #BBBBBB;

    background: #414042

}

.site-nav .menu ul>li.active>a,

.site-nav .menu ul>li.active2>a,

.site-nav .menu ul>li>a:hover{

    background: rgb(230,10,54);

    background: -moz-linear-gradient(left, rgba(230,10,54,1) 0%, rgba(241,125,41,1) 100%);

    background: -webkit-linear-gradient(left, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    background: linear-gradient(to right, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a36', endColorstr='#f17d29',GradientType=1 );

    color: #FFFFFF;

}

.site-nav .menu ul ul{

    margin: 0 0 0 2px;

    width: 100%;

    top: 0px;

    left: 100%;

    box-sizing: border-box;

}

.site-nav .menu ul ul:before{

    content: "";

    position: absolute;

    display: block;

    width: 10px;

    height: 100%;

    right: 100%;

    top: 0;

    background: transparent;

}

/*滿版清單*/

.site-nav .menu .full_menu ul a{

    padding: 6.5px 15px;

}

.site-nav .menu .full_menu ul ul ul{

   padding-left: 30px;

}

.site-nav .menu li.full_menu ul ul li a{

    background: rgba(255, 255, 255, 0.08);

    padding: 5px 10px;

    margin: 6px 3px;

}

.site-nav .menu li.full_menu ul ul ul li a{

    background: rgba(255, 255, 255, 0.18);

}

.site-nav .menu li.full_menu ul ul li:hover >a,

.site-nav .menu li.full_menu ul ul li.active> a,

.site-nav .menu li.full_menu ul ul li.active2> a{

    background: rgb(230,10,54);

    background: -moz-linear-gradient(left, rgba(230,10,54,1) 0%, rgba(241,125,41,1) 100%);

    background: -webkit-linear-gradient(left, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    background: linear-gradient(to right, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a36', endColorstr='#f17d29',GradientType=1 );

    color: #FFFFFF;  

}

.site-nav .menu li.full_menu >ul >li >a:before{

    font-family: 'icon-font' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

     content: "\f105";

     margin-right: 5px;

     vertical-align: middle;

     top: -1px;

     position: relative;

}

.site-nav .menu .full_menu ul>li.active>a,

.site-nav .menu .full_menu ul>li.active2>a,

.site-nav .menu .full_menu ul>li>a:hover{

    background: none;

    color: #ee642c;

}

.site-nav > .menu > li:nth-child(n+9){

    display: none;

}

/*!滿版清單*/

/*------------share------------*/

.share li{

    display: inline-block;

    margin: 0 4px;

}

.share .btn{

    font-size:0;

    transition: all .2s;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    color: #7A7A7A;

}

.share .btn i{

    font-size: 16px;

}

.share .btn i,.share .btn i:before{

    color: #7A7A7A;

    transition: all .3s ease;

}

.share .btn i{

    line-height: 28px;

    display: block;

}

.share .btn:hover i,.share .btn:hover i:before{

    background: -webkit-linear-gradient(top,#E60A36 0,#F17D29 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

/*------------ / site_header ------------*/

/*------------  fixed ------------*/

.header-fixed .site-header{

    box-shadow: 0 0 10px rgba(0,0,0,0.3);

}

.header-fixed .site-title{

    padding: 10px 0;

}

.header-fixed .site-title .logo{

    width: 200px;

    height: 50px;

}

.header-fixed .top-nav{

    display: none;

}

.header-fixed .site-nav{

    margin: 21px -15px 0 0;

}

/*------------ / fixed ------------*/

/*------------ site_main ------------*/

.main-top{

    padding: 10px 0 0px 0;

    text-align: right;

    margin-bottom: 55px;

}

.main-top .main-title{

    display: none;

}

.main-content{

    box-sizing: border-box;

    z-index: 100;

    position: relative;

    padding: 0 0 120px;

}

.main-content .container{

    display: flex;

    width: 100%;

}

.content{

    min-height: 300px;

    box-sizing: border-box;

    padding:0 40px 90px;

}

.content-title{

    text-align: center;

    color: #383838;

    font-size: 20px;

    position: relative;

    border-bottom: 1px solid #DDDDDD;

    line-height: 1.4;

    letter-spacing:0.1em;

    padding: 45px 0 18px 0;

    margin: 0 0 22px 0;

    font-weight: normal;

}

.search-title h1{

    color: #383838;

    font-weight: normal;

    margin: 0;

    font-size: 20px;

    display: inline-block;

}

.search-title:before{

    content: "\f105";

    font-family: 'icon-font' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;  

    margin-right: 5px;

}

/*------------ / site_main ------------*/

/*------------ site_footer ------------*/

.site-footer:after{

    position: absolute;

    bottom: 0;

    width: 100%;

    content: '';

    display: block;

    height: 5px;

    left: 0;

    background: rgb(230,10,54);

    background: -moz-linear-gradient(left, rgba(230,10,54,1) 0%, rgba(241,125,41,1) 100%);

    background: -webkit-linear-gradient(left, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    background: linear-gradient(to right, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a36', endColorstr='#f17d29',GradientType=1 );

}

.site-footer{

    padding: 70px 0 50px;

    position: relative;

    background:#242415;

}

.site-footer .col{

    float: left;

}

.site-footer .tit{

    padding: 0 0 10px;

    margin: 0 0 20px;

    color: #AAAAAA;

    font-size: 16px;

    line-height: 1.2;

    font-family: 'Roboto', sans-serif;

}

.site-info{

    width: 30%;

    font-size: 14px;

    color: #8B8B8B;

}

.site-info li .tel a{

    line-height: 1;

    color: #E72033;

    font-size: 36px;

    margin-bottom: 3px;

    font-family: 'Roboto';

}

.site-info li{

    position: relative;

    color: #DEDEDE;

}

.site-info li span,.site-info li a{

    color: #8B8B8B;

}

.site-info li+li{

    margin: 22px 0 0;

}

.site-info i{

    font-size: 16px;

    display: inline-block;

    vertical-align: middle;

    color: #DEDEDE;

    margin:-5px 10px 0;

}

.site-info i:before{

    content: "\f105";

    display: block;

    font-family: 'icon-font' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.site-info li a,

.site-info span{

    display: inline-block;

}

.site-map{

    line-height: 1.2;

    width: 38%;

    color: #8B8B8B;

    font-size: 14px;

    transition: all .3s ease;

}

.site-map ul{

    box-sizing: border-box;

    float: left;

}

.site-map ul+ul{

    margin: 0 0 0 45px;

}

.site-map li+li{

    margin-top: 20px;

}

.site-map ul a:hover{

    color: #DEDEDE;

}

.site-footer .fllow{

    float: right;

    width: 32%;

    text-align: right;

    padding: 34px 0 0 0;

}

.fllow .share{

    margin: 20px 0px 0px 0px;

    vertical-align: bottom;

    display: block;

    text-align: right;

}

.fllow *{

    display: inline-block;

    vertical-align: middle;

}

.fllow p{

    display: block;

    margin: 15px 0 0 0;

    font-size: 12px;

    color: #aaa;

}

.fllow .qr-inner{

    margin: 0 15px 0 0;

}

.copy_box{

    text-align: right;

     font-size: 12px;

    color: #aaa;

    margin: 10px 0;

}

/*------------ / site_footer ------------*/

/*------------ floating ------------*/

.floating,

.floating.fancybox-margin{

    width: 100%;

    margin-bottom: 35px;

}

.floating .gotop{

    width: 100%;

    height: 58px;

    text-align: center;

    position: relative;

    text-indent: 0;

    font-size: 0;

}

.floating .gotop:before{

    width: 100%;

    height: 1px;

    background: #4B4B4B;

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -0.5px;

    left: 0;

    right: 0;

}

.floating .gotop:after{

    content: 'PAGE\ATOP';

    white-space: pre;

    color: #997F64;

    display: inline-block;

    width: 58px;

    height: 58px;

    line-height:1.4;

    box-sizing: border-box;

    text-align: center;

    border:solid 1px #4B4B4B;

    border-radius: 50%;

    font-weight: bold;

    font-size: 12px;

    font-family: 'Arial';

    transition: all .3s ease;

    background: #242415;

    position: relative;

    z-index: 2;

    padding-top: 12px;

}

.floating .gotop:hover:after{

    color: #C3C3C3;

    border-color: #C3C3C3;

}

/*------------ / floating ------------*/

/*------------ breadcrumb ------------*/

.breadcrumb{

    color:#666;

    font-size: 13px;

}

.breadcrumb li,

.breadcrumb li a{

    display: inline;

    transition: all .2s;

}

.breadcrumb a:hover{

    color: #000;

}

.breadcrumb li+li:before{

    content: "/";

    margin: 0px 2px;

}

.products-breadcrumb{

    line-height: 1;

    display: inline-block;

    padding: 0 10px 0 5px;

    border: solid #AAAAAA;

    border-width: 0 1px;

    white-space: nowrap;

    margin: 0 0 15px;

}

.products-breadcrumb li:first-child a span{

    display: inline-block;

}

.products-breadcrumb li:first-child a:before{

    content: "";

}

/*------------ / breadcrumb ------------*/

/*------------ side ------------*/

.side{

    width: 265px;

    box-sizing: border-box;

    line-height: 1.5;

    display: table-cell;

    vertical-align: top;

    padding: 0px 0 0 0;

}

.content:before{

    content: '';

    display: block;

    width: 100%;

    background: url(../../../images/layout06/common/shadow.png) center bottom no-repeat;

    height: 12px;

    position: absolute;

    top: -12px;

    left: 0;

    right: 0;

}

.content{

    position: relative;

    background: #FFFFFF;

    border:solid 1px #DDDDDD;

}

.has-side .content{

    width: calc(100% - 260px);

    box-sizing: border-box;

    padding: 0 50px 90px;

    display: table-cell;

}

.side_logo{

    font-family: 'Roboto';

    font-size: 16px;

    font-weight: 900;

    margin-bottom: 10px;

    letter-spacing: 0.8px;
    display: none;

}

.side_logo span{

    display: block;

    font-weight: 400;

}

.side .title{

    letter-spacing: 3px;

    font-size: 20px;

    box-sizing: border-box;

    color: #FFFFFF;

    padding: 80px 20px 0;

    font-weight: bold;

    text-align: left;

    margin: 0 0 5px 0;

    background: url('../../../images/layout06/common/side_bg.png');

    width: 220px;

    height: 130px;

}

.side-nav{

    max-width: 220px;

    background: url(../../../images/layout06/common/side_bg2.jpg);

}

.side-nav li a{

    position: relative;

    display: block;

    transition: all .2s;

    line-height: 1.2;

}

.side-nav>li>a{

    padding: 12px 20px;

    font-size: 15px;

    color: #000000;

    border-bottom: #FFFFFF solid 1px;

    position: relative;

}

.side-nav>li>a:after{

    content: '';

    width: 100%;

    height: 1px;

    background: #C3C3C3;

    display: block;

    position: absolute;

    bottom: 1px;

    left: 0;

    right: 0;

}

.side-nav>li:last-child>a{

    border-color: transparent;

}

.side-nav>li:last-child>a:after{

    display: none;

}

.side-nav>li:hover>a,

.side-nav>li.active>a,

.side-nav>li.active2>a{

    border-color: transparent;

    color: #fff;

    background: rgb(230,10,54);

    background: -moz-linear-gradient(left, rgba(230,10,54,1) 0%, rgba(241,125,41,1) 100%);

    background: -webkit-linear-gradient(left, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    background: linear-gradient(to right, rgba(230,10,54,1) 0%,rgba(241,125,41,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a36', endColorstr='#f17d29',GradientType=1 );

}

.side-nav>li.active>a:after,

.side-nav>li.active2>a:after,

.side-nav>li:hover>a:after{

    opacity: 0;

}

.side-nav ul{

    font-size: 15px;

    display: none;

    margin: 0px 0;

    background: #fff;

}

.side-nav ul li a{

    padding: 12px 25px 12px 40px;

    color:#727272;

    font-size: 14px;

    transition: all .3s ease;

}

.side-nav ul li a:before{

    content: "";

    width: 3px;

    height: 3px;

    background: #737373;

    display: block;

    position: absolute;

    top: 19px;

    left: 23px;

    transition: all .3s ease;

}

.side-nav ul li:hover> a,

.side-nav ul li.active> a,

.side-nav ul li.active2> a{

    color: #E81D34;

    padding: 12px 25px 12px 50px;

}

.side-nav ul li:hover> a:before,

.side-nav ul li.active >a:before,

.side-nav ul li.active2 >a:before{

    background: #E81D34;

    width: 12px;

}

.side-nav ul ul{

    padding-left: 25px;

}

.side-nav > li.active2 > ul{

    display: block;

 }

/*------------ / side ------------*/

/*------------ pagination ------------*/

.pagination li a,.pagination li span{

    color: #999999;

    font-family: 'Open Sans', sans-serif;

}

.pagination li a:hover,

.pagination li.active a{

    color: #EB4130;

    text-decoration: underline;

}

.pagination li a.controls{

    color: #fff;

    background: #ccc;

    font-size: 0;

}

.pagination li a.controls i{

    font-size: 16px;

    line-height: 23px;

}

.pagination li a.controls:hover{

    background: #EB4130;

}

.page-info .form-control{

    color: #999;

    border: 1px solid #ddd;

}

.page-info .form-control:focus{

    border-color: #777777;

}

/*------------ / pagination ------------*/

/*-----reminder-----*/

.reminder{

    text-align: center;

    margin: 0 0 45px 0;

}

.reminder b{

    display: inline-block;

    vertical-align: middle;

    margin: 0 5px 2px 0;

    width: 5px;

    height: 5px;

    border: 2px solid #EB4130;

    border-radius: 5px;

}

/*-----form-detail-----*/

.form-control{

    color: #666666;

    background: #fff;

    border: 1px solid #E8E8E8;

    border-radius: 4px;

}

.form-control:focus{

    border: 1px solid #ccc;

}

textarea.form-control{

    padding: 8px 10px;

    line-height: 1.4;

    resize: vertical;

    height: 90px;

}

/*-----form-static-control-----*/

.static-control{

    color: #5946A5;

    line-height: inherit;

    font-weight: bold;

    margin: 5px 0 0 5px;

    font-size: 13px;

    line-height: 1.6;

}

/*-----form-wrap-----*/

.form-wrap{

    box-sizing: border-box;

    position: relative;

    margin: 0 auto;

}

.contact-form{

    border:solid 3px rgba(154, 127, 100,0.3);

    background: #fff;

    padding: 40px 60px 60px;

    margin-top: 60px;

}

.form-wrap.has-bg:before,

.form-wrap.has-bg:after{

    content: "";

    display: block;

    position: absolute;

    pointer-events: none;

    width: 275px;

    height: 216px;

    z-index: -1;

    pointer-events: none;

}

.form-wrap.has-bg:before{

    top: 0;

    left: 0;

}

.form-wrap.has-bg:after{

    bottom: 0;

    right: 0;

    transform: rotate(180deg);

}

.form-box{

    background: #fff;

    position: relative;

    margin: 0 auto;

    max-width: 880px;

    padding: 30px 30px 10px;

    box-sizing: border-box;

    z-index: 15;

}

.form-box .row{

    margin: 0 -24px;

    display: block;

}

.form-box .col{

    float: left;

    width: 50%;

    padding: 0 24px;

}

/*-----form-required-----*/

.form-box .required{

    position: relative;

}

.form-box .required:before{

    content: "";

    display: inline-block;

    vertical-align: middle;

    margin: 0 10px 2px 0;

    width: 5px;

    height: 5px;

    border: 2px solid #EB4130;

    border-radius: 5px;

}

.form-box .captcha .form-control{

    max-width: 245px;

}

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

.success-box{

    text-align: center;

    box-sizing: border-box;

    position: relative;

    padding: 30px 0 0 0;

}

.success-box .msg{

    color: #202020;

    font-weight: bold;

    font-size: 22px;

    margin: 0 0 15px;

}

.success-box .msg i{

    background: #EB4130;

    width: 35px;

    height: 35px;

    transform-origin: 50% 50%;

    transform: rotate(-45deg);

    display: block;

    margin: 0 auto 20px;

    text-align: center;

    line-height: 35px;

    box-sizing: border-box;

    padding: 10px 0;

    border-radius: 10px;

}

.success-box .msg i:before{

    content: "";

    display: block;

    transform: rotate(45deg);

    width: 18px;

    height: 14px;

    margin: 0px auto;

    background: url('../../../images/layout06/common/contact/ic.png');

}

/*------------ lightbox ------------*/

body .fancybox-close{

    background: url(../../../images/layout06/common/lightbox_close.png) no-repeat;

    width: 46px;

    height: 46px;

    right: 0;

    top: -56px;

}

body .fancybox-close:hover{

    background-position: 0 100%;

}

body .fancybox-skin{

    background: #fff;

    border-radius: 0;

    margin-top: 60px;

    border-radius: 0;

}

body .fancybox-inner{

    background: #eee;

    border-radius: 0;

    overflow: hidden !important;

}

.lightbox-wrapper{

    padding: 40px;

    max-width: 100%;

    box-sizing: border-box;

}

.login-box{

    padding: 30px;

}

.lightbox-title{

    color: #000;

    font-size: 22px;

    font-weight: bold;

    text-align: center;

    margin: 0 0 25px;

}

.lightbox-title span{

    display: block;

    font-size: 32px;

}

.lightbox-title .icon{

    background: url('../../../images/layout06/common/title_ic.png') no-repeat 0 -240px;

    width: 30px;

    height: 30px;

    vertical-align: text-bottom;

}

.login-box .form-box{

    max-width: 500px;

    margin: 0 auto;

    padding: 0;

}

.lightbox-wrapper .form-group{

    padding: 5px 0;

}

.lightbox-wrapper .control-label{

    display: none;

}

body .fancybox-close{

    background:rgba(0,0,0,0.6) url('../../../images/layout06/common/album/close.png') no-repeat;

    width: 25px;

    height: 25px;

    background-size: 25px 50px;

    top: 0;

    right: 0;

    position: absolute;

}

body .fancybox-nav span{

    visibility: visible;

    width: 35px;

    height: 37.5px;

    background: url('../../../images/layout06/common/album/arrow.png');

    background-repeat: no-repeat;

    background-position: center 0;

    left: -35px;

}

body .fancybox-next span{

    left: auto;

    right: -35px;

    transform: rotate(180deg);

}

body .fancybox-nav span:hover{

    background-position: center 100%;

}

.photo-title{

    background: #F9F7FB;

    color: #9A7F64;

    font-size: 18px;

    font-weight: bold;

    line-height: 1.2;

    padding: 15px 15px 0;

}

.photo-intro{

    background: #F9F7FB;

    color: #666666;

    font-size: 13px;

    line-height: 1.75;

    padding: 15px;

}

.photo-pager{

    color: #fff;

    text-align: left;

    top: -30px;

    font-size: 16px;

    margin: 5px 0 0 0;

    position: absolute;

    width: 100%;

    font-family: 'Open Sans', sans-serif;

}

.photo-pager b{

    color: #EB4130;

}

/*------------ / lightbox ------------*/

.form-radio:before{

    background-image: url('../../../images/layout06/common/form_radio.png');

    margin: 0 3px 4px 0;

}

.form-checkbox:before{

    background-image: url('../../../images/layout06/common/form_checkbox.png');

}

/*------------ mobile_menu ------------*/

.mmenu-show #mobile-fixed ul{

    border-bottom: 1px solid #E72033;

}

.mmenu-show #mobile-fixed li{

    background: #E72033;

}

.mmenu-show #mobile-menu .menu li>a:hover,

.mmenu-show #mobile-menu .menu li.active>a{

    color: #E72033;

}

.mmenu-show #mobile-menu .language-menu{

    background: #E72033;

    color: #fff;

}

.mmenu-show #mobile-menu .share .btn {

    font-size: 0; 

}

.mmenu-show #mobile-fixed .toggleBtn {

    font-size: 0;

}

.mmenu-show #mobile-fixed .toggleBtn i{

    font-size: 28px;

}

.mmenu-show #mobile-fixed .m-go-home {

    font-size: 0;

}

.mmenu-show #mobile-fixed .m-go-home i{

    font-size: 28px;

}

.mmenu-show #mobile-menu .share-menu{

    background: #414042;

}

.mmenu-show #mobile-search{

    background: #d8d8d8;

}

.mmenu-show #mobile-fixed .m-contact{

    font-size: 0;

}

.mmenu-show #mobile-fixed .m-contact i{

    font-size: 28px;

}

/*------------ / mobile_menu ------------*/

.contact-title{

    font-size: 18px;

    text-align: center;

    margin: 0 0 15px;

}

.contit b{

    font-size: 20px;

    font-family: 'Roboto', sans-serif;

    margin: 0 0px 0 0;

    color: #e61035;

    display: block;

    text-transform:uppercase;

}

.reminder{

    margin: 0;

    font-size: 14px;

    font-weight: normal;

    color: #666666;

}

@media screen and (max-width: 1280px){

   .site-title .logo{

        width: 150px;

   }

   .site-nav .menu li{

        width:85px; 

   }

   .site-nav .menu li a{

        font-size: 15px;

        padding: 4px 5px;

   }

   .site-map ul+ul {

        margin: 0 0 0 15px;

   }

}

@media screen and (max-width: 1100px){

    body .fancybox-nav span{

        left: 0px;

    }

    body .fancybox-next span{

        right: 0px;

    }

}

@media screen and (max-width: 1000px){

    

    .wrapper{

        padding-top: 40px;

    }

    .content:before{

        display: none;

    }

    .site-footer .tit{

        display: none;

    }

   

    .btn.style01{

        max-width: 40%;

        font-size: 12px;

        padding: 0 15px;

        margin: 0 5px 15px;

    }

    .main-top{

        margin-bottom: 10px;

    }

    .has-side .content,.content{

        padding:20px 15px 30px;

    }

    .btn-box{

        padding-top: 5px;

    }

    /*------------ site_header 1000 ------------*/

    .site-header, .header-fixed .site-header{

        position: relative;

        width: 100%;    

        z-index: 600;

    }

    .site-title,

    .header-fixed .site-title{

        float: none;

        padding: 10px 0;

    }

    .site-title .logo ,

    .header-fixed .site-title .logo{

        width: 126px;

        height: 60px;

    }

    .top-nav,

    .site-nav{

        display: none;

    }

    /*------------ / site_header 1000 ------------*/

    /*------------ site-footer 1000 ------------*/

    .site-footer{

        padding: 5px 0 30px;

    }

    .site-map,

    .fllow .share{

        display: none;

    }

    .site-footer .col{

        float: none;

        width: auto;

        text-align: center;

    }

    .site-info li,

    .site-info p{

        display: inline-block;

    }

    .site-info p{

        margin: 0 0 0 10px;

    }

    .site-info li+li{

        margin: 0 0 0 20px;

    }

    .site-footer .fllow{

        padding: 20px 0 0 0;

    }

    .fllow p{

        margin: 15px 0 0 0;

    }

    /*------------ / site-footer 1000 ------------*/

    /*------------ floating 1000 ------------*/

    .gotop{

        display: none;

    }

    .floating .ibtn.gotop{

        background: url(../../../images/layout06/common/mobile_gotop.png) 50% 50% no-repeat;

    }

    .floating .gotop:before,.floating .gotop:after{

        display: none;

    }

    /*------------ / floating 1000 ------------*/

     .contact-title .reminder{

        margin: 0 45px;

    }

    .contact-title{

        margin: 0 5px 15px;

    }

    .contact-title .reminder{

        margin: 0;

    }

    .reminder{

        margin-bottom: 25px;

    }

    .form-box, .form-wrap.has-bg{

        padding: 20px 15px;

    }

    .form-wrap.has-bg{

        background: none;

    }

    .form-box{

        background: none;

    }

    .copy_box{

        text-align: center;

    }

    .contact-form{

          padding: 20px 10px 30px; 

          margin-top: 40px; 

    }

}

@media screen and (max-width: 900px){

    body .fancybox-nav span{

        left: 0;

    }

    body .fancybox-next span{

        left: calc(100% - 35px);

    }

}

@media screen and (max-width: 767px){

    /*------------ site-main 767 ------------*/

    .main-content{

        padding: 0 0 40px;

    }

    .main-top{

        padding: 5px 0;

    }

    .content-title{

        padding: 5px 0 12px 0;

        margin: 0 0 25px 0;

    }

    /*------------ / site-main 767 ------------*/

    /*------------ site-footer 767 ------------*/

    .site-info li{

        display: block;

    }

    .site-info li+li{

        margin: 0;

    }

    /*------------ / site-footer 767 ------------*/

}