/* navbar */
.navbar{z-index:999;box-sizing: border-box; position: fixed; top:0; left:0;right:0;margin:auto;width: 100%; padding: 17px 34px; max-width:1680px;background-color: #000;transition: 0.2s}
.navbar-header {display:inline-block; vertical-align: middle }
.navbar-toggle {display:none;border: none;background: none;font-size: 1.5em;color: #4c4c4c;vertical-align: middle}
.navbar-brand {display:inline-block; padding-right:20px;text-decoration: none; vertical-align: middle; font-size: 0;}
.navbar-logo {height: 80px;transition: 0.2s;vertical-align: middle}
.navbar-logo-title{padding: 0 20px;font-size: 20px;color: #fff;vertical-align: middle;}
.navbar-collapse {display:inline-block; vertical-align: middle }
.navbar-nav {margin: 0; padding: 0; list-style: none; }
.nn-list-item {position: relative; display:inline-block; }
.nn-list-item:hover .navbar-subnav{display: block}
.nn-link{display:inline-block; margin: 10px 24px; color:#f3f3f3; font-size: 1.1em;border-bottom: 2px solid transparent;text-decoration: none; transition: 0.2s }
.navbar-nav .nn-list-item .nn-active{border-bottom: 2px solid #d82d2a;}
.navbar-nav .nn-list-item .nn-link:hover{border-bottom: 2px solid #d82d2a;}
.navbar-subnav{display: none; position: absolute; top: 100%; left: 0; margin: 0 0 0 -13px; width: 120px; padding: 12px 37px; list-style: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 15px; background-color: rgba(255,255,255,0.95); box-shadow: 2px 2px 15px rgba(0,0,0,0.1); }
.navbar-subnav:after{position:absolute; top:-14px; left:38px; content:""; border-top:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #f3f3f3; border-left:7px solid transparent; }
.navbar-subnav:before{position:absolute; top:-16px; left:37px; content:""; border-top:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid rgba(0,0,0,0.1); border-left:8px solid transparent; }
.navbar-subnav .ns-list-item:nth-child(3n+1){list-style: disc;color:#56cae8;}
.navbar-subnav .ns-list-item:nth-child(3n+2){list-style: disc;color:#72be20;}
.navbar-subnav .ns-list-item:nth-child(3n+3){list-style: disc;color:#f769b3;}
.ns-list-item{line-height: 20px }
.ns-link{display:block;color:#4c4c4c; text-decoration: none; padding: 0 0px; font-size: 1.1em; line-height: 2em ;transition: 0.2s}
.ns-link:hover{color:#f1bb02;}
.navbar-list{margin: 0; padding:0; width: 100%; list-style: none; }
.navbar-list>li>a{display:block;color:#4c4c4c; text-decoration: none; padding: 0 0px; font-size: 1em; line-height: 2em ;transition: 0.2s}
.navbar-list>li>a:hover{color:#f00;}
.navbar-user{float:right;height:80px;transition: 0.2s}
.navbar-user-name{display:inline-block;margin-right: 10px;vertical-align: middle;color:#f3f3f3;}
.navbar-user-icon{display:inline-block;border-radius: 30px;vertical-align: middle;}
.navbar-user-logout{text-decoration: none;color:#f3f3f3;}
.navbar-user-logout:hover{color: #fdc400;}
.navbar-user-booking{margin-right: 20px;}
.navbar-user-language{margin: 0 10px;text-decoration: none;color: white}
.navbar-user-language:hover{border-bottom: 2px solid #d82d2a}
.navbar-user-nav{position:relative;display:inline-block;padding:5px 0;text-decoration: none;cursor: pointer;}
.navbar-user-nav:hover .navbar-subnav{display:block}
.navbar-user-nav .navbar-subnav{left:auto;right:0;width:80px;}
.navbar-user-nav .navbar-subnav:after{top:-14px; left:80px;}
.navbar-user-nav .navbar-subnav:before{top:-16px; left:79px;}
.navbar-short{padding:8px 34px; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.navbar-short .navbar-logo { height: 50px; }
.navbar-short .navbar-user { height:50px }

@media (max-width: 1024px) {
  /*.navbar-search{ display:none !important;}*/
  .nn-link{margin: 10px 14px; }
}

@media (max-width: 800px) {
    .navbar-toggle{display:inline-block;}
    .navbar-brand {padding-right:10px;}
    .navbar{padding:8px 14px !important}
    .navbar-nav {display:none;position:fixed;left:0;top:70px;width:100%;padding:10px 0 ;background:rgb(10, 10, 10); text-align: center;box-shadow: 2px 2px 15px rgba(0,0,0,0.2);}
    .nn-list-item {position: relative; display:block;}
    .navbar-subnav{position: static; margin: 0; width: 100%; padding: 0; border: none; border-radius: 0; background-color:rgba(255,255,255,0);box-shadow: none;}
    .navbar-subnav:before{border:none }
    .navbar-subnav:after{border:none }
    .ns-list-item{list-style: none}
    .navbar-user{height:54px !important}
    .navbar-user-nav .navbar-subnav{width: 100%; position: fixed; right: 0; top: 70px; padding:10px 0;background-color: #f3f3f3;box-shadow: 2px 2px 15px rgba(0,0,0,0.2);text-align: center;}
    .navbar-user-nav .ns-link{padding:10px 16px;line-height:1.4em;}
    .navbar-logo{height: 54px !important}

}

@media (max-width: 480px) {
    .navbar{padding:8px 8px !important}
    .navbar-nav{top: 54px}
    .navbar-user{height:40px !important}
    .navbar-brand {padding-right:4px;}
    .navbar-user-name{display:none;}
    .navbar-user-booking{margin-right: 12px;padding: 7px 14px !important;font-size: 16px !important}
    .navbar-short .navbar-logo { height: 40px; }
    .navbar-logo { height: 40px !important}
}

@media (max-width: 320px) {
    .navbar-user-booking{margin-right: 6px;padding: 5px 10px !important;}
}

/* banner */
.header {position:relative;left:0;right:0;margin:114px auto 0 auto; width:100%; max-width: 1680px;}
.header .owl-theme {position: relative; padding: 0; }
.header .owl-theme div:not(.owl-controls) {height: 100%; }
.header .owl-theme .owl-slide { background-repeat: no-repeat; background-size: cover; background-position: center; }
.header-text{ z-index: 99;position: absolute; left: 54px; color:#f3f3f3;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
/* 有改參數 */
.header-t1{ font-size: 2.5em;letter-spacing: .15em;font-weight: bolder}
.header-t2{ padding-bottom: 6px;font-size: 1.8em;text-indent: 1em;letter-spacing: 3px;font-style: italic;color: #c4a203;}
.header-t3{ letter-spacing: 0.2em;font-size: 2.3em;color: #f3ede9;}
.header-t4{ font-size: 1.74em;color: #cf9e04;text-indent: 1em;font-style: italic;}
.header-t5{ margin: 50px 0 0 0;font-size: 1.74em;color: #fff;vertical-align: middle;}
.header-t5-arrow{display: inline-block;width: 50px;height: 50px;line-height: 55px;margin: 0 0 0 10px;text-align: center;text-decoration: none; border-radius: 100%;font-size: 1.5em;color: #fff;background-color: #cf9e04;vertical-align: middle;cursor: pointer;}
/* 有改參數 END */
.header-text-point{display: inline-block; margin:0 3px;width:8px;height:8px;border-radius: 50%;vertical-align: middle;}
.header-text-pointblue{background-color: #56cae8;}
.header-text-pointgreen{background-color: #72be20;}
.header-text-pointpink{background-color: #f769b3;}
.header-separate{height:8px;clear:both;background: url(../images/header-separate.gif)}
.header-size-l .owl-theme{ height:555px; }
.header-size-l .header-text{top: 135px;left: 205px;}
.header-size-m .owl-theme{ height:490px; }
.header-size-m .header-text{ bottom: 40px; }
.header-size-s .owl-theme{ height:184px; }
.header-size-s .header-text{ bottom: 25px; }

@media (max-width: 1024px) {
    .header-size-l .owl-theme{ height:455px; }
    .header-size-m .owl-theme{ height:390px; }
    .header-size-l .header-text{top:100px;left: 130px}
    .header-t1{ font-size: 1.74em; letter-spacing: .15em;}
    .header-t2{ font-size: 1.4em; letter-spacing: .71em;}
    .header-t3{ font-size: 1.74em}
    .header-t4{ font-size: 1.4em}
    .header-t5{ font-size: 1.4em}
}
@media (max-width: 800px) {
    /*.header background-color: #204673*/
    .header {margin-top: 70px;}
    .header-size-l .owl-theme{ height:300px; }
    .header-size-m .owl-theme{ height:300px; }
    .header-size-s .owl-theme{ height:150px; }
    .header-text{ text-shadow: 0 0 5px rgba(0,0,0,1),0 0 20px rgba(0,0,0,1)}
    .header-t1{ font-size: 1.1em; letter-spacing: .15em;}
    .header-t2{ font-size: 0.7em; letter-spacing: .71em;}
    .header-t3{ font-size: 1.1em}
    .header-t4{ font-size: 0.7em}
    .header-t5{ font-size: 0.7em;margin: 20px 0 0 0}    
    .header-t5-arrow{width: 25px;height: 25px;line-height: 25px;}
}
@media (max-width: 480px) {
    .header{margin-top: 40px;}

    .header-text{ left:0;right:0;text-align: center;}
    .header-size-l .owl-theme{ height:213px; }
    .header-size-m .owl-theme{ height:213px; }
    .header-size-s .owl-theme{ height:213px; }

    .header-size-l .header-text{top: 50px;left: 35px;width: 80%;text-align: left;}
    .header-t1{ font-size: 1.1em; letter-spacing: .15em;}
    .header-t2{ font-size: 0.7em; letter-spacing: .71em;}
    .header-t3{ font-size: 1.1em}
    .header-t4{ font-size: 0.7em}
    .header-t5{ font-size: 0.7em;margin: 20px 0 0 0}    
    .header-t5-arrow{width: 25px;height: 25px;line-height: 25px;}  
}
@media (max-width: 320px) {
  .header-text{ text-align: center;}
  .header-size-l .owl-theme{ height:180px; }
  .header-size-m .owl-theme{ height:180px; }
  .header-size-s .owl-theme{ height:180px; }
}
/* owl.carousel */
.owl-theme .owl-text {position: absolute; bottom: 10px; left: 2em; }
.owl-theme .owl-controls {top:auto;bottom: 20px;width: 100%;text-align: center;}
.owl-theme .owl-controls .owl-page { margin-left: 10px;}
.owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; border:none; background-color:rgba(0, 0, 0, 0.4);transition: 0.2s}
.owl-theme .owl-controls .owl-page.active span{ top:0;width: 12px; height: 12px; background-color:rgba(0, 0, 0, 1);}
@media (max-width: 800px) {
    .owl-theme .owl-controls {bottom: 10px;}
    .owl-theme .owl-controls .owl-page span{ width: 8px; height: 8px;}
    .owl-theme .owl-controls .owl-page.active span{ width: 8px; height: 8px;}
}
@media (max-width: 640px) {
    .owl-carousel{opacity:0.9 !important;}
    .owl-theme .owl-controls {bottom: 6px;}
}
@media (max-width: 480px) {
    .owl-theme .owl-controls {bottom: 0px;}
}


/*--------------------------------------------------------------*/
/*  kuhn-index
/*--------------------------------------------------------------*/
.kuhn-index .header-banner-img:nth-child(1){left: 100px;right: auto;}
.kuhn-index .header-banner-img:nth-child(2){left: 28%;;right: auto;}
.kuhn-index .header-banner-img:nth-child(3){}
.kuhn-index .header-banner-img , .kuhn-index .header-banner-content{position: absolute;top: 0;bottom: 0;left: 0 ;right: 0;margin: auto;z-index: 10}
.kuhn-index .small-device{display: none;position: absolute;width: 100%;text-align:center;z-index: 10}
.kuhn-index .small-device .device-img:nth-child(1){width: 80px}
.kuhn-index .small-device .device-img:nth-child(2){width: 30px;}
.kuhn-index .small-device .device-img:nth-child(3){width: 160px;}
.kuhn-index .small-device .device-img{margin: 30px 10px}
.kuhn-index .header-banner-content{right: 100px;left: auto;width: 300px;height: 300px;}
.kuhn-index .index-header{position: absolute;width: 300px;right: 0;left: 0;margin: auto;bottom: 100px;z-index: 20;}
.kuhn-index .index-header .index-header-title{font-size: 2em;border-top: 1px solid #fff;border-bottom: 1px solid #fff}
.kuhn-index .index-header .index-header-text{font-size: 1.2em}
.kuhn-index section{position: absolute;z-index: 10}
.kuhn-index .ui-btn{font-weight: bolder;color: #fff;border-radius: 4px;background-color: #f00;border: none;padding: 15px 30px;cursor: pointer;font-size: 1.2em;line-height: 1.2em;opacity: .7;}
/*--------------------------------------------------------------*/
/*  kuhn-dealer-map
/*--------------------------------------------------------------*/
.kuhn-dealer-map .map-control{position: absolute;top: 20px;right: 0;left: 0;margin: auto;}
.kuhn-dealer-map .map-search{display: inline-block;width: 300px;border: none;background: rgba(0,0,0,.8);height: 64px;text-indent: 20px;font-size: 18px;font-weight: bold;color:#fff;vertical-align: top;z-index: 9999}
.kuhn-dealer-map .map-gps{display: inline-block;border: none;padding:0 20px;height: 64px;background: rgba(0,0,0,.9);color: #fff;font-size: 16px;font-weight: bold;vertical-align: top;z-index:10;cursor: pointer;}
.kuhn-dealer-map .map-gps:last-child{display: none}
@media (max-width: 1248px) {
    .kuhn-dealer-map .map-gps{height: 60px !important;font-size: 14px}
    .kuhn-dealer-map .map-search{height: 60px !important;font-size: 16px}
    .kuhn-index .header-banner-img:nth-child(1){height: 350px;left: 50px;}
    .kuhn-index .header-banner-img:nth-child(2){left: 25%}
    .kuhn-index .header-banner-img:nth-child(3){width: 350px}
    .kuhn-index .header-banner-content{right: 50px;}
}
@media (max-width: 1024px) {
    .kuhn-dealer-map #map{height: 400px !important}
    .kuhn-index .header-banner-img:nth-child(1){height: 300px;left: 10px;}
    .kuhn-index .header-banner-img:nth-child(2){left: 22%}
    .kuhn-index .header-banner-img:nth-child(3){width: 300px}
    .kuhn-index .header-banner-content{width: 200px;right: 10px;}    
    .kuhn-index .header-banner-content .ui-btn{margin: 10px 0 0 0}    
    .kuhn-index .header-banner-content .content-box-text{font-size: 1em}    
}
@media (max-width: 800px) {
    .kuhn-index .index-header{width: 185px;bottom:45px;}
    .kuhn-index .index-header .index-header-title{font-size: 1.2em}
    .kuhn-index .index-header .index-header-text{font-size: 0.8em}
    .kuhn-index .header-banner-img:nth-child(1){height: 200px;left: 10px;}
    .kuhn-index .header-banner-img:nth-child(2){width: 40px;left: 22%}
    .kuhn-index .header-banner-img:nth-child(3){width: 200px;}
    .kuhn-index .header-banner-content{width: 150px;height: 150px;right: 10px;}    
    .kuhn-index .header-banner-content .ui-btn{margin: 10px 0 0 0;padding: 5px 15px;font-size: 0.8em}    
    .kuhn-index .header-banner-content .content-box-text{font-size: 0.7em;line-height: inherit;} 
}
@media (max-width: 550px) {
    .kuhn-index .index-header{bottom:25px;}
    .kuhn-index .index-header .index-header-title{font-size: 1.2em}
    .kuhn-index .index-header .index-header-text{font-size: 0.8em}
    .kuhn-index .small-device{display: block;}
    .kuhn-index .header-banner-img , .kuhn-index .header-banner-content{display: none}
}
@media (max-width: 600px) {
    .kuhn-dealer-map .map-gps{height: 50px !important;font-size: 12px}
    .kuhn-dealer-map .map-search{height: 50px !important;font-size: 14px}
}
@media (max-width: 500px) {
    .kuhn-dealer-map .map-search{width:auto}
}
@media (max-width: 480px) {
    .kuhn-dealer-map .map-gps{display: none ;}
    .kuhn-dealer-map .map-gps:last-child{display: inline-block;}
}
@media (max-width: 400px) {
    .kuhn-index .small-device .device-img:nth-child(1){width: 60px}
    .kuhn-index .small-device .device-img:nth-child(2){width: 15px;}
    .kuhn-index .small-device .device-img:nth-child(3){width: 140px;}
}
@media (max-width: 320px) {

}


/*--------------------------------------------------------------*/
/*  kuhn-dealer-area
/*--------------------------------------------------------------*/
.kuhn-dealer-area .container-custom{padding: 50px 200px;}
.kuhn-dealer-area {background: #000}
.kuhn-dealer-area .ui-select{font-size: 1.2em;margin: 5px 0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../images/icon-arrow.png") no-repeat 90% center transparent;}
.kuhn-dealer-area .content-box .content-box-text{float: left;padding:0px;letter-spacing: 0.1em;vertical-align: top;cursor: pointer}
.kuhn-dealer-area .content-box .content-box-text:hover{color: #f29c9f}
.kuhn-dealer-area .content-box .content-box-text:hover img{opacity: 1}
.kuhn-dealer-area .content-box img{opacity: 0}
.kuhn-dealer-area .content-box .action{color: #f29c9f;}
.kuhn-dealer-area .content-box .action img{opacity: 1}
.kuhn-dealer-area img{width: 20px;margin: 0 0 0 5px}

@media (max-width: 1488px) {
    .kuhn-dealer-area .container{padding: 50px 100px}
    .kuhn-dealer-area .content-box-text{font-size: 1em}
}
@media (max-width: 1248px) {
}
@media (max-width: 1024px) {
    .kuhn-dealer-area .content-box-text{width: 100%;padding: 0 !important;}
    .kuhn-dealer-area .content-box-title{font-size: 1.2em}
}
@media (max-width: 800px) {
    .kuhn-dealer-area .container{padding: 50px}
    .kuhn-dealer-area .content-box{width: 100%;}
}
@media (max-width: 600px) {
    .kuhn-dealer-area .container{padding: 30px}
    .kuhn-dealer-area .content-box-text{font-size: 0.8em}
    .kuhn-dealer-area .content-box-title{font-size: 1em}
}
@media (max-width: 500px) {
    .kuhn-dealer-area .content-box-text{font-size: 0.7em;margin: 5px 0}
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {

}

/*--------------------------------------------------------------*/
/*  kuhn-faq
/*--------------------------------------------------------------*/
.kuhn-faq .content-box-text > p{margin: 0;}
.kuhn-faq{background: #000}
.kuhn-faq .container-custom{padding: 50px 200px;}
.kuhn-faq *{box-sizing: border-box;}
.kuhn-faq .content-box-text{margin: 5px;padding: 10px 20px;background: #150f0f;font-size:1em;font-weight: bold;color: rgb(255,255,255);}
.kuhn-faq .content-box > .content-box-title{font-size: 1.2em}
@media (max-width: 1488px) {
    .kuhn-faq .container{padding: 50px 100px}
}
@media (max-width: 1248px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
    .kuhn-faq .container{padding: 50px}
}
@media (max-width: 600px) {
    .kuhn-faq .container{padding: 30px}
    .kuhn-faq .content-box-title{font-size: 1.5em}
    .kuhn-faq .content-box > .content-box-title{font-size: 1em}
    .kuhn-faq .content-box-text{font-size: 0.8em}
}
@media (max-width: 500px) {
    .kuhn-faq .content-box-text{font-size: 0.7em;margin: 5px 0}
}
@media (max-width: 480px) {
    .kuhn-faq .content-box > .content-box-title{font-size: 0.8em !important}
}
@media (max-width: 320px) {

}

/*--------------------------------------------------------------*/
/*  huhn-service
/*--------------------------------------------------------------*/
.kuhn-service{background:#000;}
.kuhn-service .container-custom{padding: 50px 200px;}
.kuhn-service .content-box-icon{width: 160px;padding: 0;border-radius:100%;border: 3px solid #fc7676;}
.kuhn-service .content-box-text{color: #c7c6c6;font-size: 1.1em;margin: 5px 0;font-weight: bold;}
.kuhn-service .content-box-link{color: #bd797c;font-size: 1.1em;font-weight: bolder;text-decoration: underline;}
.kuhn-service .content-box > .content-box-title{font-size: 1.3em;letter-spacing: 0.4em;}
.kuhn-service section:last-child > .content-box:nth-child(odd){margin:65px 0 0 0;max-width:60px !important;width: 10% !important;}
.kuhn-service section:last-child > .content-box:nth-child(even){margin: 10px 0}
@media (max-width: 1488px) {
    .kuhn-service .container{padding: 50px 100px}
}
@media (max-width: 1248px) {
    .kuhn-service section:last-child > .content-box{width: 40%;}
    .kuhn-service section:last-child > .content-box:nth-child(5){display: none}
}
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
    .kuhn-service .container{padding: 50px}
}
@media (max-width: 600px) {
    .kuhn-service .container{padding: 30px}
    .kuhn-service .content-box-title{font-size: 1.5em}
    .kuhn-service .content-box > .content-box-title{font-size: 1em}
    .kuhn-service .content-box-text{font-size: 0.8em}
    .kuhn-service section:last-child > .content-box:nth-child(even){width: 100%;}
    .kuhn-service section:last-child > .content-box:nth-child(odd){display: none}

}
@media (max-width: 500px) {
    .kuhn-service .content-box-text{font-size: 0.7em;margin: 5px 0}
}
@media (max-width: 480px) {
    .kuhn-service section:last-child .content-box > .content-box {width: auto !important}
    .kuhn-service .content-box > .content-box-title{font-size: 0.8em !important}
}
@media (max-width: 320px) {

}

/*--------------------------------------------------------------*/
/*  kuhn-service-register
/*--------------------------------------------------------------*/
.kuhn-service-register *{box-sizing: border-box;}
.kuhn-service-register {background: #1a1313}
.kuhn-service-register .register-form-box{width: 50%;display: inline-block;margin: 10px 0;}
.kuhn-service-register .register-form-box:nth-child(1),.register-form-box:nth-child(2){width: 25%;}
.kuhn-service-register .container-custom{padding: 50px 200px;}
.kuhn-service-register .error{border: 1px solid #cc1616;}
@media (max-width: 1488px) {
    .kuhn-service-register .container{padding: 50px 100px}
}
@media (max-width: 1248px) {
    .kuhn-service-register .register-form-box:nth-child(1),.kuhn-service-register .register-form-box:nth-child(2){width: 50%;}
}
@media (max-width: 1024px) {
    .kuhn-service-register .register-form-box{width: 100% !important;}
}
@media (max-width: 800px) {
    .kuhn-service-register .container{padding: 50px}
}
@media (max-width: 600px) {
    .kuhn-service-register .container{padding: 30px}
    .kuhn-service-register .content-box-title{font-size: 1.5em}
    .kuhn-service-register .content-box-text{font-size: 0.8em}
    .kuhn-service-register .ui-label{width:100%;font-size: 0.8em}
    .kuhn-service-register .ui-input{width:100%;font-size: 0.8em}

}
@media (max-width: 500px) {
    .kuhn-service-register .content-box-text{font-size: 0.7em;margin: 5px 0}
}

/*--------------------------------------------------------------*/
/*  kuhn-specification
/*--------------------------------------------------------------*/
.kuhn-specification{background-color: #000}
/*.kuhn-specification *{box-sizing: border-box;}*/
.kuhn-specification .index-header-tilte{margin: 0;font-size: 2em;color: #ff0000;}
.kuhn-specification .index-header-text{color: #e46a6a;font-size: 1.34em;font-weight: bold;}
.kuhn-specification .index-detail .content-box{padding: 0 100px;}
.kuhn-specification .content-box-text{display: inline-block;height: 59px;width: 25%;padding: 15px 20px;color: #d5d5d5;border: 1px solid #000;font-weight: bolder;background-color: #2f2f2f;vertical-align: top}
.kuhn-specification .content-box-text:nth-child(even){width: 60%}
@media (max-width: 1488px) {
    .kuhn-specification .container{padding: 50px}
}
@media (max-width: 1248px) {
    .kuhn-specification .content-box-text{width: 40%;}
    .kuhn-specification .content-box-text:nth-child(even){width: 40%}
}
@media (max-width: 1024px) {
}
@media (max-width: 950px) {
    .kuhn-specification .index-detail .content-box{padding: 0 50px;}
    .kuhn-specification .content-box-text{width: 80%;}
    .kuhn-specification .content-box-text:nth-child(even){width: 80%}
}

@media (max-width: 800px) {
    .kuhn-specification .container{padding: 50px 30px}
    .kuhn-specification .index-detail .content-box{padding:0 30px;}
}
@media (max-width: 600px) {
    .kuhn-specification .container{padding: 30px}
    .kuhn-specification .content-box-title{font-size: 1.5em}
    .kuhn-specification .content-box-text{font-size: 0.8em}
}
@media (max-width: 500px) {
    .kuhn-specification .container{padding: 10px}
    .kuhn-specification .index-detail .content-box{padding:0 10px;}
    .kuhn-specification .content-box-text{font-size: 0.7em;}
}
/*--------------------------------------------------------------*/
/*  kuhn-video
/*--------------------------------------------------------------*/
.kuhn-video *{box-sizing: : border-box}
.kuhn-video{background-color: #000;padding: 3px}
.kuhn-video .content-box{position: relative;width: 33%;height: 400px;transition: all .5s ease-out}
.kuhn-video .content-box:hover{box-shadow: none}
.kuhn-video .content-box-icon{position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto}
.kuhn-video .content-box-text{position: absolute;bottom: calc(50% - 50px);right: 0;left: 0;margin: auto}
@media (max-width: 900px) {
    .kuhn-video .content-box{margin:5px 0;width: 100%;}
}
@media (max-width: 600px) {
    .kuhn-video .content-box{height: 300px;}
}
@media (max-width: 480px) {
    .kuhn-video .content-box-icon{width: auto !important;}
}

/*--------------------------------------------------------------*/
/*  kuhn-app
/*--------------------------------------------------------------*/
.kuhn-app {background-color: #1f1817;}
.kuhn-app .index-header-title{font-size: 2em;color: #ff0000;}
.kuhn-app .index-header-text{color: #e46a6a;font-size: 1.2em;font-weight: bold;}
.kuhn-app .ui-btn{font-weight: bolder;color: #fff;border-radius: 4px;background-color: #a50a09;border: none;padding: 15px 30px;cursor: pointer;font-size: 1.34em;line-height: 1.34em;}
@media (max-width: 1488px) {
    .kuhn-app .container{padding: 50px 100px}
}
@media (max-width: 1248px) {
    .kuhn-app .content-box{width: 80%;text-align: center;}
}
@media (max-width: 1024px) {
    .kuhn-app .container{padding: 50px}
}
@media (max-width: 600px) {
    .kuhn-app .container{padding: 30px}
    .kuhn-app .content-box-icon{width: 200px}   

}
@media (max-width: 480px) {
    .kuhn-app .content-box{width: 100%;} 
    .kuhn-app .content-box-icon{width: 200px}
    .kuhn-app .index-detail .content-box .content-box-text{width: 100%;}
}

/*--------------------------------------------------------------*/
/*  kuhn-view
/*--------------------------------------------------------------*/
.kuhn-view .margin-custom{margin: 20px 0 0 0}
.kuhn-view .index-header-title{margin: 0;font-size: 2em;color: #ff0000;}
.kuhn-view .index-header-text{color: #e46a6a;font-size: 1.2em;font-weight: bold;}
@media (max-width: 1488px) {
    .kuhn-view .container{padding: 50px}
}
@media (max-width: 1248px) {
    .kuhn-view .content-box{width: 80%;text-align: center;}
}
@media (max-width: 1024px) {
    .kuhn-view .container{padding: 50px 30px}
}
@media (max-width: 600px) {
    .kuhn-view .container{padding: 15px 30px}
}
@media (max-width: 480px) {
    .kuhn-view .content-box{width: 100%;} 
}

/*--------------------------------------------------------------*/
/*  kuhn-map
/*--------------------------------------------------------------*/
.kuhn-map .map-control{position: absolute;top: 20px;right: 0;left: 0;margin: auto;}
.kuhn-map .map-search{display: inline-block;width: 300px;border: none;background: rgba(0,0,0,.8);height: 64px;text-indent: 20px;font-size: 18px;font-weight: bold;color:#fff;vertical-align: top;z-index: 9999}
.kuhn-map .map-gps{display: inline-block;border: none;padding: 0 20px;height: 64px;background: rgba(0,0,0,.9);color: #fff;font-size: 16px;font-weight: bold;vertical-align: top;z-index:10;cursor: pointer;}
.kuhn-map .map-gps:last-child{display: none}
@media (max-width: 1248px) {
    .kuhn-map .map-gps{height: 60px !important;font-size: 14px}
    .kuhn-map .map-search{height: 60px !important;font-size: 16px}
}
@media (max-width: 1024px) {
    .kuhn-map #map{height: 400px !important}
}
@media (max-width: 800px) {
}
@media (max-width: 600px) {
    .kuhn-map .map-gps{height: 50px !important;font-size: 12px}
    .kuhn-map .map-search{height: 50px !important;font-size: 14px}
}
@media (max-width: 500px) {
    .kuhn-map .map-search{width:auto}
}
@media (max-width: 480px) {
    .kuhn-map .map-gps{display: none ;}
    .kuhn-map .map-gps:last-child{display: inline-block;}
}
@media (max-width: 320px) {

}

/*--------------------------------------------------------------*/
/*  kuhn-quest
/*--------------------------------------------------------------*/
.kuhn-quest .content-box-text{display: inline-block;}
.kuhn-quest .ui-btn{background: none;border-radius: 5px;padding: 15px 60px;font-weight: bold;font-size: 1.34em;box-shadow: 0 0 1px 2px #be8080;}
@media (max-width: 1488px) {
    .kuhn-quest .container{padding: 50px}
}
@media (max-width: 1248px) {
    .kuhn-quest .content-box{width: 80%;}
    .kuhn-quest .content-box-text{width: 100%}
}
@media (max-width: 1024px) {
    .kuhn-quest .container{padding: 50px 30px}
}
@media (max-width: 600px) {
    .kuhn-quest .container{padding: 15px 30px}
}
@media (max-width: 480px) {
    .kuhn-quest .content-box{width: 100%;} 
    .kuhn-quest .ui-btn{margin: 15px 0 0 0;padding: 15px 30px;font-size:1em;}
}

/*--------------------------------------------------------------*/
/*  kuhn-items
/*--------------------------------------------------------------*/
.kuhn-items > section:nth-child(1) .container-custom{padding: 50px 80px;}
.kuhn-items > section:nth-child(2) .index-header > img{height: 80px;}
.kuhn-items > section:nth-child(2) .container-custom{padding: 50px 0 0 100px;}
.kuhn-items > section:nth-child(2) > section:nth-child(2) .container-custom{padding: 50px 80px;}
.kuhn-items .index-header-title{margin: 0;font-size: 2em;color: #ff0000;}
.kuhn-items .index-header-text{color: #e46a6a;font-size: 1.2em;}
.kuhn-items .content-box-link{color: #e46a6a;text-decoration: none}
@media (max-width: 1488px) {
}
@media (max-width: 1248px) {
    .kuhn-items > section:nth-child(1){width: 100%;height: auto !important;}
    .kuhn-items > section:nth-child(2){width: 100%;}
}
@media (max-width: 800px) {
    .kuhn-items > section:nth-child(2){height: auto !important;}
    .kuhn-items > section:nth-child(2) section{width: 100%;}
    .kuhn-items > section:nth-child(2) section:nth-child(2){margin: 20px 0 0 0 }
    iframe.fb_ltr { width:100% !important; }
}
@media (max-width: 600px) {
    .kuhn-items > section:nth-child(1) .container-custom{padding: 50px;}
    .kuhn-items > section:nth-child(2) .container-custom{padding: 50px;}
    .kuhn-items > section:nth-child(2) > section:nth-child(2) .container-custom{padding: 0 50px 50px 50px;}
}
@media (max-width: 480px) {
    .kuhn-items .content-box{margin: 0 !important}
}

/*--------------------------------------------------------------*/
/*  kuhn-instargram
/*--------------------------------------------------------------*/
.kuhn-instargram{background: #000}
.kuhn-instargram .container {padding: 50px 0;}
.kuhn-instargram .index-header-title{margin: 0;font-size: 2em;color: #ff0000;}
.kuhn-instargram .index-header-text{color: #ff0000;font-size: 1.2em;}
.kuhn-instargram .content-box-icon{display: inline-block;box-sizing: border-box;border: 2px solid #000}
.kuhn-instargram .content-box-text .content-box-icon{width: 12px;border: none}
.kuhn-instargram .content-box-text{font-size: 0.7em;}
.kuhn-instargram .content-box-text:first-child{color: #dd0021;border-top:1px solid #660000;border-bottom:1px solid #660000;background: #170001}
.kuhn-instargram .content-box-text:last-child{color: #ff0000;border-top:1px solid #660000;}
@media (max-width: 1488px) {
}
@media (max-width: 1248px) {
}
@media (max-width: 1024px) {
    .kuhn-instargram .content-box .content-box-icon{width: 50%;}
    .kuhn-instargram .content-box-text .content-box-icon{width: 12px!important;}
}
@media (max-width: 600px) {
}
@media (max-width: 480px) {
    .kuhn-instargram .content-box .content-box-icon{width: 50%;}
    .kuhn-instargram .content-box-text .content-box-icon{width: 12px!important;}

}

/*--------------------------------------------------------------*/
/*  kuhn-why
/*--------------------------------------------------------------*/
.kuhn-why .container-custom{padding: 50px 200px;}
.kuhn-why .index-header-title{margin: 0;font-size: 2em;color: #ff0000;}
.kuhn-why .index-header-text{color: #e46a6a;font-size: 1.2em;font-weight: bold;}
.kuhn-why .ui-btn{font-weight: bolder;color: #fff;border-radius: 4px;background-color: #a50a09;border: none;padding: 15px 30px;cursor: pointer;font-size: 1.34em;line-height: 1.34em;opacity: .7;transition: all 0.5s ease-out}
.kuhn-why .ui-btn:hover{opacity: 1;}
@media (max-width: 1488px) {
    .kuhn-why .container{padding: 50px 100px}
}
@media (max-width: 1248px) {
    .kuhn-why .index-detail .content-box .content-box-text{width: 100%;}
}
@media (max-width: 1024px) {
    .kuhn-why .container{padding: 50px}
    .kuhn-why .ui-btn{margin: 20px 0 0 0}
}
@media (max-width: 600px) {
    .kuhn-why .container{padding: 30px}
}
@media (max-width: 480px) {
    .kuhn-product-header .index-header-title {font-size: 1.1em !important}
    .kuhn-why .index-detail .content-box .content-box-text{width: 100%;}
}



/*--------------------------------------------------------------*/
/*  kuhn-product
/*--------------------------------------------------------------*/
.kuhn-product .content-box-icon{border-radius: 100%;}
.kuhn-product .icon-style {border: 2px solid #bd797c;}
.kuhn-product .product-image{position: absolute;width: 45%;right: 0;left: 0;top: -20px;margin: auto}
.kuhn-product .head-title{padding: 70px 150px;}
.kuhn-product .color-red{color: #f00}
.kuhn-product .content-box-title{margin: 15px 0 0 0;font-size: 1.4em;}
.kuhn-product .content-box span{color: #bd797c;font-weight: bold}
.kuhn-product .product-container{padding: 10px 100px 90px 100px;background: #000}
.kuhn-product .product-container >.content-box{position: relative;padding: 10px 100px;background: #191919;color: #fdfcfc}
.kuhn-product .product-container >.content-box:after {position: absolute;bottom: 100%;right: 0;left: 0;margin: auto;content: '';width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #191919;border-top: 20px solid transparent;}
.kuhn-product .product-container >.content-box .content-box-title{margin: 20px 0;font-size: 1.2em;font-weight: 200}
.kuhn-product .product-container >.content-box .content-box-text{margin: 20px 0;font-size: 1em}
@media (max-width: 1488px) {
    .kuhn-product .container{padding: 50px 30px}
}
@media (max-width: 1400px) {
    .kuhn-product .head-title{opacity: 0}
    .kuhn-product .head-title2{display: inline-block !important;}
}
@media (max-width: 1200px) {
    .kuhn-product .head-title2 .content-box-title{font-size: 1.1em}
    .kuhn-product .product-container .content-box{width: 100%;}
}
@media (max-width: 1024px) {
    .kuhn-product  section{width: 30%;}
    .kuhn-product .product-container >.content-box{padding: 10px 30px;}
    .kuhn-product .product-container >.content-box .content-box-title{font-size: 0.9em}
    .kuhn-product .product-container >.content-box .content-box-text{font-size: 0.8em}
    .product-container{padding: 10px 50px 50px 50px !important;}
}
@media (max-width: 800px) {
    .kuhn-product .container{padding: 30px}
}
@media (max-width: 700px) {
    .kuhn-product .product-image{position: static;display: inline-block;width: 80% !important;}
    .kuhn-product .head-title{margin: 20px auto;padding: 0;width: 100%;text-align: center;opacity: 1;}
    .kuhn-product .head-title2{display: none !important;}
    .kuhn-product section{width: 80%;margin: 10px}
    .kuhn-product section .content-box-text{text-align: center;}
    .kuhn-product .product-container >.content-box{padding: 10px 15px}
    .product-container{padding: 0px 30px 30px 30px !important;}
}
@media (max-width: 600px) {
    .kuhn-product .container{padding: 30px 10px}
    .kuhn-product .content-box-title{font-size: 1.5em}
    .kuhn-product .content-box-text{font-size: 0.8em}
}
@media (max-width: 500px) {
    .kuhn-product .content-box-text{font-size: 0.7em;margin: 5px 0}
}
@media (max-width: 480px) {
    .kuhn-product .content-box-icon{width: auto !important}
    .kuhn-product .product-image{position: static;display: inline-block;width: 80% !important;}
    .kuhn-product .product-container >.content-box .content-box-title{font-size: 0.8em!important}
    .kuhn-product .product-container >.content-box .content-box-text{font-size: 0.7em!important}
}


/*--------------------------------------------------------------*/
/*  Footer
/*--------------------------------------------------------------*/
footer{position: relative;width: 100%;max-width: 1680px;margin: 0 auto;padding: 50px;background: #060505;box-sizing: border-box;}
.footer-text{display: inline-block;margin-right: 10px;color: #f5f5f5;vertical-align: middle;margin: 0;}
.footer-group{position: absolute;top: 0;bottom: 0;margin: auto;height: 40px;right: 50px;}
.footer-group-icon{margin: 0 3px;display: inline-block;width: 40px;height: 40px;vertical-align: middle;}
@media (max-width: 1100px) {
    .footer-group .footer-text{width: 100%;}
    footer{text-align: center;}
    .footer-group{position: static;display: inline-block;width: 100%}    
}
@media (max-width: 700px) {
    footer{padding: 50px 20px}
}
@media (max-width: 600px) {
    
}
@media (max-width: 500px) {
    footer *{font-size: 0.8em}
}



/*float align*/
.float-left{float:left;}
.float-right{float:right;}
.float-center{margin:0 auto;}
.t-left{text-align:left !important}
.t-right{text-align:right !important}
.t-center{text-align:center !important}
.valign-box{display:inline-block;vertical-align:middle;width:0;height:100%;visibility:hidden;}

/*--------------------------------------------------------------*/
/*  all ui
/*--------------------------------------------------------------*/
.ui-select{border: 1px solid #ccc;padding: 10px 40px;margin: 0 20px 0 0;background: transparent;color: #fff;font-weight: bolder;font-family: "cwTeXHei", Arial, sans-serif; letter-spacing: 2px;}
.ui-select option{background-color: #000}
.ui-specialicon{display: inline-block;margin: 0 15px;width: 2px;height: 32px;background-color: #fff;vertical-align: middle}
.ui-specialtext::before{content:" | | ";font-size:0.9em;font-weight:bold ;vertical-align:middle;line-height:1em;letter-spacing:10px}
.ui-specialtext::after{content:" | | ";font-size:0.9em;font-weight:bold ;vertical-align:middle;line-height:1em;letter-spacing:10px}
.ui-specialtitle{display: inline-block;vertical-align: middle;padding-right:12px}
.ui-label{display: inline-block;color: #fff;padding: 0 5px;vertical-align: middle;font-size: 1.1em;}
.ui-input{display: inline-block;width: calc(100% - 115px);vertical-align: middle;background: #150f0f;border: 1px solid #474141;padding: 10px;color: #fff;font-size: 1.1em;font-family: "cwTeXHei", Arial, sans-serif; letter-spacing: 2px;}
.ui-btn{display: inline-block;margin: 50px 0 0 0;color: #fff;background-color: #cc1616;border: none;padding: 10px 60px;cursor: pointer;font-family: "cwTeXHei", Arial, sans-serif; letter-spacing: 2px;text-decoration: none}
.ui-arrow{}


@media (max-width: 800px) {
    .ui-specialicon{margin: 0}
    /*.ui-specialtitle{font-size: 0.65em}*/
}

/* input placeholder */
.register-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #dc6767;
}
.register-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #dc6767;
   opacity:  1;
}
.register-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #dc6767;
   opacity:  1;
}
.register-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #dc6767;
}
.register-form input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #dc6767;
}
/* input placeholder END