/* all */
a:hover{text-decoration: none;}
a:hover, a:focus {color: #b3a479;}

/*選單*/
.RWDmenu_plus04 .logo {width: 160px;margin-top: 26px;}
.RWDmenu_plus04 .header {padding: 0 5%;background: #000;}
.RWDmenu_plus04 .site-nav .menu>li>a {letter-spacing: 2px; color: #fff;}
.RWDmenu_plus04 .site-nav .menu>li>ul {padding: 0;}
.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after, .RWDmenu_plus04 .lang-select-label:after, .RWDmenu_plus04 .site-nav .menu li.dropdown>a:after, .RWDmenu_plus04 .site-nav .menu li.has-child>a:after { border: 1px solid #fff; border-width: 1px 1px 0 0;}
.RWDmenu_plus04 .site-nav .manu-item:hover>a, .RWDmenu_plus04 .site-nav .menu ul li a:hover, .RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a, .RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a { text-decoration: none;background: #000;color: #fff;}

.RWDmenu_plus04 .header.is-up {background: rgba(0, 0, 0, 0.7);}
.RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features i, .RWDmenu_plus04 .lang-select {color: #fff;}

.RWDmenu_plus04 .site-nav .menu {text-align: left;}
.pro_btn {background:#525252}
.pro_btn:hover {background: #888 !important}

.RWDmenu_plus04 .site-nav .menu>li.pro_btn>a:hover {background: #888}

/*搜尋*/
.RWDmenu_plus04 #search-box .form-control { width: 300px;height: 60px;}

/* BANNER*/
.RWDbanner_plus01 .slick-caption {bottom: 14%;top: auto;}
.RWDbanner_plus01 .slick-caption .container {width: 81%;}
.txt1 {letter-spacing: 3px;}
.main .container {width: 1300px;}

/*產品*/
.pd_block { padding: 30px 0;}

.RWDproduct002 { padding: 0px;}
.portfolio-bottom-summary p {font-size: 15px;color: #666; letter-spacing: 1px;}
.portfolio-bottom-summary h4 {font-weight: 600; color: #222;margin: 25px 0;}
.popup-portfolio .portfolio-item {min-height: 395px;padding: 0 20px;margin-bottom: 55px;}
.RWDproduct002 .showbottom:hover .portfolio-bottom h4 {color: #888;}

.RWDproduct002 .bounceIn{  -webkit-animation-name: fadeIn;animation-name: fadeIn;}

.RWDproduct002 h1.main-title {font-size: 35px; font-weight: 600; letter-spacing: 2px; margin: 0px; color: #000;}
.RWDproduct002 h2.sub-title {font-size: 18px; margin: 18px 0 0; color: #888;font-weight: 300;letter-spacing: 1.5px;}
.RWDproduct002 .section-line {display:none}

.portfolio-item.grow > .inner-content:hover > img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.RWDproduct002 .showbottom:hover .inner-content > img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.RWDproduct002 .showbottom a {text-align: center;}

/*部落格*/
.blog-block {background: #000; padding: 120px 0;}
.RWDnews003 h1.main-title{font-size: 35px; font-weight: 600; letter-spacing: 2px; margin: 0px; color: #fff;}
.RWDnews003 h2.sub-title { font-size: 18px; margin: 18px 0 0; color: #888;font-weight: 300;}
.RWDnews003 .section-line{display:none;}

.RWDnews003 .box-icon.box-icon-side { padding: 0 40px;padding-left: 40px;text-align: left;}
.RWDProduct006 .heading { display: none;}
.RWDnews003 .box-icon .box-icon-title>h2 {font-size: 20px;  line-height: 1.5; color: #fff !important;margin-bottom: 40px;}
.RWDnews003 .box-icon a.box-icon-title:hover>h2 { color: #888 !important;}
.RWDnews003 .box-icon a.box-icon-more { margin-top: 70px; border-top: 1px solid #999; padding-top: 15px;text-align: left;color: #fff;}
.RWDnews003 .box-icon a.box-icon-more:hover, section.dark .box-icon a.box-icon-more:hover { color: #888;}
.RWDnews003 .box-icon p { min-height: 60px;font-size: 16px;letter-spacing: 2px;color: #ddd;}

.RWDnews003 .col-md-4:nth-child(2):before, .RWDnews003 .col-md-4:nth-child(5):before {content: ""; position: absolute;  width: 1px; height: 230px; background: #ddd; left: 0; top: 35px;}
.RWDnews003 .col-md-4:nth-child(2):after, .RWDnews003 .col-md-4:nth-child(5):after {content: ""; position: absolute;  width: 1px; height: 230px; background: #ddd; right: 0; top: 35px;}

/*心得分享*/
.RWDnews005 h1.main-title {font-size: 35px; font-weight: 600; letter-spacing: 2px; margin: 0px; color: #000;}
.RWDnews005 h2.sub-title { font-size: 18px; margin: 18px 0 0; color: #888;font-weight: 300;letter-spacing: 1.5px;}
.RWDnews005 .section-line{display:none;}

.exshare-block { padding: 150px 0 50px;}
.RWDnews005 h4 {text-align: center; justify-content: center;min-height: 75px;margin-bottom: 0;font-weight: 600;color: #222;display: flex;align-items: center;letter-spacing: 1px; line-height: 1.5;padding-bottom: 10px;  border-bottom: 3px solid #fff;font-size: 16px;}
.text-left h8 {display: block; text-align: right;margin-top: 20px;}
p.text-left{min-height: 220px;}
.text-left {background: rgba(120,129,136,0.1);padding: 15px;color: #222;text-align: justify;font-size: 15px;letter-spacing: 2px;}
.RWDnews005 .owl-carousel .owl-item div { min-height: 300px;}
.list-inline.list-separator {display: none;}
.RWDnews005 .owl-carousel img { width: 70px; opacity: 0.7;}
.RWDnews005 .owl-controls { margin-top: 25px;}
.RWDnews005 .owl-theme.controlls-over .owl-controls .owl-page span { background: #222;}
.owl-theme .owl-controls .owl-page span { background: #888;}

/*scrollTop*/
.scrollTop002 .ii { font-size: 35px;display: inline-block;  background: #000;color: #fff;border-radius: 0;}

.scrollTop002 {bottom:150px;width: 54px;right:0px}


/*190726新增QR跟隨*/
.socialmedia_block { position: relative; display: flex; flex-direction: column;z-index:30}
.qrbox { position: fixed; right: 0; width: 5%;  bottom: 21%;}
#m_RWDfullscreen01_76_1 > .qrbox > .qrimg:nth-child(1) > a > img { border-top-left-radius: 20px; padding-top: 15px;}
.qrimg img { width: 100%; padding: 10px 15px 10px 15px;  background: #000;}
#m_RWDfullscreen01_76_1 > .qrbox > .qrimg:nth-child(2) > a > img {  padding-bottom: 15px;  border-bottom-left-radius: 20px; border-top: 1px solid #666;}

/*聯絡我們跟隨*/
.right_box {position: fixed;right: 0;width: 54px;bottom: 200px;z-index: 111;}
.right_box a {display: block;padding: 18px;background: #000;color: #fff;text-decoration: none;transition: 0.4s}
.right_box a:hover {background: #888;text-decoration: none;transition: 0.4s}


/*about*/
.blog-block {background: transparent;padding: 0px;margin: 50px 0px 0px;}
.blog-block .container {width: 100%;}

.about_tex h3 {font-size: 35px; font-weight: 600; letter-spacing: 2px; margin: 0px; color: #fff;margin-bottom:70px}
.about_tex {text-align: center;color: #f9f9f9;letter-spacing: 1.5px;line-height: 2;font-size: 16px;}

.RWDparallax_new .picbgbox {display: flex !important;align-items: center;justify-content: center;height: 600px !important;}

.about_btn {font-size: 18px;width: calc(100%/2 - 12px);display: inline-block;margin: 0px 5px;margin-top: 50px;}
.about_btn a {color: #fff;letter-spacing: 2px;display: block;border: 1px solid #fff;padding: 5px 20px;text-align: center;background: transparent;transition: 0.4s;}
.about_btn a:hover {background: #888;border: 1px solid #888;transition: 0.4s;text-decoration: none;}

/*footer start*/

.ft_right .RWDedictor, .RWDssl01 {display: inline-block;margin: 0;line-height: 1.5;font-size: 12px;margin:0px 5px}
.footer-section {background: #111;padding:40px 0px 5px}

.ft_box {text-align: center;}
.qrcode_img {display: inline-block;margin: 0px 20px;}
.ft_right {padding: 20px 0px 10px;text-align: center;}
.qrcode_img img {width: 100px;}

.qrcode_img span {display: block;margin-bottom: 8px;color: #ccc;font-size: 14px;}
.ft_icon img {background: #fff;}

/*內頁*/
#RWDPAGE_BASE_PAT01 .ft_right{color: #777;}
#RWDPAGE_BASE_PAT01 .btn_container .btn{margin-top: 0;}

/*footer end*/
/*內頁 start*/

/*內頁長度*/
section.call_to_action{min-height: 800px; padding: 35px 0 100px 0;}
#RWDPAGE_BASE_PAT01 .main.cd-main-content {top: 74px !important;}
/*新編輯器*/
.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 0px !important;}

/*toTop隱藏*/
#toTop{display:none !important;}

/*選單*/
#RWDPAGE_BASE_PAT01 header{border-bottom: none;}

/*大標&麵包屑*/
h1.pageTitle {font-size: 35px; font-weight: 600; letter-spacing: 2px; margin: 0px; color: #000; text-align: center; line-height:1.8;}
.hgroup .container{border-bottom: none;}
.hgroup .breadcrumb {background-color: transparent; border: none; position: relative; bottom: 0; text-align: center; font-size: 14px; letter-spacing: 2px; margin-top: 18px;}
.hgroup .breadcrumb a{color: #888;}
.hgroup .breadcrumb.pull-right{float: none !important;}

/*文字統一設定*/
#RWDPAGE_BASE_PAT01 .pagecontent.menu5, .pagecontent.menu8{letter-spacing: 2px; line-height: 2; font-size: 15px;}

/*回上層*/
.btn.btn_back {border-radius: 0px; margin-right: 0; border: 1px solid #000; background: #000; font-size: 14px; letter-spacing: 2px; transition: all .5s;}
.btn.btn_back:hover{ background: transparent;}
.btn.btn_back:hover a{color: #000;}

/*歷史*/
.pagecontent ol {
    padding-left: 23px;
}

/*產品介紹*/
.pro_pic p {text-align: center; border-bottom: 1px solid #000; padding: 17px 0; font-size: 15px; font-size: 18px; font-weight: 600; color: #222;}
.pro_pic {padding: 40px; transition: all 0.5s;}
.pro_img{width: 100%; height: 340px; overflow: hidden;}
.pro_img img{transition: all 0.5s;}
.pro_pic:hover img {-moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s;}


/*產品介紹_相簿*/
.album_d_item .album_item_subject {bottom: 3px;background: #000;opacity: 1 !important;color: #fff;}
.row .album_d_item {margin-bottom: 30px !important;margin-top:0px;padding:0px 10px;width: calc(100%/3);}
.row .album_d_item a {border: 1px solid #eee;transition: 0.4s;}
.row .album_d_item a:hover {opacity: 0.8;transition: 0.4s;}


/*如何使用*/
.pagecontent h4 {font-size: 20px !important; font-weight: 600 !important; color: #222; line-height: 1.8 !important;}
.pagecontent ul {padding-left: 23px;}

/*常見問題*/
.faq_item {line-height: 2; text-align: justify;}
.faq_a_icon{margin-top: 9px;}

/*聯絡我們*/
.ebtn.currectsend_btn {border-radius: 0px; background: #000; font-size: 15px; letter-spacing: 2px; border: 1px solid #000; transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.ebtn.currectsend_btn:hover {background: transparent;}
.ebtn.currectsend_btn:hover a{color: #000;}
.formdesc.col-md-6 {line-height: 2;}

/*內頁 end*/
/*小螢幕 start*/

@media (max-width:1680px){
.RWDbanner_plus01 .slick-caption .container {width: 79%;}
.RWDbanner_plus01 .slick-caption {bottom: 20%;}
.qrbox { width: 6%; bottom: 38%;}
}

@media (max-width:1600px){
.RWDbanner_plus01 .slick-caption .container {width: 67%;}
.RWDbanner_plus01 .slick-caption { bottom: 22%;}
}

@media (min-width:1100px) and (max-width:1600px){
.RWDbanner_plus01 .fadeInUp01 span { font-size: 26px !important;}
}

@media (max-width:1440px){
.main .container { width: 1170px;}
p.text-left { min-height: 245px;}
.RWDbanner_plus01 .slick-caption .container {width: 69%;}
.RWDbanner_plus01 .slick-caption {bottom: 21%;}
}

@media (max-width:1366px){
.RWDbanner_plus01 .slick-caption .container {width: 71%;}
.qrbox { bottom: 31%;}
}

@media (max-width:1280px){
.RWDbanner_plus01 .slick-caption .container {width: 74%;}
.qrbox { bottom: 38%;}
}

@media (min-width:1100px) and (max-width:1200px){
.main .container { width: 100%;}
.RWDbanner_plus01 .slick-caption .container {width: 79%;}

}

/*小螢幕 end*/
/*Pad橫向 start*/
@media (max-width:1024px){
.main .container { width: 100%;}
/*選單 */
.ml-stack-nav-toggle { padding: 12px 45px 12px 15px;}
.RWDmenu_plus04 .features .search-btn { padding: 12px 10px;}
.RWDmenu_plus04 .logo {width: 135px; margin-top: 14px;}
.RWDmenu_plus04 .ml-stack-nav-toggle { color: #fff;}
.ml-stack-nav-toggle__line {background: #fff;}

.RWDmenu_plus04 .features:after { background-color: #ddd;}
.RWDmenu_plus04 .ml-stack-nav-toggle:hover { color: #fff;}
.RWDmenu_plus04 #mobile-menu .menu>li.active>a {background-color: transparent;}
.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {padding-left: 50px;color: #fff;}
.RWDmenu_plus04 #mobile-menu .menu>li.active { background-color: #000;}
.RWDmenu_plus04 #mobile-menu .menu>li>ul { background-color: #666;}
.RWDmenu_plus04 .copyright {display: none;}

.scrollTop002 {bottom: 3%;right: 15px;}


.RWDbanner_plus01 .slick-caption .container {width: 72%;}
.RWDmenu_plus04 #mobile-menu .menu li a{display: block;}


.scrollTop002 {bottom: 150px;right: 0px;}

/*banner*/
.RWDbanner_plus01 .slick-caption .container {width: 83%;}
.RWDbanner_plus01 .slick-caption {bottom: 12%;}
.RWDbanner_plus01 .slick-caption .txt2 {margin-top:10px}


/*---內頁---*/
/*main高度*/
#RWDPAGE_BASE_PAT01 .main.cd-main-content {top: 48px !important;}

/*產品介紹*/
.pro_img{height: 250px;}


}
/*Pad橫向 end*/
/*pad版 start*/
@media (max-width: 768px) {
/*banner */
.RWDbanner_plus01 .slick-caption {bottom: 9%;}

/*部落格*/
.RWDnews003 .col-md-4 {width: calc(100% / 3);float: left;}
.RWDnews003 .box-icon.box-icon-side {padding: 0 30px;padding-left: 30px;}
.RWDnews003 .box-icon p {min-height: 72px;}

.RWDnews003 .col-md-4:nth-child(2):after, .RWDnews003 .col-md-4:nth-child(5):after {height: 243px;}
.RWDnews003 .col-md-4:nth-child(2):before, .RWDnews003 .col-md-4:nth-child(5):before {height: 243px;}





/*190726新增QR跟隨*/
.qrbox { width: 10%; bottom: 61%;}


/*---內頁---*/
/*聯絡我們*/
img.line_img {float: right;}
.formdesc.col-md-6{text-align: center;}

/*產品介紹*/
.pro_img{height: 270px;}
}
/*pad版 end*/
/*phone版 start*/
@media (max-width: 480px) {
.ml-stack-nav-toggle {padding: 22px 14px;}
.RWDmenu_plus04 .features { margin-right: 25px;padding-right: 15px;}
.main {overflow: hidden;}


/*banner*/
.RWDbanner_plus01 .slick-caption.txt-left, .RWDbanner_plus01 .slick-caption.txt-right {text-align: center;width: 100%;}
.RWDbanner_plus01 .slick-caption .container {width: 100%;}
.RWDbanner_plus01 .slick-caption {bottom: 18%;}

.RWDproduct002 { padding: 60px 0px 0;}
.popup-portfolio .portfolio-item { height: auto !important;}

/*部落格*/
.RWDnews003 .col-md-4 {width: 100%; float: none; margin-bottom: 80px;}
.RWDnews003 .box-icon a.box-icon-more { margin-top: 0;border-top: 0; border-bottom: 1px solid #999; padding: 15px 0;}
.RWDnews003 .col-md-4:nth-child(2):before, .RWDnews003 .col-md-4:nth-child(5):before{display:none;}
.RWDnews003 .col-md-4:nth-child(2):after, .RWDnews003 .col-md-4:nth-child(5):after{display:none;}
.RWDnews003 .box-icon .box-icon-title>h2 {margin-bottom: 20px;}
.RWDnews003 .box-icon p {min-height: auto;}

/*心得*/
.exshare-block {padding: 80px 0;}
.RWDnews005 .controlls-over .owl-controls .owl-prev {left: -20px; opacity: 1;}
.RWDnews005 .controlls-over .owl-controls .owl-next {  right: -20px; opacity: 1;}


/* 頁尾*/
.web_edm { width: 100%;}
.ft_right .RWDedictor {float: left; width: 100%;margin-top: 35px; text-align: center; padding-right: 0;}
.RWDssl01 {width: 100%; float: none;  margin-top: 5px; padding-left: 0;text-align: center;}
.web_edm .email {width: 260px;}
.ft_info img { float: none;margin: 0 5px;display: inline-block;}
.ft_info .col-md-5 img { float:none;}


/*190726新增QR跟隨*/
.qrbox { width: 17%; bottom: 38%;}


/*footer*/
.qrcode_img {width: calc(100%/3 - 5px);margin: 0px;}
.ft_right .RWDedictor {margin-top:0px}
.RWDbanner_plus01 .slick-caption {bottom: 11%;}
.about_btn {width: 100%;margin: 20px 0px 0px;}

/*跟隨*/
.right_box {bottom: 0px;width: calc(100% - 50px);text-align: center;left: 0;z-index: 1;}
.scrollTop002 {bottom: 0px;right: 0px;background: #000;height:50px;padding: 8px;opacity: 1 !important;}
.right_box a {padding: 12px 18px;height:50px}
.footer-section {padding: 40px 0px 55px;}

/*---內頁---*/
/*main高度*/
#RWDPAGE_BASE_PAT01 .main.cd-main-content {top: 46px !important;}
.pro_btn {background: #eee;}

/*寬度*/
#RWDPAGE_BASE_PAT01 .main .container { padding-left: 15px; padding-right: 15px;}

/*聯絡我們*/
.formdesc ._bd_row img{float: none;margin: 30px auto; display: block;}
.formdesc.col-md-6{text-align: left;}

/*產品介紹*/
.pro_img{height: 230px;}
.row .album_d_item {width:calc(100%/2)}



}
/*phone版 end*/
/*iphone6 start*/
@media (max-width: 380px){
.web_edm .email {width: 215px;}

.about_tex p br {display: none;}
}
/*iphone6 end*/
/*iphone5 start*/
@media (max-width: 320px){
.web_edm .email { width: 168px;}
.ft_right { padding: 0 10px;  text-align: center; font-size: 12px; letter-spacing: 0px;}
.web_edm .email input {padding: 0;}

.qrimg img { padding: 10px 10px 10px 10px; }
#m_RWDfullscreen01_76_1 > .qrbox > .qrimg:nth-child(1) > a > img { padding-top: 20px;}
#m_RWDfullscreen01_76_1 > .qrbox > .qrimg:nth-child(2) > a > img { padding-bottom: 20px;}


.qrcode_img {width: 100%;margin: 0px 0px 25px;}
}
/*iphone5 end*/