@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:100,400,900);
/*! font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700);
/*! font */
/*! CSS Document */
body,html{height:100%}
body{font-family:Lato,'微軟正黑體',sans-serif;/*!自行增減使用 */font-size:16px;line-height:1.5;color:#333;overflow-x:hidden;background-image:url(../images/all/lil_fiber.png)}
a{color:#003ba6}
a:hover{color:#000;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;/*!連結淡入淡出*/text-decoration:none}
/*!---------------------- 基礎設定 ----------------------*/
/*! CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.css-shadow{-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);-moz-box-shadow:0 0 6px rgba(0,0,0,.4);box-shadow:0 0 6px rgba(0,0,0,.4)}
.imgholder img{transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);transition:transform .5s ease-in-out,opacity .5s;-moz-transition:-moz-transform .5s ease-in-out,opacity .5s;-webkit-transition:-webkit-transform .5s ease-in-out,opacity .5s}
.imgholder:hover img{transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05)}
.rotation360{transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
.rotation360:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
.fadeout img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.fadeout:hover img{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}
/*!元件(共用)*/
.input1,.select,.textarea{background:#fff;border:1px solid #ccc;font-family:Lato,'微軟正黑體',sans-serif;font-size:15px;line-height:1.1;color:#555}
.input1:focus,.select:focus,.textarea:focus{border:1px solid #000}
/*!線(共用)*/
hr{height:1px;background:#ccc}
/*!文字樣式(共用)*/
.white{color:#fff}
.gray{color:#999}
.black{color:#000}
.blue{color:#0097de}
.red{color:#be0000}
.green{color:#19a568}
.orange{color:#f60}
.yellow{color:#ff0}
.purple{color:#63c}
.brown{color:#6e453c}
/*!-----回頂端-------------------------------*/
#rt_price{position:fixed;bottom:5px;left:20px;display:none;width:136px;text-align:center;z-index:9999;display:block}
.qr_code{margin:14px 0;box-shadow:1px 1px 3px #444}
#rt_price a .price_btn{display:block;width:136px;height:36px;line-height:36px;color:#fff;text-align:center;background:red;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}
.new_code>img{box-shadow:2px 2px 5px #000;border:5px solid #42b600}
/*! 回頂端 */
#goTop{border:1px solid #ccc;color:#aaa;background:#fff;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;font-family:Verdana,Geneva,sans-serif;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:#eee 0 0 5px;-moz-box-shadow:#eee 0 0 5px;box-shadow:#eee 0 0 5px}
#goTop:hover{background:#999;color:#fff}
/*!---------------------- 頁面開始 ----------------------*/
/*!全頁佈局*/
.wrapper{padding:3em 0}
.container{width:auto;max-width:1030px;margin:0 auto}
.footer-banner .container,.header .container{max-width:1300px}
/*!.header .container, .footer-banner .container, .index-focus .container, .in-store .container, .index-grid .container { max-width:1400px; }*/
/*!頁首*/
.navbar{border-radius:0;border:none}
.navbar-custom{background:#1c3f77;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.3);text-transform:uppercase;z-index:1030}
.navbar-header{width:25%;max-width:180px;min-width:120px;z-index:9;position:relative}
.navbar-header2{z-index:9;position:relative;width:15%;margin-left:200px;background:#5868ad}
.navbar-custom .navbar-brand{display:block;width:100%;height:auto;float:inherit}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0}
.navbar-custom .navbar-brand img{width:100%}
.navbar-custom .navbar-brand:focus{outline:0}
.top-nav-collapse{position:fixed;top:0;right:0;left:0}
/*!主選單*/
.nav{min-height:auto;margin:0;position:relative}
.nav .menu{padding:50px 0 0 0;list-style:none;margin:0;margin-right:-15px;display:inline-block;vertical-align:top}
.nav .menu li{display:inline-block;vertical-align:top;font-size:0;position:relative}
.nav .menu li.mobile{display:none}
.nav .menu li a{display:block;padding:10px 15px;color:#fff;font-size:18px;letter-spacing:-1px}
.nav .menu li a img{height:22px;margin-right:6px;vertical-align:middle;margin-top:-5px}
.nav .menu li a:hover,.nav .menu li.active>a{color:#ff0}
.nav .menu li:hover .dropdown{display:block}
.nav .dropdown{display:none;background:#000;list-style:none;padding:10px 0;min-width:100%;position:absolute;left:16px;top:48px;z-index:9}
.nav .dropdown li{display:block}
.nav .dropdown li a{display:block;padding:8px 20px;font-size:15px;line-height:1.2;white-space:nowrap}
.nav .dropdown li a:before{content:"\f192";font:normal normal normal 14px/1 FontAwesome;margin-right:6px}
.slicknav_menu{display:none}
.nav .menu li.menu_bt a{padding:10px 0;font-size:20px}
.nav .menu li.menu_bt{background:rgba(88,104,173,.5);border-radius:20px;padding:0 10px}
@media(min-width:768px){
.navbar-custom{padding:20px 0 10px 0;border-bottom:0;letter-spacing:1px;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out}
.navbar-custom.top-nav-collapse{padding:0}
}
/*!次選單*/
.submenu{background:#5868ad;border-radius:20px;position:absolute;right:0;top:15px}
.submenu,.submenu a{color:#cbd5ff}
.submenu li{float:left;padding:0 10px}
.submenu li a{display:inline-block;font-size:13px;padding:6px 5px 7px 5px;line-height:1;color:#cbd5ff}
.submenu li a:hover{color:#fff}
.submenu li.Visitor{position:absolute;width:155px;top:5px;color:#fff;right:100%;font-size:13px}
/*!頁尾*/
.footer-banner{padding:5em 0;background:url(../images/footer/footer.jpg) center no-repeat;background-size:cover;color:#fff}
.footer-banner .info a{color:#ddd}
.footer-banner .info h2{margin:0 0 10px 0;text-shadow:1px 1px 1px #000}
.footer-banner .info p{margin:0;text-shadow:1px 1px 1px #000}
.footer-banner .circle{text-align:center;padding-top:1em}
.footer-banner .circle li{float:left;width:25%}
.footer-banner .circle li a{display:block;background:#296ebb;width:150px;height:150px;padding:2.2em .6em;border-radius:50%;color:#fff;font-size:18px;margin:0 auto}
.footer-banner .circle li a:hover{background:#298dbb}
.footer-banner .circle li .fa{font-size:45px;display:block}
.footer-banner .circle li:first-child .fa{font-size:40px;line-height:45px}
.footer-banner .circle li.line img{height:45px;display:block;margin:0 auto}
.footer-banner .ftInfoBox {text-shadow: 1px 1px 1px #000;display: flex;flex-direction: column;gap: clamp(.5rem,1vw,1rem);border-bottom: 1px solid white;padding: clamp(30px,10vw,60px) 0;margin-bottom: clamp(30px,10vw,60px);}
.footer-banner .ftInfoBox__item{display: flex;align-items: start;}
.footer-banner .ftInfoBox .tit{min-width: 76px;display: inline-block;padding: 4px 8px;background: #296ebb;margin-right: 6px;font-size: 15px;text-align: center;}
.footer-banner .ftInfoBox .txt{padding: 4px 0px;}
.footer{padding-bottom:0;background:#eaeaea}
.footer .smenu{text-align:center}
.footer .smenu .clearfix{display:none}
.footer .smenu .area{display:inline-block;vertical-align:top;margin:0 3%;text-align:left;padding-bottom:3em}
.footer .smenu .area a{display:block;font-size:15px;color:#555}
.footer .smenu .area h4 a{display:block;font-size:18px;color:#000;padding:0 30px 5px 0;margin:0 0 5px 0;border-bottom:1px solid #ccc}
.footer .smenu .area a:hover{color:#435394}
.copyright{background:#435394;padding:10px;text-align:center}
.copyright,.copyright a{font-size:13px;color:#fff}
/*!按鈕*/
.btnWrap{margin:2em 0;text-align:center}
.btnWrap.btn2{clear:both;text-align:center}
.btnWrap.btn2 .bt{display:inline-block;margin-bottom:10px}
.btnWrap.btn2 .btn{padding:.7em 10px;margin:0 15px}
.list{list-style:none;padding:0;margin:0}
.btn{padding:.7em 5em}
.btn-default:hover{background-color:#fafafa;border-color:#000}
.form-control{padding-top:4px;padding-bottom:4px}
.fa-map-marker{margin-left:5px}
.btnWrap .btn+.btn{display:table;margin:15px auto 0}
.breadcrumb{background:0 0;padding:0 0 10px 0;border-bottom:1px solid #eee;font-size:13px}
.breadcrumb a{color:#999}
.breadcrumb a:hover{text-decoration:underline}
.crumb{padding-top:20px}
.page_04{margin:20px auto;clear:both;font-size:12px;line-height:22px;text-align:center}
.page_04 a{display:inline-block;color:#777;text-decoration:none;padding:0 10px;margin:0 3px;background:#fff;border:1px solid #aaa}
.page_04 .on,.page_04 a:hover{color:#fff;background:#aaa}
.page_04 .on{cursor:default}
/*!----banner---*/
.banner{position:relative}
.search-area{width:500px;background:rgba(0,0,0,.7);position:absolute;left:15%;bottom:20%;z-index:2}
.search-area .area-content{padding:20px 15px;position:relative}
.search-area .form-group{margin-bottom:5px}
.search-area .form-group.interval{padding:0 2%;position:relative}
.search-area .form-group .column{float:left;width:50%;padding:0 2%;display:block}
.search-area .form-group .column.year{width:48%;padding:0}
.search-area .form-group .fix{float:left;width:4%;min-height:30px;text-align:center}
.search-area .form-control{color:#000}
.search-area .form-group.extra{clear:both;padding:10px 140px 0 0;font-size:13px;color:#fff}
.search-area .form-group.extra .checkbox-inline{margin:0 10px 0 15px;padding-left:15px}
.search-area .btn{padding:6px 3em;position:absolute;right:25px;bottom:25px}
.search-area.in-page{background:0 0;position:static;left:inherit;bottom:inherit;width:auto;margin:0 auto;/* padding:3em 0 0 0; */}
.search-area.in-page .area-content{clear:both;overflow:hidden;background:#efefef}
.search-area.in-page .form-group{float:left;width:50%;margin:0 0 5px 0;padding:0}
.search-area.in-page .form-group.extra{float:inherit;width:auto;font-size:15px;padding:10px 0 0 0;color:#000}
.search-area.in-page .form-group .column{padding:0 10px}
.search-area.in-page .form-group .column.year{width:50%}
.search-area.in-page .form-group .fix{float:inherit;position:absolute;left:48%;top:5px}
.search-area.in-page .btn{position:static;left:inherit;bottom:inherit;display:block;margin:1em auto 0}
.carousel{height:600px;position:relative}
.carousel:hover .carousel-control{display:block}
.carousel .carousel-inner,.carousel .item,.carousel .item.active{height:100%}
.carousel .fill{width:100%;height:100%;background-position:center;background-size:cover;position:relative}
.carousel .fill a{display:block;width:100%;height:100%;left:0;top:0;position:absolute;z-index:2}
.carousel .carousel-caption{text-align:left;bottom:45%}
.carousel .carousel-control{background:0 0;display:none;width:5%}
.carousel-control .icon-next::before,.carousel-control .icon-prev::before{content:''}
.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:60px;margin:-30px 0 0 0}
.carousel-control .icon-prev{background:url(../images/all/control-icon.png) 0 0 no-repeat}
.carousel-control .icon-next{background:url(../images/all/control-icon.png) -30px 0 no-repeat}
.carousel-fade .carousel-inner .item{transition-property:opacity}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item{opacity:0}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{left:0;transform:translate3d(0,0,0)}
.index-title{color:#999;font-size:36px;text-align:center}
.index-title span{color:#435394}
.major-title{text-align:center;margin:0 0 10px 0;color:#aaa}
.subtitle{background:#7e96f7;color:#fff;display:inline-block;margin:0 0 10px 0;padding:6px 20px}
.list{padding:0;margin:0;list-style:none}
/*!   index  */
.index-focus{background:#f5f5f5}
.index-focus .wrap{overflow:hidden}
.index-focus ul{list-style:none;padding:0;margin:0;clear:both;overflow:hidden}
.index-focus ul li{float:left;width:50%;padding:1em 0 2em 0}
.index-focus a{color:#0091a7}
.index-focus a:hover{color:#003ba6}
/*!   list style 1  */
.img-txt-list img{transition:transform .3s ease-in-out,opacity .3s;margin-bottom:1em}
.img-txt-list a:hover img{opacity:.8;transform:scale(1.05,1.05)}
.img-txt-list .row{padding-bottom:3em}
.img-txt-list .title,.img-txt-list p{margin:0}
.img-txt-list .title{color:#0091a7;margin:0 0 .5em 0}
.img-txt-list .small{margin-bottom:5px}
.img-txt-list .btn{float:right}
.in-store .nav-tabs{border-color:#296ebb}
.in-store .nav-tabs{text-align:center}
.in-store .nav-tabs>li{float:inherit;display:inline-block}
.in-store .nav-tabs>li>a{color:#999;background-color:#f6f6f6;border:1px solid #aaa;border-bottom-color:#296ebb}
.in-store .nav-tabs>li>a:hover{background-color:#fff}
.in-store .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:#fff;border-color:#296ebb #296ebb transparent;color:#296ebb}
.in-store .row{margin-left:-10px;margin-right:-10px}
.in-store .item{float:inherit;display:inline-block;vertical-align:top;*display:inline;zoom:1;margin-right:-4px;padding:15px 10px;text-align:center}
.in-store .item a{display:block;background:#fff;height:115px;line-height:100px;padding:5px;border:1px solid #5bc0de;text-align:center}
.in-store .item a:after{content:".";font-size:1px;margin-left:-1px;opacity:0}
.in-store .item img{max-width:100%;max-height:100px}
.in-store .item h3{font-size:16px;margin:0;padding:10px;background:#5bc0de;color:#fff}
.index-grid{padding-bottom:3em}
.index-grid .item{float:inherit;display:inline-block;vertical-align:top;margin-right:-4px;padding-top:1em;padding-bottom:1em}
.index-grid .item:hover{box-shadow:0 0 10px #ccc;background:#fff}
.index-grid .item a{display:block;text-align:center;height:170px;line-height:170px;white-space:nowrap}
.index-grid .item a:after{content:".";font-size:1px;margin-left:-1px;opacity:0}
.index-grid .item a img{max-width:100%;max-height:170px;vertical-align:middle}
.index-grid h3{font-size:13px;font-weight:400;min-height:30px;margin:10px 0 0 0;padding-right:70px;position:relative}
.index-grid h3 .red{position:absolute;right:0;top:0;font-size:18px}
.index-grid .index-title{position:relative}
.index-grid .btn{position:absolute;right:50%;top:10px;margin-right:-180px;padding:5px 15px}
.index-grid .clearfix3{content:'';clear:both;overflow:hidden;display:none}
/*!---- page  ----*/
.product-list .item{padding:10px 0 0}
/*!.product-list .item .row { margin-left:-10px; margin-right:-10px; }
/*!.product-list .item .wrap { padding-left:10px; padding-right:10px; }*/
.product-list .item:hover .title{background-color:#1c3f77;box-shadow:2px 2px 5px #aaa;transition:all .5s linear}
.product-list .col-md-2{padding-left:0}
.product-list .title{font-size:16px;margin:0;padding:6px 20px;background:#5288df;color:#fff;-webkit-border-top-left-radius:18px;-webkit-border-bottom-right-radius:18px;-moz-border-radius-topleft:18px;-moz-border-radius-bottomright:18px;border-top-left-radius:18px;border-bottom-right-radius:18px}
.product-list .photo{clear:both;margin:0 -10px;padding:5px 0 0 0}
.product-list .photo li{float:left;width:33.3333%;height:135px;line-height:135px;padding:0 10px;white-space:nowrap;text-align:center}
.product-list .photo li:after{content:".";font-size:1px;margin-left:-1px;opacity:0}
.product-list .photo li img{max-width:100%;max-height:130px;vertical-align:middle}
.product-list .tag{float:left;width:45%;padding:5px 0 0;margin-bottom:-5px;clear:both}
.product-list .tag .box{display:table;width:100%;height:25px;margin-bottom:2px}
.product-list .tag .label{display:table-cell;vertical-align:middle;font-size:12px;font-weight:100;padding:5px;white-space:normal}
.product-list .tag .label-default{background-color:#ccc}
.product-list .info{float:right;width:50%;font-size:12px;padding:10px 0 0}
.product-list .info span{display:inline-block;vertical-align:top;background:#e5e5e5;font-size:12px;padding:3px 5px;margin:0 5px 0 0}
.product-list .info .red{font-size:20px;font-weight:700}
.product-list .info .fa-dollar{font-size:15px;margin-right:3px}
.search-result{border:1px solid #ddd;background:#fff;padding:.5em 1em;font-size:13px;position:relative}
/*!
.search-result .tab { display:inline-block; vertical-align:middle; margin-right:2em; }
.search-result .tab a { font-size:16px; display:inline-block; padding:0 6px; color:#999; }
.search-result .tab a:hover { color:#000; }
.search-result .tab a.active { font-weight:bold; color:#003ba6; }
*/
.product-detail .gallery{margin-bottom:2em}
.product-detail .gallery *{width:100%!important}
.product-detail .gallery .focus img{width:100%;margin-bottom:1em}
.product-detail .gallery .list{margin:0 -5px;clear:both;overflow:hidden}
.product-detail .gallery .list li{float:left;width:20%;padding:10px 5px}
.product-detail .gallery .list li img{width:100%}
.product-detail .intro h1{font-size:24px;margin:0 0 10px 0;padding:10px 20px;background:#01c3ae;color:#fff;-webkit-border-top-left-radius:18px;-webkit-border-bottom-right-radius:18px;-moz-border-radius-topleft:18px;-moz-border-radius-bottomright:18px;border-top-left-radius:18px;border-bottom-right-radius:18px}
.product-detail .intro h2{font-size:16px;margin:0 0 10px 0;color:#0091a7}
.product-detail .intro .specification{list-style:none;margin:0;clear:both;overflow:hidden;padding:0}
.product-detail .intro .specification li{float:left;width:50%;padding:5px 0}
.product-detail .intro .specification li span{display:inline-block;vertical-align:top;padding:2px 5px;width:80px;background:#7e96f7;color:#fff;text-align:center;font-size:13px;margin-right:10px}
.product-detail .intro .price strong{font-size:36px;margin-left:10px}
.product-detail .intro .tags{padding:0 0 15px 0}
.product-detail .intro .tags .label{display:inline-block;padding:5px 6px;margin-bottom:5px}
.product-detail .intro .contact{border-radius:5px;background:#f5f5f5;padding:10px 15px 10px 90px;margin:1em 0 0 0;position:relative}
.product-detail .intro .contact:before{font-family:FontAwesome;content:"\f098";font-size:70px;position:absolute;left:15px;top:-5px;color:#ccc}
.product-detail .intro .contact p{margin:0}
.bt_box{float:left;margin:10px;width:48%;border-radius:5px;background:#eaedfb;padding:10px 15px 10px 90px;position:relative}
.bt_box:before{font-family:FontAwesome;content:"\f0c1";font-size:70px;position:absolute;left:15px;top:-5px;color:#ccc}
.bt_box p{margin:0}
.product-store{background:#f5f5f5;padding:2em;margin:0}
.product-store .wrap{position:relative}
.product-store ul{list-style:none;padding:0;margin:0}
.product-store ul li{padding:2px 0}
.product-store ul li .icon:hover img{opacity:.8}
.product-store ul li strong{display:inline-block;vertical-align:top;color:#aaa;margin-right:10px}
.product-store ul li .icon img{margin-right:10px}
.product-store ul li .fa-qrcode{margin-left:10px;font-size:18px}
.score{position:absolute;right:0;top:0;background:#fff;padding:.7em 1em}
.score strong{color:#be0000;margin-right:5px}
.score .fa{color:#ffc600}
.score .tips{margin:10px 0 0 0}
.score .tips tr td{font-size:12px;color:#777}
.product-intro{background:#f2f5ff;padding:2em;margin:1em 0}
.product-intro .subtitle{display:block;text-align:center}
.product-intro ul{list-style:none;padding:0;margin:0 -10px}
.product-intro ul li{float:left;width:20%;padding:10px;font-size:13px;text-align:center}
.product-intro ul li h5{font-weight:700;text-align:center;border-bottom:1px dotted #7e96f7;padding-bottom:10px;margin-bottom:10px}
.product-intro ul li p{margin:5px 0;min-height:20px}
.product-intro ul li .btn{padding:.7em}
.product-directions *{/*max-width:100%!important;max-height:100%!important*/}
.product-directions img{max-width:100%!important;max-height:100%!important;display:block;margin:0 auto}
.store-detail .gallery{padding-bottom:1em}
.store-detail .intro{position:relative}
.store-detail .intro h1{margin-top:0;background: #994800;}
.store-detail .intro h2{color:#994800;}
.store-detail .intro .specification li span{background: #c97949;}
.store-detail .intro .icon img{margin-right:10px}
.store-detail .score{position:static;margin:10px 0;border:1px solid #eee}
.store-profile{padding-bottom:2em}
.store-profile .albums .wrap{padding:15px}
.store-profile .profile{padding-top:1em}
.onsale-item{padding-bottom:2em}
.onsale-item .row{margin-left:-5px;margin-right:-5px}
.onsale-item .item{background:#ffd870;padding:10px;border:5px solid #fff}
.onsale-item .item:hover{background:#ffd053}
.onsale-item .item a{display:block;color:#000}
.onsale-item .item .img{height:167px;line-height:167px;white-space:nowrap;text-align:center}
.onsale-item .item .img:after{content:".";font-size:1px;margin-left:-1px;opacity:0}
.onsale-item .item .img img{max-width:100%;max-height:100%;vertical-align:middle}
.onsale-item .item h4{font-size:13px}
.onsale-item .item h4 span{display:inline-block;vertical-align:top;padding:0 0 0 10px}
.clinch-item{padding-bottom:2em}
.clinch-item .row{margin-left:-5px;margin-right:-5px}
.clinch-item .item{background:#d01e1e;padding:10px;border:5px solid #fff}
.clinch-item .item:hover{background:#bb1717}
.clinch-item .item a{display:block;color:#fff}
.clinch-item .item h4{font-size:13px}
.clinch-item .item h4 span{display:inline-block;vertical-align:top;padding:0 0 0 10px}
.clinch-item .item strong.white{display:block;min-height:22px}
.clinch-item .item .done{height:167px;line-height:167px;white-space:nowrap;text-align:center;position:relative}
.clinch-item .item .done:after{content:".";font-size:1px;margin-left:-1px;opacity:0}
.clinch-item .item .done img{max-width:100%;max-height:100%;vertical-align:middle}
.clinch-item .item .done span{display:block;width:100%;height:100%;background:url(../images/all/done.png) no-repeat;background-size:cover;position:absolute;left:0;top:0}
.vdBox__box{max-width:800px;margin:auto;}
.vdBox__box iframe{width:100%;aspect-ratio:16/9;height: auto;}
/*!---p2---*/
.careful-selection .intro{margin-top:2em}
.careful-selection .intro .wrap{padding:15px}
.careful-selection .intro .fa{display:block;font-size:60px;height:60px;overflow:hidden;text-align:center;position:relative}
.careful-selection .intro .fa-balance-scale{font-size:58px}
.careful-selection .intro .fa-home{font-size:74px}
.careful-selection .intro .fa-thumbs-up{font-size:66px}
.careful-selection .intro h4{font-weight:700;text-align:center;padding:5px 0 10px 0}
/*!p2-2*/
.evaluate-grid .wrap{padding:15px}
.evaluate-grid .round{width:160px;height:160px;padding-top:70px;line-height:1;border-radius:50%;margin:0 auto;text-align:center;background:#fff;border:6px solid #5bc0de;box-shadow:0 0 6px #5bc0de;margin-bottom:1em}
.evaluate-grid .round.fix{padding-top:60px}
.evaluate-grid .clearfix{display:none}
/*!
.sales-teaching .wrap { position:relative; }
.sales-teaching .step { display:block; width:32px; height:32px; background:#ffc000; color:#fff; border-radius:50%; position:absolute; left:10px; top:-5px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:20px; font-style:italic; }
.sales-teaching p { padding:10px 0; text-align:center; }
*/
.sales-case h5{text-align:center;margin-bottom:3em}
/*! p3 */
/*!Form Wizard*/
.bs-wizard{padding:1em 0;margin:0}
.bs-wizard>.bs-wizard-step{width:20%;padding:0;position:relative}
.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:15px;line-height:1.2}
.bs-wizard>.bs-wizard-step>.bs-wizard-dot{position:absolute;width:30px;height:30px;display:block;background:#63f0fd;top:25px;left:50%;margin-top:-15px;margin-left:-15px;border-radius:50%}
.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{content:' ';width:14px;height:14px;background:#e4e4e4;border-radius:50px;position:absolute;top:8px;left:8px}
.bs-wizard>.bs-wizard-step>.progress{position:relative;border-radius:0;height:8px;box-shadow:none;margin:20px 0}
.bs-wizard>.bs-wizard-step>.progress>.progress-bar{width:0;box-shadow:none;background:#63f0fd}
.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}
.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}
.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0%}
.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}
.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}
.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}
.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}
.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}
.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}
/*!  p4  */
.loan-focus .row{padding-top:2em}
.loan-focus .arrow{min-height:300px;background:url(../images/all/arrow.png) center no-repeat;background-size:60% auto}
.loan-focus .parameter .form-group,.loan-focus .parameter .tit{display:inline-block;vertical-align:top;padding:.7em .4em;width:16.3%}
.loan-focus .parameter .form-group .form-control{width:100%}
.loan-focus .parameter .form-group.submit .form-control{background:#09c;border:1px solid #09f;color:#fff}
.loan-focus .parameter .form-group.submit .form-control:focus,.loan-focus .parameter .form-group.submit .form-control:hover{background:#09f}
.loan-focus ul{padding-top:10px;clear:both;overflow:hidden;margin-bottom:1em}
.loan-focus ul li{float:left;width:50%;font-size:13px;padding-top:5px}
.loan-focus .label{display:block;font-size:18px;padding:1em;background-color:#fff8e1;border:1px solid #ffd551;color:#af9268;margin:40px 0 20px 0}
.loan-focus .label strong{margin-right:5px}
.loan-focus .ex{display:block;color:#999;line-height:1.2;font-size:13px}
/*!--p5----*/
.trial-form{padding-top:2em}
.trial-form .table{border:6px solid #93d4f1}
.trial-form .table tr td,.trial-form .table tr th{padding:10px 20px;vertical-align:middle}
.trial-form .title{background:url(../images/page/p5_2.jpg) no-repeat;background-size:cover;text-shadow:1px 1px 1px #fff;font-weight:700;color:#1c3f77}
.trial-form .title .fa{width:50px;text-align:center}
/*!美容鍍膜*/
.content .slogan{text-align:center;font-weight:700;letter-spacing:2px;margin:30px auto;color:#ed8420}
.content table{border-top:solid thin #5495cb;border-left:solid thin #5495cb}
.content table tr td{border-bottom:solid thin #5495cb;border-right:solid thin #5495cb;padding:5px 10px}
.content table thead tr td{background:#6eadcf;color:#fff;text-align:center}
.beautyService{max-width:800px;margin:20px auto}
.beautyService tr td:last-child{text-align:center}
.beautyStep{max-width:1000px;margin:40px auto 60px;padding-left:0;list-style:none}
.beautyStep:after{content:'';display:block;clear:both}
.beautyStep li{width:calc(100% / 3 - 7px);float:left;margin-right:10px;margin-bottom:10px}
.beautyStep li:nth-child(3n){margin-right:0}
.beautyStep li:nth-child(3n+1){clear:both}
.beautyStep li img{width:100%;height:auto}
.content .video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin:30px 0}
.content .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*!.content .video iframe{width:100%;height: 0;padding-bottom: 56.25%;}*/
/*!汽車維修線上估價*/
.mtContent .nav-tabs{border-bottom:0}
.mtContent .nav li{width:calc(100% / 4 - 8px);margin-right:10px;float:left;text-align:center;margin-bottom:20px}
.mtContent .nav li.active img{border:solid 4px #2b9bc4}
.mtContent .nav li.active a{color:#2b9bc4;font-weight:700}
.mtContent .nav li:nth-child(4n){margin-right:0}
.mtContent .nav li:nth-child(4n+1){clear:both}
.mtContent .nav li a{display:block;padding:0;border:0;color:inherit}
.mtContent .nav li a img{width:100%;height:auto;margin-bottom:10px}
.mtContent .nav li.active a,.mtContent .nav li.active:hover a,.mtContent .nav li:hover a{background:0 0;border:0;cursor:pointer}
.mtContent .tab-content .mtTitle{color:#2b9bc4;font-size:2rem;font-weight:700;margin:30px 0;padding:0 10px 20px;border-bottom:solid thin #ccc}
.mtContent .tab-content .mtTitle:before{content:'\f1b9';font-family:FontAwesome;color:#fff;background:#2b9bc4;border-radius:50px;margin-right:10px;margin-top:-5px;font-size:12px;padding:10px;text-align:center;float:left}
.mtContent .tab-content .mtImg{margin-bottom:30px}
.mtContent .tab-content .mtImg img{max-width:100%;max-height:100%;display:block;margin:0 auto}
.mtContent .tab-content .mtAlbum ul{padding-left:0;margin-bottom:0;list-style:none}
.mtContent .tab-content .mtAlbum ul li{width:calc(100% / 4 - 8px);margin-right:10px;float:left;text-align:center;margin-bottom:20px}
.mtContent .tab-content .mtAlbum ul li:nth-child(4n){margin-right:0}
.mtContent .tab-content .mtAlbum ul li:nth-child(4n+1){clear:both}
.mtContent .tab-content .mtAlbum ul li img{width:100%;height:auto}

.sortBtn{padding: 0 20px;margin: 16px;display: flex;position:relative;}
.sortBtn:after{content:'';position:absolute;width:100%;height: 1px;background:#003ba6;left:0;bottom:0;}
.sortBtn__item{position: relative;padding: 4px 10px;border: 1px solid #003ba6;min-width: 80px;text-align: center;flex: 1;font-size: 3rem;}
.sortBtn__item:nth-child(1){border-top-left-radius:4px;}
.sortBtn__item:nth-child(2){border-top-right-radius:4px;}
.active.sortBtn__item{background:#003ba6;color:#fff;}
.sortBtn__item:not(.active):hover{background:#1c3f77;color:#fff;}
/* .active.sortBtn__item:after{content:'';position:absolute;width: 15px;aspect-ratio: 5/3;background: #003ba6;left: 50%;bottom: 0;transform: translate(-50%,100%);clip-path: polygon(50% 100%, 0 0, 100% 0);} */
.itemWrap + .itemWrap{margin-top:4rem;}
.table-container{overflow-x:auto;}
.blockBtn{display:flex;justify-content: center;gap: 2rem;padding: 2rem 0;flex-wrap: wrap;}

/*!============RWD================*/
@media (max-width:768px){
	.mtContent .nav li{width:calc(100% / 2 - 8px)}
	.mtContent .nav li:nth-child(4n){margin-right:10px}
	.mtContent .nav li:nth-child(4n+1){clear:none}
	.mtContent .nav li:nth-child(2n){margin-right:0}
	.mtContent .nav li:nth-child(2n+1){clear:both}
	.mtContent .tab-content .mtAlbum ul li{width:calc(100% / 2 - 8px)}
	.mtContent .tab-content .mtAlbum ul li:nth-child(4n){margin-right:10px}
	.mtContent .tab-content .mtAlbum ul li:nth-child(4n+1){clear:none}
	.mtContent .tab-content .mtAlbum ul li:nth-child(2n){margin-right:0}
	.mtContent .tab-content .mtAlbum ul li:nth-child(2n+1){clear:both}
}
@media (max-width:1680px){
	.search-area{left:10%}
}
@media (max-width:1280px){
	/*!----banner---*/
	.carousel{height:400px}
	.search-area{width:400px;left:10%}
}
@media (max-width:1200px){
	.index-grid .clearfix{display:none}
	.index-grid .clearfix3{display:block}
}
@media (max-width:1080px){
	.nav .menu li a{padding:10px}
}
@media (max-width:1024px){
	/*!----banner---*/
	.carousel{height:320px}
	.search-area{margin:0 -15px;width:auto;position:static;left:inherit;bottom:inherit}
	.search-area .area-content{padding:20px 0}
	.search-area .form-group.extra{padding:0 1%}
	.search-area .btn{position:static;left:inherit;bottom:inherit;display:block;margin:1em auto 0}
	.product-intro ul li{width:33.3333%}
	.bt_box{margin:10px 20px;width:45%}
}
@media (max-width:992px){
	.in-store .item a{height:230px;line-height:220px}
	.in-store .item img{max-height:220px}
	/*!  -- page  --- */
	.product-list .tag .box{float:left;width:25%;height:auto;display:block}
	.product-list .tag .label{display:block;padding:1em 1.5em;margin:0 1px}
	.bt_box{float:none;margin:10px 0 30px 20px;width:96.5%}
}
@media (max-width:970px){
		.wrapper{padding:1.5em 0}
	/*!----banner---*/
	.carousel{height:300px}
	/*!選單*/
	.slicknav_menu{display:block}
	.slicknav_nav li.mobile{display:none}
	.submenu{position:static;clear:both;overflow:hidden;margin-top:15px}
	.submenu li.Visitor{position:fixed;width:auto;right:10px}
	.nav .menu{display:none}
	.slicknav_nav>li>a img{display:none}
	.footer{padding-bottom:0}
	.footer-banner{padding:2em 0;text-align:center}
	.footer-banner .info{clear:both;overflow:hidden;margin-bottom:30px}
	.footer-banner .info p{float:left;width:33.3333%;padding:0 20px}
	.footer .smenu .area{margin:0 .8em}
	.product-list .tag{width:65%}
	.product-list .tag .box{width:50%}
	.product-list .info{width:30%}
}
@media (max-width:768px){
	.wrapper{padding:1em 0}
	/*!----banner---*/
	.carousel{height:240px}
	.navbar-custom .navbar-brand{padding:10px}
	.navbar-right{display:none}
	.slicknav_nav li.mobile{display:block}
	.slicknav_nav li.mobile.mobile-login>a{float:left;background:#222;padding:12px 30px;text-align:center;width:50%}
	.slicknav_nav li.mobile.mobile-login>a:before{content:''}
	.slicknav_nav li.Visitor{clear:both;display:block;margin-left:0;padding:12px 30px;background:#222;color:#fff}
	.slicknav_menu{margin-top:-5px}
	.footer{padding-bottom:0}
	.footer-banner .circle li{width:50%;margin-bottom:10px}
	.footer .smenu .area{margin:0 .4em}
	.in-store .item a{height:170px;line-height:160px}
	.in-store .item img{max-height:150px}
	/*!---page---*/
	.search-area.in-page{padding:1.5em 0}
	.search-area.in-page .form-group{float:inherit;width:auto;margin:0 0 5px 0;padding:0;position:relative}
	.search-area.in-page .form-group.extra{float:inherit;width:auto}
	.product-store .score{position:static;margin-top:10px}
	.product-intro ul li{float:inherit;width:auto}
	.loan-focus .parameter .form-group,.loan-focus .parameter .tit{width:19.6%;margin-bottom:0}
	.loan-focus .parameter .form-group.submit{display:block;width:auto}
	.loan-focus .label{text-align:center;margin-top:0}
	.evaluate-grid .clearfix,.footer .smenu .clearfix{display:block}
	.footer .smenu .area{margin:0 1em}
	.bt_box{width:95%}
}
@media (max-width:780px){
	.index-grid .clearfix3{display:none}
	.index-grid .row{margin:0 auto}
	.index-grid .item{float:inherit;display:inline-block;vertical-align:top;width:49%}
	.footer-banner .info p{width:50%}
}
@media (max-width:700px){
	/*!----banner---*/
	.carousel{height:200px}
	.slicknav_menu{margin-top: -20px;}
	/*!------page------*/
	.product-list .photo li{height:150px;line-height:150px}
	.product-list .photo li img{max-height:150px}
}
@media (max-width:640px){
	.major-title{font-size:22px}
	.btn{width:100%;padding:10px;font-size:14px}
	.btnWrap .btn+.btn{margin:10px auto 0}
	.content .slogan{font-size:18px}
	.beautyStep{margin:30px auto}
	.beautyStep li{width:calc(100% / 2 - 5px)}
	.beautyStep li:nth-child(3n){margin-right:10px}
	.beautyStep li:nth-child(3n+1){clear:none}
	.beautyStep li:nth-child(2n){margin-right:0}
	.beautyStep li:nth-child(2n+1){clear:both}
	/*!汽車維修線上估價*/
	.mtContent .nav li.active img{border:solid 2px #2b9bc4}
}
@media (max-width:600px){
	/*!#rt_price { left:0; right:0; bottom:0; width:100%; height:auto;}
	.new_code, #goTop { display:inline-block; vertical-align:top; margin:0; padding:0;  border:none; position:static; left:inherit; bottom:inherit; height:auto; box-shadow:none;  }
	#goTop { background:#aaa; color:#fff; width:30%; max-width:136px; height:35px; line-height:35px; border-radius:8px; }*/
	.new_code a img{max-width:100%}
	.new_code>img{display:none}
	.product-detail .intro h1{font-size:20px}
	.product-detail .intro .specification li{float:inherit;width:auto}
	/*!------page------*/
	.product-list .photo li{height:120px;line-height:120px}
	.product-list .photo li img{max-height:120px}
	.product-list .info,.product-list .tag{float:inherit;width:auto;clear:both}
	.product-store .wrap{float:inherit;width:auto;padding:1em 0}
}
@media (max-width:480px){
	/*!----banner---*/
	.carousel{height:150px}
	.footer-banner .info p{float:inherit;display:block;padding:0;font-size:15px}
	.footer-banner .ftInfoBox__item{flex-direction: column;}
	.footer .smenu .area{float:inherit;width:100%;margin:0;padding:0 2%;padding-bottom:2em}
	.footer .smenu .area a{display:inline-block;vertical-align:top;padding:0 10px 0 0}
	.index-title{font-size:26px}
	/*!   index  */
	.index-focus ul li{float:inherit;width:auto}
	.in-store .nav-tabs>li>a{font-size:13px;padding:10px 5px;margin:0 -2px 0 0}
	.index-grid h3{padding-right:0}
	.index-grid h3 .red{display:block;position:static;left:inherit;top:inherit;padding-top:10px}
	.index-grid .btn{top:5px;margin-right:-140px;padding:3px 10px}
	.search-area .btn{width:96%;padding:10px}
	/*!------page------*/
	.product-list .photo li{height:100px;line-height:100px}
	.product-list .photo li img{max-height:100px}
	.product-list .tag .box{float:inherit;width:auto}
	.product-list .tag .label{display:block;width:100%;margin:2px 0}
	.product-store .wrap{font-size:13px}
	.store-detail .intro h1{font-size:24px}
	.bt_box{width:92%}
	.btnWrap.btn2 .bt{display:block;margin-bottom:10px}
	.btnWrap.btn2 .btn{margin:0}
}
@media (max-width:320px){
	/*!----banner---*/
	.carousel{height:100px}
	.navbar-header{min-width:90px}
	.slicknav_menu{margin-top:-20px}
	.slicknav_nav li.mobile.mobile-login>a{font-size:12px}
	.footer-banner .circle li a{width:100px;height:100px;font-size:13px}
	.footer-banner .circle li .fa{font-size:25px}
	.footer-banner .circle li:first-child .fa{font-size:20px;line-height:25px}
	.footer-banner .circle li.line img{height:25px}
	.in-store .nav-tabs>li{float:left;width:33.3333%}
	.in-store .nav-tabs>li>a{padding:10px}
	.in-store .item{display:block;margin:0 auto;width:auto}
	.index-grid .item{display:block;margin:0 auto;width:auto}
	.index-grid .btn{position:static;top:auto;display:block;margin:0 auto}
	.search-area .form-group:first-child .column:first-child,.search-area .form-group:nth-child(2) .column:first-child,.search-area .form-group:nth-child(4) .column:first-child{margin-bottom:5px}
	.search-area .form-group:first-child .column,.search-area .form-group:nth-child(2) .column,.search-area .form-group:nth-child(4) .column{float:inherit;width:auto}
	.product-list .photo li{height:70px;line-height:70px}
	.product-list .photo li img{max-height:70px}
	.bt_box{width:88%}
}