@import './common.css';

/*輪播圖*/
.banner_slider.owl-carousel .owl-stage-outer{overflow: visible;}
.banner_slider.owl-carousel.owl-drag .owl-item:before{content:"";background:#fff;opacity: .8;position:absolute;top: 0;right: 0;bottom: 0;left: 0;display:block;z-index:2;}
.banner_slider.owl-carousel.owl-drag .owl-item.active:before{content:"";display:none;}
.banner_slider.owl-carousel.owl-theme .owl-nav {text-align:center;position:absolute;top:calc(50% - 40px);left:-4%;width:108%;z-index:10;height: 0;}
.banner_slider.owl-carousel.owl-theme .owl-nav [class*='owl-'] {color:#000;font-size:30px;background:#fff;}
.banner_slider.owl-carousel .owl-prev{float:left;width:40px;height:80px;background:#727272;border-radius:0%;}
.banner_slider.owl-carousel .owl-next{float:right;width:40px;height:80px;background:#727272;border-radius:0%;}
.banner_slider.owl-carousel.owl-theme .owl-dots {display:none;}
/*.no-js .banner_slider.owl-carousel {display: none;}*/

@media (max-width: 767px){
	.banner_slider{overflow:hidden;}
	.banner_slider.owl-carousel.owl-theme .owl-nav {display:none;}
	.banner_slider.owl-carousel.owl-drag .owl-item:before{content:"";background:none;opacity:1;}
}

/*輪播圖2*/
.banner_slider2{margin: 1rem 0;}
.banner_slider2.owl-carousel.owl-theme .owl-nav {text-align:center;position:absolute;top:calc(50% - 40px);left:0;width:100%;z-index:10;height: 0;opacity:0;}
.banner_slider2.owl-carousel:hover .owl-nav{opacity: 0.8;}
.banner_slider2.owl-carousel.owl-theme .owl-nav [class*='owl-'] {color:#fff;font-size:30px;background:#000;}
.banner_slider2.owl-carousel .owl-prev{float:left;width:40px;height:80px;background:#727272;border-radius:0%;}
.banner_slider2.owl-carousel .owl-next{float:right;width:40px;height:80px;background:#727272;border-radius:0%;}
.banner_slider2.owl-carousel.owl-theme .owl-dots {display:none;}
/*.no-js .banner_slider2.owl-carousel {display: none;}*/

@media (max-width: 767px){
	.slider-wrap .container{padding:0;}
	.banner_slider2{overflow:hidden;margin-bottom: 1rem;padding: 0 10px;}
	.banner_slider2.owl-carousel.owl-theme .owl-nav {display:none;}
	.banner_slider2.owl-carousel.owl-drag .owl-item:before{content:"";background:none;opacity:1;}
}

/*輪播圖3*/
.banner_slider3.owl-carousel{margin-bottom:2rem;}
.banner_slider3.owl-carousel .item{height:400px;}
.banner_slider3.owl-carousel .owl-item a{display:block;height:100%;}
.banner_slider3.owl-carousel .owl-item span{display:block;background-size:cover;background-position:center;width:100%;height:100%;}
.banner_slider3.owl-carousel picture{display:none;}
.banner_slider3.owl-carousel.owl-theme .owl-nav {text-align:center;position:absolute;top:calc(50% - 20px);left:calc((100% - 1300px)/2);width:100%;max-width:1300px;z-index:10;height: 0;}
.banner_slider3.owl-carousel.owl-theme .owl-nav [class*='owl-'] {color:#fff;font-size:30px;background:#000;}
.banner_slider3.owl-carousel .owl-prev,.banner_slider3.owl-carousel .owl-next{width:40px;height:40px;background:#727272;border-radius:100%;display:flex;align-items:center;justify-content:center;opacity:.8;}
.banner_slider3.owl-carousel .owl-prev:hover,.banner_slider3.owl-carousel .owl-next:hover{opacity:1;}
.banner_slider3.owl-carousel .owl-prev{float:left;}
.banner_slider3.owl-carousel .owl-next{float:right;}
.banner_slider3.owl-carousel .owl-prev span,.banner_slider3.owl-carousel .owl-next span{margin-top: -6px;}
.banner_slider3.owl-carousel.owl-theme .owl-dots {display:none;}
/*.no-js .banner_slider3.owl-carousel {display: none;}*/
@media (max-width: 1300px){
	.banner_slider3.owl-carousel .item{height:300px;}
	.banner_slider3.owl-carousel.owl-theme .owl-nav{left:2%;width:96%;}
}
@media (max-width: 767px){
	.banner_slider3.owl-carousel{overflow:hidden;margin-bottom:0;}
	.banner_slider3.owl-carousel .item{height:auto;}
	.banner_slider3.owl-carousel .item a{height:auto;}
	.banner_slider3.owl-carousel span{display:none;}
	.banner_slider3.owl-carousel picture{display:block;}
	.banner_slider3.owl-carousel.owl-theme .owl-nav {display:none;}
	.banner_slider3.owl-carousel.owl-drag .owl-item:before{content:"";background:none;opacity:1;}
}


/*首頁news*/
.news_slider{min-height: 160px;}
.news_slider.owl-carousel .owl-nav {position:absolute;top:calc(50% - 20px);left: 0;width:100%;z-index:10;height:0;margin-top:0;}
.news_slider.owl-carousel .owl-nav button.owl-prev,.news_slider.owl-carousel .owl-nav button.owl-next{background:rgba(0,0,0,0.9);color:#fff;font-size:30px;line-height:40px;width:30px;margin:0;font-weight:bold;opacity:0;}
.news_slider.owl-carousel .owl-nav button.owl-prev{float:left;height:40px;}
.news_slider.owl-carousel .owl-nav button.owl-next{float:right;height:40px;}
.news_slider.owl-carousel:hover .owl-nav button{opacity: 0.8;}
.news_slider.owl-carousel .owl-dots{display:none;}
/*.no-js .news_slider.owl-carousel {display: none;}*/

.news_area{margin:1rem 0;}
.news_area h1{font-size:1.75rem;border-left:5px solid #72c147;line-height:1.2;padding-left:10px;margin-top:0;margin-bottom:1rem;font-weight:bold;}
.news_block{display:flex;flex-direction:column;}
.news_block h2{font-size:1.25rem;margin-top:0;font-weight:bold;}
.news_block h2 a{color:#333;}
.news_block time{background-color:#72c147;padding:5px 0;color:#fff;margin-bottom:.5rem;width:100px;text-align:center;letter-spacing:1px;}
.news_block p{font-size:1rem;margin-bottom:0;height: 88px;overflow: hidden;}
.news_img{margin-bottom:10px;position:relative;background-position:center center;background-repeat:no-repeat;background-size:100%;padding-bottom:100%;display:block;height:0;}
@media (max-width: 767px){
	.news_area h1{font-size:1.25rem;}
	.news_block h2{font-size:1rem}
	.news_block p{font-size:12px;}
}


/*自定義頁面*/
.page-area{margin:1rem 0;}


/*首頁產品*/
.product_area{margin:1rem 0;}
.product_area .top{border-bottom: 1px solid #b0b0b0;margin-bottom:10px;display:flex;align-items: stretch;}
.product_area .top .title{flex:0 0 250px;padding:8px 20px;background:#4dd2a7;font-size:1.5rem;font-weight:bold;color:#fff;line-height:200%;letter-spacing:2px;display:flex;align-items:center;}
.product_area .top .title span{width:100%;text-align:center;}
.product_area .top .title.pro2{background: #b4da2f;}
.product_area .top ul.tabs{flex:1;list-style:none;margin-bottom:0;padding-left:0;display:flex;}
.product_area .top ul.tabs li{flex:0 0 20%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;border-top:1px solid #c3c3c3;border-right:1px solid #c3c3c3;}
.product_area .top ul.tabs li:first-child{border-left:1px solid #c3c3c3;}
.product_area .top ul.tabs li.active,.product_area .top ul.tabs li:hover{background-color:#bad6e4;color:#fff;}

.product_area .bottom .tab_panel{display:none;}
.product_area .bottom .tab_panel.active{display:flex;}
.product_area .bottom .tab_panel .panel_left{flex:0 0 250px;}
.product_area .bottom .tab_panel .panel_left a img{width:100%}
.product_area .bottom .tab_panel .panel_right{flex:1;max-width:calc(100% - 270px);margin-left: auto;}
.product_area .bottom .tab_panel .panel_right.no_left{max-width:100%;}

/*首頁產品 輪播樣式*/
.product_slider.owl-carousel.owl-theme .owl-nav {text-align: center;width: 100%;z-index:10;position:absolute;top:calc(50% - 50px);left:0;height:0;}
.product_slider.owl-carousel .owl-nav button.owl-prev,.product_slider.owl-carousel .owl-nav button.owl-next{background:#000;color:#fff;font-size:20px;line-height:40px;width:40px;font-weight:bold;opacity:0;}
.product_slider.owl-carousel .owl-nav button.owl-prev{float:left;}
.product_slider.owl-carousel .owl-nav button.owl-next{float:right;}
.product_slider.owl-carousel .owl-nav .disabled{display:none;}
.product_slider.owl-carousel:hover .owl-nav button{opacity: 0.8;}
.product_slider.owl-carousel .owl-dots{display:none;}
.product_slider.owl-carousel.owl-loaded {display:block;}
.product_slider.owl-carousel.owl-loading {opacity:0;display:block; }
.product_slider.owl-carousel.owl-hidden {opacity:0;}
.product_slider.owl-carousel.owl-refresh .owl-item {visibility:hidden; }
@media (max-width: 1200px){
	.product_area .top{flex-wrap: wrap;}
	.product_area .top .title{flex:0 0 100%;line-height:150%;}
	.product_area .top ul.tabs{flex:0 0 100%;}
	.product_area .top ul.tabs li{padding:10px 0;font-size:1rem;}
	.product_area .bottom .tab_panel .left{display:none;}
}


/*單個產品樣式*/
a.product_block{margin-bottom:1rem;text-decoration:none;display:block;}
a.product_block:hover{opacity:.8;}
a.product_block:nth-child(2n+2){margin-bottom:.5rem;}
a.product_block h1{font-size:1rem;margin-top:0;margin-bottom:.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#333;}
a.product_block .price{color:#333;}
a.product_block .img{position:relative;display: block;width: 100%;height: 0;padding-bottom:98.8%;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: 100%;border: 1px solid #c3c3c3;margin-bottom:.5rem;}
a.product_block .img span.leval {background: #77a976;color: #fff;font-size: 13px;font-weight: 700;top:0;left:0;line-height: 20px;padding: 5px;position: absolute;text-align: center;z-index: 1;}
a.product_block .info{height:70px;}
a.product_block .info .feature{color:#e45d2d;margin-bottom:.5rem;line-height:1;}
a.product_block .info.pro2{height:50px;}

.product_area .bottom .tab_panel .panel_right .link_more{text-align:right;font-size:18px;}
.product_area .bottom .tab_panel .panel_right .link_more a{font-weight:bold;color:#777;}
.product_area .bottom .tab_panel .panel_right .link_more a:hover{color:#589b3e;}


/*產品內頁*/
.product-incontent{border: 1px solid #a5a5a5;padding:10px;}
.product-incontent .main_pic > img{margin-bottom: 20px;}
.product-incontent .main_pic a{cursor: pointer;}
.product-incontent2{padding:10px;}
.product_page{display:flex;flex-direction:column;}
.product_page2{display:flex;flex-direction:column;background-color:#fff;padding:10px 15px;}
.p_editor{margin-bottom:2rem;}
.product_info{display:flex;flex-direction:column;margin-bottom:1rem;}
.product_info h1{font-size:1.5rem;margin-top:0;display:flex;padding-right:1rem;margin-bottom:0;line-height:2;}
.product_info h1 span{font-weight:600;}
.product_info h1  a.toLove{color:#ccc;margin-left:auto;cursor:pointer;}
.product_info h1  a.toLove.active{color:#f19fb9;}
.product_info h1  a.toLove:hover{color:#f19fb9;}
.product_info .product-feature{color:#e45d2d;margin-bottom:.5rem;font-size:1rem;letter-spacing:1px;}
.product_info .product-reference{color: #222;font-weight: bold;margin-bottom: 5px;font-size:1rem;display:flex;align-items:center;}
.product_info .product-reference label{width:50px;margin-bottom:0;}
.desc {border-top: 1px dashed #7e8589;color: #7e8589;display: inline-block;font-size: 14px;line-height: 200%;margin: 15px 0 0;padding: 10px 0;width: 100%;text-align: left;min-height:100px;}
.product_info .quantity{margin-bottom:0;display:flex;align-items:center;}
.product_info .quantity input {border: 1px solid #ccc;height: 36px;padding: 7px;width: 100px;border-radius: 0;outline: none;box-shadow: none;}
.product_info .quantity  .qtybutton {border: 1px solid #ccc;background: #fff;color: #ccc;cursor: pointer;display: block;font-size: 1.5rem;text-align: center;width: 40px;}
.product_info .product_alert{color:red;}
.product_info .cart-box {border: 2px solid #e80404;text-align:center;background-color:#e80404;color:#fff;font-size:1rem;line-height:3;cursor:pointer;}
.product_info .cart-box:hover{background-color:#fff;color:#e80404;}
/*產品選項*/
.product-item{margin-bottom:10px;}
.product-item p{float: left;margin-right: 7px;line-height: 50px;}
.product-item a{border: 1px solid #ccc;display: block;float:left;margin-right:5px;}
.product-item a img{width:50px;height:50px;}
.product-item h2{font-size:1rem;line-height:150%;margin-top:10px;font-weight:bold;}
.product-item h3{font-size:1rem;line-height:150%;margin-top:10px;}
.product-item select{width:100%;font-size:1rem;line-height:200%;padding:5px 10px;background-color:#fff;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance: none;background: url(img/arrow_bottom.png) right 10px center no-repeat;outline: none;}
.product-item .plate_select{display:flex;border:2px solid #a5a5a5;padding:.5rem;align-items:center;}
.product-item .plate_select font{display:flex;align-items:center;}
.product-item .plate_select img{}
.product-item .plate_select input[type='file']{display:none;}
.product-item .plate_select label.addpurchase-btn{margin-left:auto;font-size:1rem;cursor:pointer;background-color:#a5a5a5;color:#fff;padding:2px 5px;display:flex;align-items:center;margin-bottom:0;}
.product-item .plate_select input[type=file]{max-width:calc(100% - 110px);}
h1.all_price{color:#ff3c00;font-size:1rem;margin:.5rem 0;}
/*產品推薦*/
.pro_list{margin-top:2rem;}
.pro_list ul.tab-menu{list-style:none;padding-left:0;border-bottom:2px solid #3e7385;}
.pro_list ul.tab-menu li{display:inline-block;margin-right:0px;}
.pro_list ul.tab-menu li a{border:1px solid #3e7385;padding: 8px 25px;color: #3e7385;font-size: 16px;font-weight: 400;line-height: 35px;text-decoration: none;border-top-left-radius:15px;border-top-right-radius:15px;letter-spacing:2px;}
.pro_list ul.tab-menu li.active a{background: #3e7385 none repeat scroll 0 0;color: #fff;text-decoration: none;border-top-left-radius:15px;border-top-right-radius:15px;} 
.pro_list ul.tab-menu li.product-menu-right{display:none;}
@media (max-width: 767px){
	.pro_list ul.tab-menu {height:auto;}
	.pro_list ul.tab-menu li.product-menu-right{float:right;display:inline-block;background:none;color:#3e420d;padding:0;margin-right:0;}
	.pro_list ul.tab-menu li.product-menu-right a{background:none;color:#3e7385;padding:10px 0; border:none;}
	.pro_list ul.tab-menu li.product-menu-right:hover a{background:none;color:#3e7385;padding:10px 0;}
}
.pro_information{margin-top:2rem;margin-bottom:3rem;}
.pro_information ul.tab-menu{list-style:none;padding-left:0;border-bottom:2px solid #3e7385;}
.pro_information ul.tab-menu li{display:inline-block;margin-right:0px;}
.pro_information ul.tab-menu li a{border:1px solid #3e7385;padding:8px 25px;color: #3e7385;font-size: 16px;font-weight: 400;line-height: 35px;text-decoration: none;border-top-left-radius:15px;border-top-right-radius:15px;letter-spacing:2px;}
.pro_information ul.tab-menu li.active a{background:#3e7385 none repeat scroll 0 0;color: #fff;text-decoration: none;border-top-left-radius:15px;border-top-right-radius:15px;} 
.pro_information ul.tab-menu li.product-menu-right{display:none;}
@media (max-width: 767px){
	.pro_information ul.tab-menu {height:auto;}
	.pro_information ul.tab-menu li.product-menu-right{float:right;display:inline-block;background:none;color:#3e420d;padding:0;margin-right:0;}
	.pro_information ul.tab-menu li.product-menu-right a{background:none;color:#3e7385;padding:10px 0; border:none;}
	.pro_information ul.tab-menu li.product-menu-right:hover a{background:none;color:#3e7385;padding:10px 0;}
}


/* 首頁文章*/
.article-area{margin:2rem 0;}
.article-bigtitle{font-size:1.75rem;font-weight:bold;color:#4a4a4a;line-height:1.2;letter-spacing:2px;border-left: 5px solid #72c147;padding-left: 10px;}
@media (max-width: 767px){
	.article-bigtitle {text-align: center;padding-left: 0px;}
}
.article-block{}
.article-block a{display:block;margin-bottom:10px;position:relative;text-align:center;cursor:pointer;background-position:center center;background-repeat:no-repeat;background-size:100%;padding-bottom:100%;}
.article-title{text-align:center;margin-bottom:30px;}
.article-title a{font-size:16px;color:#000;line-height:200%;}

/*文章列表*/
.article_title{font-weight: bold;font-size: 24px;line-height:150%;color:#000;letter-spacing:2px;border-bottom: 2px solid #000;padding-bottom:10px;margin-bottom:20px;}
.article_block{display:block;}
.article_block:hover{text-decoration:none;}
.article_block .article_img{display:block;margin-bottom:10px;position:relative;text-align:center;cursor:pointer;background-position:center center;background-repeat:no-repeat;background-size:100%;padding-bottom:100%;}
.article_block h2{color:#333;text-align:center;font-size:1rem;margin-top:0;margin-bottom:2rem}

/*單頁*/
.page_title{font-weight:bold;font-size:24px;line-height:150%;margin-bottom:0px;letter-spacing:2px;border-bottom: 2px solid #000;padding-bottom:10px;margin-bottom:20px;}
.page_content{min-height:200px;line-height: 200%;margin-bottom:3rem;word-break: break-all;}
.page_content p{font-size:18px;line-height:200%;}

/*聯絡方式*/
.contact_method{display:flex;align-items:center;margin:1rem 0;}
.contact_method label{font-weight:700;margin-bottom:0;}
.contact_method a img{width:32px;}

/**/
.keyword-button a{color:#e45d2d;}

/*登入 彈出窗*/
.member_bg{position:fixed;z-index:2;right:calc(50% - 300px);top:10%;display:none;z-index:99;width:100%;max-width:600px;}
.member_bg.active{display:block;}
.member_block{background:#fff;margin-top:10%;min-height:460px;margin-left:auto;margin-right:auto;position:relative;width:calc(100% - 20px)}
.member_block_close{position:absolute;top:-20px;right:-20px;font-size:20px;color:#fff;cursor:pointer;}
.member_block ul.nav-tabs{display:flex;}
.member_block ul.nav-tabs li{flex:1 1 0;text-align:center;margin-bottom:0;}
.member_block ul.nav-tabs li.active a{background-color:#a5a5a5;color:#fff;border:none;border-radius:0;}
.member_block ul.nav-tabs li.hover a{border:none;border-radius:0;}
.member_block ul.nav-tabs li a{margin-right:0;color:#000;border:none}
.member_msg{width:400px;max-width:100%;margin:20px auto;padding:0 10px;}
.member_msg:after{content:'';clear:both;display:block;}
.member_list{line-height:200%;margin-bottom:10px;}
.member_list label{width:100px;}
.member_list input.ng-valid{border-color:rgb(169, 169, 169);}
.member_list input[type="text"],.member_list input[type="password"]{width:calc(100% - 100px);padding:5px;}
.member_list select{width:calc(100% - 103.5px);padding:5px;}
.member_password a{color:#333;}
.member_send{width:100%;margin-top:20px;}
.member_send span{width:calc(50% - 2px);display:inline-block;border:2px solid #ccc;text-align:center;font-size:16px;line-height:200%;cursor:pointer;}
.member_send span:hover{background:#ccc;color:#fff;}
.member_send span:nth-child(1){margin-right:2px;}
.member_send span:nth-child(2){margin-left:2px;}

.fb_login{border-top:1px solid #ccc;text-align:center;}
.fb_login h1{font-size:1.5rem;}
.login-fb-btn{padding: 5px 10px;text-align:center;width: 200px;display: inline-block;border-radius: 5px;-mos-border-radius: 5px;-webkit-border-radius: 5px;background-color: #2e4da7;margin:auto;}
.login-fb-btn a{line-height:100%;}
.login-fb-btn a img{width:80px;}
@media (max-width: 768px){
	.member_bg{right:0;top:30px;}
	.member_block{width:calc(100% - 50px)}
}

/*登入介面*/
.login{padding-bottom:3rem;max-width:600px;margin:0 auto;}
.login .nav-tabs{text-align:center;}
.login .nav-tabs>li{float:unset;display:inline-block;font-size:1.5rem;font-weight:500;width:49.6%;margin-right:0;}
.login .nav-tabs>li>a{margin-right:0}
.login ul.nav-tabs li.active a {background-color: #a5a5a5;color: #fff;border: none;border-radius: 0;}

/*忘記密碼*/
.login .title{font-size: 1.25rem;background-color: #a5a5a5;color:#fff;padding: 5px 10px;}
.login .content{border:1px solid #333;padding: 10px;border-top: none;}
.login .content .list{font-size: 1rem;}
.login .content .list input{padding: 3px 5px;}
.login .content .list .btn{background-color: #a5a5a5;color: #fff;margin-top: 2rem;}

/*問卷*/
.message-block{padding:20px 0 20px 0;position:relative;}
.message-block h1{font-size:2rem;border-left: 5px solid #72c147;padding-left: 10px;margin:0 0 1.25rem 0;}
.message-list{line-height:200%;font-size:16px;margin-bottom:10px;}
.message-list label{font-weight:700;}
.message-list .text01{width:100%;height:34px;padding:6px 12px;font-size:14px;color:#555;background-color:#fff;border:1px solid #ccc;}
.message-list .text02{width:100%;height:200px;padding:6px 12px;font-size:14px;color:#555;background-color:#fff;border:1px solid #ccc;max-width: 100%;}
.message_btns ul{padding-left:0;}
.message-send{display:inline-block;margin-right:10px;}
.message-send .message-btn{padding:10px 20px;text-align:center;}
.contactct{margin-top:20px;}
.contactlist{border:1px solid #ccc;font-size:14px;line-height:150%;padding:10px;}
.contactlist:after{content:'';display:block;clear:both;}
.contactlist span{float:right;cursor:pointer;}

/*彈出問卷*/
.product-form{position:fixed;max-width:1000px;width:100%;background-color:#fff;top:50%;left:50%;transform: translate(-50%,-50%); z-index:999;display:none}
.product-form.active{display:block;}
.product-form .message-block{width:100%;height:100%;max-width:1000px;margin-left:auto;margin-right:auto;background:#fff;padding:0px 20px 20px 20px;display: flex;flex-direction: column;}
.product-form .message-block #msg_title{font-size: 20px;font-weight: 900;margin-bottom: 16px;}
.product-form .message_close{text-align:right;position:static;top:0;width:100%;line-height:200%;font-size:20px;margin-right:-20px;width:calc(100% + 10px);cursor:pointer;}
.product-form .message_search{clear:both;line-height:50px;}
.product-form .message_hightline{font-size:20px;font-weight:bold;margin:10px 0 30px 0;text-align:center;}
.product-form  .message_content{max-height:650px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
@media (max-width: 1400px){
	.product-form  .message_content{max-height:500px;overflow-y: scroll;overflow-x: hidden;}
}
@media (max-width: 1200px){
	.product-form  .message_content{max-height:100%;overflow-y: auto;overflow-x: hidden;}
}
.product-form .product-form-send{display:block;line-height:37px;margin-top:10px;}
.product-form .product-form-send ul{padding-left:0;}


/*彈出插畫*/
.plate_form{position:fixed;max-width:1000px;width:100%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;box-shadow: 10px 10px 10px #00000045;border:1px solid #eee;border-radius:20px;display:none;}
.plate_form.active{display:block;}
.plate_form .block{width:100%;padding:20px;max-height:700px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.plate_form .block .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.plate_form .block .top .back{background-color:#00757c;color:#fff;padding:5px;opacity:0;}
.plate_form .block .top .back.active{cursor:pointer;opacity:1;}
.plate_form .block .top .title{font-size:1.25rem;font-weight:900;color:#333;}
.plate_form .block .top .close{font-size:1.75rem;cursor:pointer;}
.plate_form .block .search{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.plate_form .block .search label{margin-bottom:0;font-size:1.15rem;color:#333;}
.plate_form .block .search input[type='text']{padding:3px 10px;border-radius:30px;text-decoration:none;outline:none;border:1px solid #bbb;flex:1;max-width:300px;}
.plate_form .block .info{}
.plate_form .block .info .editor{display:flex;flex-wrap:wrap;}
.plate_form .block .info .editor .item{flex:0 0 25%;padding:0 20px;margin-bottom:30px;cursor:pointer;}
.plate_form .block .info .editor .item .img{border:10px solid #95dacd;border-radius:100%;overflow:hidden;text-align:center;padding-bottom:90%;height:0;background-position:center;background-size:cover;margin-bottom:10px;}
.plate_form .block .info .editor .item .name{text-align:center;font-size:1.15rem;}
.plate_form .block .info .plate{display:flex;flex-wrap:wrap;}
.plate_form .block .info .plate .item{flex:0 0 25%;padding:0 20px;margin-bottom:30px;cursor:pointer;}
.plate_form .block .info .plate .item input[type='radio']{display:none;}
.plate_form .block .info .plate .item input[type='radio']:checked +label{border:2px solid #ccc;}
.plate_form .block .info .plate .item label{margin-bottom:0;padding:10px;cursor:pointer;}
.plate_form .block .info .plate .item .img{padding-bottom:90%;height:0;background-position:center;background-size:contain;margin-bottom:10px;background-repeat:no-repeat;}
.plate_form .block .info .plate .item .p_desc{display:flex;justify-content:space-between;font-size:1.15rem;}
.plate_form .block .info .plate .item .p_desc .name{}
.plate_form .block .info .plate .item .p_desc .price{}
@media (max-width: 1200px){
	.plate_form .block .info .editor .item{flex:0 0 50%;}
}


/*彈出聯絡資料*/
.custom_page #scrollUp{display:none !important;}
.custom_form{position:fixed;max-width:600px;width:100%;background-color:#fff;top:5%;left:calc(50% - 300px);z-index:999;display:none}
.custom_form.active{display:flex;flex-direction: column;padding:10px 20px 20px 20px;}
.custom_form .custom_block{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;background:#fff;flex:1;-webkit-overflow-scrolling: touch，}
.custom_form .custom_close{text-align:right;cursor:pointer;margin-bottom:1rem;}
.custom_form .custom_close a{font-size:1.25rem;border:1px solid #ccc;border-radius:100%;width:30px;height:30px;margin-left: auto;display:flex;align-items:center;justify-content:center;}
.custom_form .custom_close a:hover{text-decoration:none;}
.custom_form .custom_float{background-color:#f4f4f4;display:flex;margin:0 -20px;padding:1rem 0;margin-bottom:1rem;}
.custom_form .custom_float .circles{flex:1;text-align:center;cursor:pointer;position:relative;}
.custom_form .custom_float .circles .circle{width:20px;height:20px;border-radius:100%;border:3px solid #ccc;display: inline-block;position:relative}
.custom_form .custom_float .circles .circle i{font-size:10px;position:absolute;top:2px;right:1px;color:#fff;display:none;}
.custom_form .custom_float .circles.active .circle{border-color:#08c9b9;background-color:#08c9b9;}
.custom_form .custom_float .circles.active .circle i{display:block;}
.custom_form .custom_float .circles:before{content:'';position:absolute;display:block;width:calc(100% - 20px);height:2px;background-color:#ccc;top: 10px;left: calc(-50% + 10px);}
.custom_form .custom_float .circles.active:before{background-color:#08c9b9;}
.custom_form .custom_float .circles:first-child:before{display:none;}

.custom_form .custom_float.step_1 .circles:first-child .circle{border-color:#08c9b9;}
.custom_form .custom_float.step_1 .circles:first-child:before{background-color:#08c9b9;}

.custom_form .custom_float.step_2 .circles:first-child .circle{border-color:#08c9b9;background-color:#08c9b9;}
.custom_form .custom_float.step_2 .circles:first-child .circle i{display:block;}
.custom_form .custom_float.step_2 .circles:first-child:before{background-color:#08c9b9;}
.custom_form .custom_float.step_2 .circles:nth-child(2) .circle{border-color:#08c9b9;}
.custom_form .custom_float.step_2 .circles:nth-child(2):before{background-color:#08c9b9;}

.custom_form .custom_float.step_3 .circles:first-child .circle{border-color:#08c9b9;background-color:#08c9b9;}
.custom_form .custom_float.step_3 .circles:first-child .circle i{display:block;}
.custom_form .custom_float.step_3 .circles:first-child:before{background-color:#08c9b9;}
.custom_form .custom_float.step_3 .circles:nth-child(2) .circle{border-color:#08c9b9;background-color:#08c9b9;}
.custom_form .custom_float.step_3 .circles:nth-child(2) .circle i{display:block;}
.custom_form .custom_float.step_3 .circles:nth-child(2):before{background-color:#08c9b9;}
.custom_form .custom_float.step_3 .circles:nth-child(3) .circle{border-color:#08c9b9;}
.custom_form .custom_float.step_3 .circles:nth-child(3):before{background-color:#08c9b9;}

.custom_form .custom_ct{display:none;}
.custom_form .custom_ct.active{display:block;}
.custom_form .custom_ct h1{font-size:1.5rem;margin:0 0 1rem 0;}
.custom_form .custom_ct_list{margin-bottom:1rem;border:1px solid #ccc;padding:10px;}
.custom_form .custom_ct_list label{font-size:1rem;width:100%;}
.custom_form .custom_ct_list label span{color:red;}
.custom_form .custom_ct_list input{width:100%;padding:5px;border:none;outline:none;}
.custom_form .custom_ct_list textarea{width:100%;padding:5px;border:none;outline:none;}
.custom_form .custom_ct_list select{width:100%;padding:5px;}

.custom_form .custom_ord{flex:1;padding:0 10px;display:none;}
.custom_form .custom_ord.active{display:block;}
.custom_form .custom_ord .custom_wl{padding:1rem 0;}
.custom_form .custom_ord .custom_wl ul{list-style:none;padding-left:0;}
.custom_form .custom_ord .custom_wl ul li{border:1px solid #ccc;padding:10px;margin-bottom:10px;}
.custom_form .custom_ord .custom_wl ul li h2{font-size:1rem;margin:0 0 15px 0;font-weight:bold;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list{margin-bottom:5px;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list input[type="radio"]{display:none;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list input[type="radio"]:checked+label {color:red;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list label font{display:flex;align-items:center;cursor:pointer;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list label font:before{content:'';width:15px;height:15px;border:1px solid #ccc;border-radius:100%;display: inline-block;margin-right:10px;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list label p{margin-left:25px;margin-bottom:0;display:none;color:#333;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list label font span{background-color:#08c9b9;color:#fff;padding:2px 5px;border-radius:5px;margin-left:10px;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list input[type="radio"]:checked+label font:before{border:3px solid #08c9b9;}
.custom_form .custom_ord .custom_wl ul li .custom_wl_list input[type="radio"]:checked+label p{display:block;}
.custom_form .custom_ord table{width: 100%;line-height:2;padding:1rem 0;}
.custom_form .custom_ord table tr{display:flex;width:100%}
.custom_form .custom_ord table thead tr{border-bottom:1px solid #ccc;}
.custom_form .custom_ord table thead tr th{font-size:1rem;}
.custom_form .custom_ord table thead tr th:nth-child(1){flex:3}
.custom_form .custom_ord table thead tr th:nth-child(2){flex:1;text-align:center;}
.custom_form .custom_ord table thead tr th:nth-child(3){flex:1;text-align:right;}
.custom_form .custom_ord table thead tr th:nth-child(4){flex:1;text-align:right;}
.custom_form .custom_ord table tbody tr{border-bottom:1px solid #ccc;}
.custom_form .custom_ord table tbody tr td{display:flex;align-items:center;line-height: 1.5;padding:5px 0;font-size:1rem;}
.custom_form .custom_ord table tbody tr td b{font-size:.75rem;background-color:#08c9b9;color:#fff;padding:2px 3px;margin-top:1rem;}
.custom_form .custom_ord table tbody tr td .plate_select{margin-top:.5rem;}
.custom_form .custom_ord table tbody tr td:nth-child(1){flex:3}
.custom_form .custom_ord table tbody tr td:nth-child(2){flex:1;justify-content:center;}
.custom_form .custom_ord table tbody tr td:nth-child(3){flex:1;justify-content:flex-end;}
.custom_form .custom_ord table tbody tr td:nth-child(4){flex:1;justify-content:flex-end;}
.custom_form .custom_ord table tfoot tr td{display:flex;align-items:center;font-size:1rem;}
.custom_form .custom_ord table tfoot tr td:nth-child(1){flex:5;justify-content:flex-end;font-weight:bold;}
.custom_form .custom_ord table tfoot tr td:nth-child(2){flex:1;justify-content:flex-end;}
.custom_form .custom_ord table tfoot tr td .fare{color:red;font-weight:bold;display:flex;align-items:center;}
.custom_form .custom_ord table tfoot tr td .fare:before{content:'\f00d';font-size:.75rem;font-family:'Font Awesome 5 Free','Font Awesome 5 Soild';width:20px;height:20px;background-color: rgba(249,72,22,.1);border-radius:100%;display: flex;align-items: center;justify-content: center;margin-right:5px;}
.custom_form .custom_ord table tfoot tr td .fare.active{color:#08c9b9;}
.custom_form .custom_ord table tfoot tr td .fare.active:before{content:'\f00c';background-color: rgba(29,187,153,.1);}
.custom_form .custom_bottom{margin:20px -20px 0 -20px;display:flex;align-items:center;border-top:1px solid #ccc;padding:1rem 20px 0 20px;}
.custom_form .custom_bottom .custom_total{flex:3;display:flex;align-items:center;}
.custom_form .custom_bottom .custom_total label{flex:2;font-size:1.25rem;}
.custom_form .custom_bottom .custom_total font{flex:3;font-size:1.5rem;}
.custom_form .custom_bottom .custom_btn{flex:2;text-align:right;}
.custom_form .custom_bottom .custom_btn button{border-radius:20px;padding:7px 40px;}
.a_add h3{font-size:.75rem;margin:0;}
.a_add .plate_select img{max-width:50px;}
@media (max-width: 1400px){
	.custom_form  .custom_block{max-height:350px;overflow-y: scroll;overflow-x: hidden;}
}
@media (max-width: 1200px){
	.custom_form{left:0;top:0;bottom:0;right:0;}
	.custom_form  .custom_block{max-height:100%;overflow-y: auto;overflow-x: hidden;}
}

/**/
.ask_bottom{border-top:1px solid #ccc;margin-top:2rem;padding:2rem 0;}
.ask_bottom h5{font-size:2rem;text-align:center;margin-bottom:1.5rem;}
.ask_list a{display:block;color:#fff;line-height:2;font-size:1.5rem;text-align:center;border-radius:20px;margin-bottom:1rem;}
.ask_list a:hover{text-decoration:none;opacity:.7;}
.ask_list a.ask_line{background-color:#03c302;}
.ask_list a.ask_fb{background-color:#0084ff;}


/*產品篩選*/
.product-right-tab ul.top-bg{background:#00757c;padding: 7px 10px;display:flex;}
.product-right-tab ul.top-bg:after{content:"";display:block;clear:both;}
.product-right-tab ul.tab-menu li {display: inline-block;margin-right: 5px;padding-top: 5px;}
.product-right-tab ul.tab-menu li span{color:#fff;margin-right:5px;}
.product-right-tab ul.tab-menu li:nth-child(2){margin-left:auto;}
.product-right-tab ul.tab-menu li select{min-width: 110px;padding:2px 5px;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance: none;background: url(img/arrow_bottom.png) #fff right 3px center no-repeat;outline: none;}

.account-title{border-bottom: 1px solid #d6d4d4;color: #555454;font-family: Microsoft JhengHei,"Open Sans",sans-serif;font-size: 18px;font-weight: 600;line-height: normal;margin-bottom: 12px;padding: 0 0 15px;text-transform: uppercase;}
.short-text{font-size:13px;}
.fill-text {color: #777;}
.input-heding {color: #333;display: block;margin: 10px 0;}
.input {border: 1px solid #d6d4d4;border-radius: 0;display: block;font-size: 13px;height: 27px;line-height: 1.42857;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;vertical-align: middle;padding: 0 0 0 5px;width: 52%;}
.requer{color: #f13340;margin: 9px 0 16px;font-size: 14px;}
.input-heding{color: #333;}
.duboll-requer {color: #f13340;margin-right: 16%;margin-top: -25px;text-align: center;}
.r-y-w p,
.button{background: #777 none repeat scroll 0 0;border: 0 none;color: #fff;position: relative;text-transform: uppercase;transition: all 0.3s ease 0s;}
.form-area button.button,
.main-form.border button.button {margin: 10px 0 0;padding: 15px 35px 15px 15px;}
.main-form.border button.button,
#address a.button{position: relative;}
.main-form.border button.button::after {color: #fff;content: "";font-family: FontAwesome;font-size: 20px;position: absolute;right: 10px;top: 12px;}
#address a.button::after {color: #fff;content: "";font-family: FontAwesome;font-size: 20px;left: 18px;position: absolute;top: 11px;}
.button:hover, .r-y-w p:hover {background: #3e420d none repeat scroll 0 0;color: #fff;}
#address p.account-title {margin-bottom: 20px;padding-top: 12px;}
#address a.button {display: block;margin-top: 15px;overflow: hidden;width: 235px;}
#address a{text-decoration: none;}
.new-account button.button::after {color: #fff;content: "";font-family: fontawesome;font-size: 25px;font-weight: bold;left: 13px;position: absolute;top: 7px;width: 20px;z-index: 9;}
.register-account button.button::after {color: #fff;content: "";font-family: fontawesome;font-size: 26px;font-weight: bold;left: 12px;position: absolute;top: 8px;width: 20px;z-index: 9;}
.new-account button.button {margin: 15px 0 70px;padding: 15px 10px 15px 40px;}
.register-account button.button{margin: 0 0 10px;padding: 15px 15px 15px 45px;}
.forget {display: block;padding: 15px 0;text-decoration: underline;}
.main-form select{display:block;margin: 10px 0;}
.main-form option.input{width:256px;}
.main-form input.input {margin: 10px 0;width: 275px;}
.r-y-w {margin: 20px 0 0 15px;width: 170px;}
.bootom-section ul li a,
.r-y-w a{text-decoration:none;}
.r-y-w p {padding: 13px;width: 100%;}
.td-radio {width: 60px;}
.td-radio input[type="radio"] {margin: 22px 0 0 15px;}
.trems input[type="checkbox"]{margin: 10px 0 0 15px;}
.tabel-bootom{margin: 0 0 15px 0;}
#shipping table tbody tr td.td-img-tr {padding: 7px;width: 7%;} 
#shipping table tbody tr td.td-img-tr span.td-img img{border: none;}
#shipping table tbody tr td.td-p-title {padding: 10px;width: 800px;}
.td-t-amount div.total-amount span {text-align: right;}
#shipping div.total-amount span {display: block;padding: 16px 0 0;}
.bootom-section ul {margin: 45px 0;overflow: hidden;}
.bootom-section {position: relative;}
.bootom-section ul li.button.last-li{padding: 0;}
.bootom-section ul li.con-shopp {display: block;float: left;line-height: normal;}
.bootom-section ul li.con-shopp a:after,
.bootom-section ul li.pro-check a:after{position: relative;top: 3px;font-family: fontawesome;font-size: 20px;color: #fff;width: 20px;height: 20px;}
.bootom-section ul li.con-shopp a::after {content: "";float: left;left:-10px;top: 0;}

.bootom-section ul li.pro-check {display: block;float: right;}
.bootom-section ul li.pro-check a {display: inline-block;height: 40px;line-height: 8px;padding: 13px 15px;}
.bootom-section ul li.con-shopp a {display: inline-block;height: 40px;line-height: 40px;padding: 0 22px;}
a.button{padding:13px 10px 13px 50px;}
.trems tr td p {color: #777;padding: 7px 0 0 25px;}
/*----------------------------------------*/
/*  11.  Whist list CSS Start
/*----------------------------------------*/
.fist-wist p {border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.fist-wist {border: 1px solid #ccc;margin: 0 0 35px;padding: 15px;}
.fist-wist lavel {color: #333;font-weight: bold;overflow: hidden;text-align: left;}
.fist-wist input {border: 1px solid #ccc;line-height: 27px;margin: 15px 0;padding: 0 0 0 5px;width: 100%;}
.fist-wist button.button {padding: 15px;}
.second-wist table {color: #777;text-align: center;}
.second-wist table thead th {text-align: center;}
.second-wist table tbody tr td i,
.second-wist table tbody tr td p {margin: 0;padding: 10px 0;}
/*----------------------------------------*/
/*  12. contract page CSS Start
/*----------------------------------------*/
.form-area form {box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);margin:45px 0 30px;padding: 23px 0 40px 20px;}
.sent-hed{color: #555454;font-family: Microsoft JhengHei,"Open Sans",sans-serif;font-size: 18px;font-weight: 600;line-height: normal;text-transform: uppercase;}
.send-area input {border: 1px solid #ccc;line-height: 25px;width: 100%;padding: 0 0 0 7px;}
.send-area label {color: #333;float: left;margin: 8px 0;}
.send-area select { border: 1px solid #ccc;line-height: 42px;padding: 5px 0;position: relative;width: 100%;}
.form-area button.button {margin-top: 25px;position: relative;}
.form-area button.button::after{font-size: 15px;position: absolute;font-family: fontawesome;}
.form-area button.button::after {color: #fff;content: "";font-size: 15px;right: 10px;top: 15px;}
.message label {color: #333;padding: 43px 0 10px;}
.message textarea {border: 1px solid #ccc;display: block;height: 200px;overflow: hidden;padding: 0 0 0 7px;width: 65%;}
/*----------------------------------------*/
/*  13. contract page CSS Start
/*----------------------------------------*/



.flip{margin:0px;padding:5px;text-align:center;cursor:pointer;}
.panel{display:none;}

#zoom1{width:100%;}

.dismiss{display:none;}

#loading{position: fixed; top:0px;left:0px;width:100%;height:100%;z-index: 99999;background: #FFFFFF;text-align: center;}
#loading img{animation: loading01 infinite;animation-duration:4.5s;animation-timing-function: linear;position: relative;top: 45%;width: 500px;}
@keyframes loading01{
    0% {transform: rotateY(0deg);}
	100% {transform: rotateY(720deg);}
}

/* yzy Area CSS Start*/
.yzy-menu{margin-left:10px;}
.yzy-menu .first-child a{margin:0 0 5px -10px;width:100%;cursor:pointer;background:#9a9a9a;display:block;color:#fff;height:45px;line-height:45px;text-align:center;border-radius:5px;font-size:20px;text-decoration:none;}
.yzy-menu .first-child a:hover{background:#009900;}
.yzy-menu .first-child .active a{background:#009900;}
.yzy-menu .first-child{position:relative;}
.yzy-menu .first-child::after{content:"";position:absolute;right:30px;top:18px;width: 0;height: 0;border-style: solid;border-width: 12px 6px 0 6px;border-color: #fff transparent transparent transparent;}
.yzy-menu .second-child{margin-bottom:5px;width:100%;}
.yzy-menu .second-child a{background:url(../img/yzy.png) no-repeat;background-size: 100% 100%;height:65px;line-height:65px;margin-left:-10px;padding:0px 0 0px 100px;font-size:20px;width:100%;display:block;color:#fff;text-decoration:none;font-weight:400;cursor:pointer;overflow: hidden;}
.yzy-menu .second-child a:hover{background:url(../img/yzy02.png) no-repeat;background-size: 100% 100%;}
.yzy-menu .second-child .active a{background:url(../img/yzy02.png) no-repeat;background-size: 100% 100%;}
.yzy-menu .third-child a{border:2px solid #9a9a9a;border-radius:5px;height:50px;line-height:50px;display:block;margin:0 0 5px -10px;width:100%;color:#9a9a9a;font-size:20px;padding-left:20px;text-decoration:none;cursor:pointer;}
.yzy-menu .third-child a:hover{color:#009900;border:2px solid #009900;}
.yzy-menu .third-child .active a{color:#009900;border:2px solid #009900;}
.yzy-menu .no-play{display:none;}
.yzy-pic{text-align:center;}
.yzy-pic span{width:70%;border-radius:100%;border:10px solid #95dacd;background-repeat:no-repeat; background-position:center center;background-size:80%;padding-bottom:65%;display:inline-block;}

.yzy-image a{display:block;width:100%;height:0;padding-bottom:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:100%;border: 2px solid #95dacd;}
.yzy-title{font-size:1.5rem;}
.yzy_price{line-height:200%;font-size:16px;}
.yzy_author{line-height:200%;font-size:16px;}
.yzy_dsc{line-height:150%;margin-top:5px;font-size:16px;min-height:150px;}
.yzy-content{margin-bottom:10px;}
.yzy-content a{color:#000;font-size:16px;line-height:150%;}
.yzy-content a:hover{color:#559c35;}

/* plate Area CSS Start*/
.plate{padding:20px 0;}
.plate-title{font-size:1.75rem;font-weight:bold;color:#4a4a4a;line-height:1.2;letter-spacing:2px;border-left: 5px solid #72c147;padding-left: 10px;}

.plate-bttitle{font-size:1.5rem;font-weight:bold;line-height:2;border-bottom:2px solid #95dacd;margin-bottom:1rem;}
.plate-content{padding:10px 0;}
.plate-img{background:#fff;border:10px solid #95dacd;border-radius:100%;overflow:hidden;text-align:center;padding-bottom:90%;height:0;position:relative;cursor:pointer;margin-bottom:10px;}
.plate-img .plate-pic{background-repeat:no-repeat;background-position:center center;background-size:100%;width:100%;padding-bottom:100%;transition: all 0.5s ease 0s}
.plate-p:hover .plate-img .plate-pic{background-size:120%;}
.plate-img2{background:#fff;overflow:hidden;text-align:center;padding:5px;position:relative;cursor:pointer;border:2px solid #ccc;border-radius: 10px;margin-bottom:.75rem;}
.plate-img2 .plate-pic2{background-repeat:no-repeat;background-position:center center;background-size:80%;width:100%;padding-bottom:100%;transition: all 0.5s ease 0s}
.plate-p2:hover .plate-img2 .plate-pic2{background-size:100%;opacity:.8;}
.plate-name{font-size:16px;padding:0 5px;letter-spacing:2px;}
.plate-name a{color:#000;line-height:180%}
.plate-name a:hover{color:#72c147;text-decoration:none;}
.plate-price{font-size:14px;padding:0 5px;}
.plate-price a{color:#000;line-height:180%}
.plate-price a:hover{color:#72c147;text-decoration:none;}
.plate-link{font-size:14px;padding:0 5px;}
.plate-link a{color:#000;line-height:150%;letter-spacing:1px;}
.plate-link a:hover{color:#72c147;text-decoration:none;}
.plate-btn{display: block;text-align: center;clear:both;margin-top:20px;}
.plate-btn a{background: #95dacd;text-align: center;color: #fff;padding: 8px 25px;font-size: 16px;line-height: 150%;border-radius: 10px;letter-spacing: 2px;font-weight:bold;}
.plate-btn a:hover{background:#fff;color:#95dacd;border:1px solid #95dacd;text-decoration:none;}

.choseplate input{display:none;}
.choseplate label img{display: block; width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: 100%;}
.choseplate label  h1{font-size:16px;line-height:150%;margin-bottom:10px;padding:0 5px;text-align:left;}
.choseplate.inactive label img{border:1px solid #fff;}
.choseplate.active label img{border:1px solid #000;}

.complete_title{text-align:center;font-size:30px;}
.complete_order{line-height:200%;font-size:14px;}
.complete_message{line-height:150%;font-size:14px;margin-bottom:20px;}

.yzy_slider.owl-carousel .owl-nav.disabled{display:block;position:relative;width:100%;z-index:10;text-align:center;}
.yzy_slider.owl-carousel.owl-theme .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent; width:100%;z-index:10;position:absolute;z-index:3;top:calc(50% - 20px);height:0;}
.yzy_slider.owl-carousel .owl-nav button.owl-prev,.yzy_slider.owl-carousel .owl-nav button.owl-next{color: #fff;border: none;padding: 0 !important;font: inherit;font-size: 30px;line-height: 40px;width:30px;font-weight:bold;background:#333;}
.yzy_slider.owl-carousel .owl-nav button.owl-prev{left:0;position: absolute;}
.yzy_slider.owl-carousel .owl-nav button.owl-next{right:0;position: absolute;}
/*.no-js .yzy_slider.owl-carousel {display: none;}*/

.pic_slider.owl-carousel.owl-theme .owl-nav {text-align: center;width: calc(100% + 30px);z-index:10;position:absolute;top:calc(50% - 26.5px);left:-15px;height:0;}
.pic_slider.owl-carousel .owl-nav button.owl-next,
.pic_slider.owl-carousel .owl-nav button.owl-prev {background:none;color: #3e7385;border: none;padding: 0 !important;font: inherit;font-size: 40px;line-height: 53px;width:15px;font-weight:bold;margin:0;}
.pic_slider.owl-carousel .owl-nav button.owl-prev{float:left;}
.pic_slider.owl-carousel .owl-nav button.owl-next{float:right;}
/*.no-js .pic_slider.owl-carousel {display: none;}*/

.prolist_slider.owl-carousel {width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;padding-left:30px;padding-right:30px;}
.prolist_slider.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px); z-index:2;width:100%;}
.prolist_slider.owl-carousel .owl-nav,
.prolist_slider.owl-carousel .owl-prev {position:absolute;top:0;bottom:0;left: 0;width:100%;z-index:1;display: block;}

.prolist_slider.owl-carousel .owl-nav button.owl-prev,
.prolist_slider.owl-carousel .owl-nav button.owl-next,
.prolist_slider.owl-carousel button.owl-dot {background:rgba(0,0,0,0.9);color: #fff;border: none;padding: 0 !important;font: inherit;font-size: 30px;line-height: 40px;height: 100%;}
.prolist_slider.owl-carousel .owl-nav button.owl-prev,.prolist_slider.owl-carousel .owl-nav button.owl-next{width:30px;font-weight:bold;}
.prolist_slider.owl-carousel .owl-nav button.owl-prev{float:left;}
.prolist_slider.owl-carousel .owl-nav button.owl-next{float:right;}

.prolist_slider2.owl-carousel .owl-nav,
.prolist_slider2.owl-carousel .owl-dots {position:absolute;top:40%;left: 0;width:100%;height:0;z-index:2;display:block;}
.prolist_slider2.owl-carousel .owl-nav button.owl-prev,
.prolist_slider2.owl-carousel .owl-nav button.owl-next,
.prolist_slider2.owl-carousel button.owl-dot {background: rgba(0,0,0,0.9);color: #fff;border: none;padding: 0 !important;font: inherit;font-size: 30px;line-height: 40px;height: 100%;opacity: 0;}
.prolist_slider2.owl-carousel:hover .owl-nav button{opacity: 0.8;}
.prolist_slider2.owl-carousel .owl-nav button.owl-prev,.prolist_slider2.owl-carousel .owl-nav button.owl-next{width:30px;font-weight:bold;}
.prolist_slider2.owl-carousel .owl-nav button.owl-prev{float:left;height:40px;}
.prolist_slider2.owl-carousel .owl-nav button.owl-next{float:right;height:40px;}
.prolist_slider2.owl-carousel .owl-nav .disabled{display:none;}
.prolist_slider2.owl-carousel .owl-dots{display:none;}

.model_slider.owl-carousel .owl-nav{display:none;}
.model_slider.owl-carousel .owl-dots {text-align:center;}
.model_slider.owl-carousel .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;}
.model_slider.owl-carousel .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791;}

/*內容客製*/
.development_line{border-top:3px solid #98cece;margin-top:10px;}
.development_dot{padding-left:20%;margin-top:-8px;width:100%;}
.development_dot1,.development_dot2,.development_dot3,.development_dot4{width:25%;padding-right:5%;float:left;}
.development_dot1 span{background:#fff;width:15px;height:15px;border:2px solid #98cece;border-radius:100%;display:block;}
.development_dot2 span{background:#fff;width:15px;height:15px;border:2px solid #98cece;border-radius:100%;display:block;}
.development_dot3 span{background:#fff;width:15px;height:15px;border:2px solid #98cece;border-radius:100%;display:block;}
.development_dot4 span{background:#fff;width:15px;height:15px;border:2px solid #98cece;border-radius:100%;display:block;}