@charset "utf-8";

/** bootstrap **/
@import "bootstrap-4.2.1.css";

/** 文字icon **/
@import "font-awesome.min.css";

/** 手機選單 **/
@import url("slicknav.css") screen and (max-width:767px);

/** edm **/
@import "edm.css";

/** google font **/
@import "Lora.css";

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#fff; margin:0; padding:0; width:100%; height:auto; font:medium/1.5 "Microsoft JhengHei";}
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix{height:1%;}
a,a:hover{text-decoration:none;transition: all 0.3s ease 0s;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;}
.slicknav_menu{display:none;}
input.select-box{margin-bottom:5px; padding:5px 3%; width:20px; height:20px; text-align:center; border:1px solid #cbcbcb;}
input:focus, select:focus, textarea:focus, button:focus{outline:0;}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#d4d8cd; font-family:"Microsoft JhengHei";font-size: 15px; }
::-moz-placeholder{color:#d4d8cd; font-family:"Microsoft JhengHei"; font-size: 15px;}
:-ms-input-placeholder{color:#d4d8cd; font-family:"Microsoft JhengHei";font-size: 15px; }
input:-moz-placeholder{color:#d4d8cd; font-family:"Microsoft JhengHei"; font-size: 15px;}
#field2::-webkit-input-placeholder{color:#d4d8cd; font-family:"Microsoft JhengHei";font-size: 15px; }
#field3::-webkit-input-placeholder{color:#d4d8cd; background:lightgreen; text-transform:uppercase; font-family:"Microsoft JhengHei";font-size: 15px; }
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#d4d8cd; font-family:"Microsoft JhengHei";font-size: 15px; }
#field2::-moz-placeholder{color:#d4d8cd; font-family:"Microsoft JhengHei";font-size: 15px; }
#field3::-moz-placeholder{color:#d4d8cd; background:lightgreen; text-transform:uppercase; font-family:"Microsoft JhengHei";font-size: 15px; }
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#d4d8cd; font-family:"Microsoft JhengHei";font-size: 15px; }
.writing-mode-vertical{writing-mode:tb-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr;}

/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{}
.slicknav_icon-bar{background-color:#FFF;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:#3f5811;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;}

/** 上版 **/
header{background:#ffffff;}
.head-main{max-width:1200px; margin:0 auto; height:56px; padding:0; position:relative;}
.head-main .slogan-main{position: absolute;top:16px;right:226px;width: 300px;line-height: 1;}
.head-main .slogan{width: 300px;}
.head-main .slogan img{width:100%;}
.head-main .slogan-shadow{width: 300px;position: absolute;bottom: -11px;right: 0;}
.head-main .slogan-shadow img{width:100%;}
.head-main .logo{width: 309px; position:absolute; left:0px; top:7px; height:auto;z-index: 1;}
.head-main .logo a{color:#000000;}
.head-main .logo img{width:100%; height:auto;}
.head-main .i-logo{width: 309px; position:absolute; left:0px; top:7px; height:auto;z-index: 1;}
.head-main .i-logo a{color:#000000;}
.head-main .i-logo img{width:100%; height:auto;}
.home{display:none;}
.head-tool {position:absolute; top:16px; right:96px; text-align:center; display:flex;}
.head-tool ul{list-style:none;padding: 0;margin: 0; display:flex;}
.head-tool ul li{ width: auto;padding:0px; margin:0; color:#333333; font-size:14px;position: relative;z-index: 1;}
.head-tool ul li:after{content: "│";position: absolute;right: -5px; top:2px;z-index: -1;}
.head-tool ul li:last-of-type:after{display: none}
.head-tool ul li a{ padding:2px 10px; display:block; color:#333333; border-radius:0;}
.head-tool ul li a:hover{background:#3f5811;color:#ffffff;border-radius:0px;}
.head-tool ul li i{padding: 0 8px 0 0;}
@media screen and (max-width:980px){
	.head-main .logo{width: 180px;top: 14px;left: 5px;}
	.head-main .slogan-main{position: absolute;top:16px;width:240px;}
	.head-main .slogan{width:240px;}
	.head-main .slogan-shadow{width:240px;}
	.head-main .i-logo{width: 260px;top: 11px;left: 5px;}
    .head-tool {right:100px;}
}
@media screen and (max-width:767px){
	.head-main{height:120px;padding: 37.59px 0 0 0;}
	.head-main .logo{background: url(../images/logo-m.png)no-repeat center center;background-size: 160px; display: block; width:160px;height: 22px;z-index: 10000;top: 9px;position: fixed;}
	.head-main .logo a{display: block; width: 160px;height: 22px;}
	.head-main .logo img{display: none;}
	.head-main .slogan-main{position:inherit;top:inherit;right:inherit;width:280px;margin:10px auto 0 auto;}
	.head-main .slogan{width:280px;}
	.head-main .slogan-shadow{width:280px;}
	.head-main .i-logo{width:210px; z-index: 10000;left: calc(50% - 105px);}
    .head-tool {position:fixed;z-index: 10000; top:7px; right:150px;}
    .head-tool ul li{ color:#ffffff;}
    .head-tool ul li a{ color:#ffffff;}
}
@media screen and (max-width:575px){
    .head-main{height:150px;}
    .head-tool {position:inherit;top:inherit; right:inherit;margin: 10px 0 0 0;z-index: 1;}
    .head-tool ul{justify-content: center;width: 100%;}
    .head-tool ul li{ color:#333333;}
    .head-tool ul li a{ color:#333333;}
}

/** 語系 **/
.language{position:absolute; top:16px; right:0px;overflow:hidden;width: 90px;transition: all 0.8s ease 0s;}
.language ul{list-style:none; padding:0px; margin:0 ;display:flex;}
.language ul li{list-style:none; padding:0px; margin:0 ;min-width: 45px;flex: 1; color:#ffffff; font-size:14px;text-align:center;}
.language ul li a{background:#cccccc; padding:2px 5px; color:#ffffff; display: block;}
.language ul li a:hover{background: #6d8a36;}
.language ul li a.active{background:#3f5811;}
.language ul li a.active:hover{background:#3f5811;transition: all 0.8s ease 0s;}
@media screen and (max-width:980px){
	.language{right:5px;}
}
@media screen and (max-width:767px){
	.language{position:fixed;z-index: 10000; top:7px; right:55px;}
}

/** google search **/
.cse .gsc-control-cse, .gsc-control-cse{padding: 0!important;background-color: transparent!important;max-width: 240px;position: absolute;left:15px;top:61px;border:0px !important;z-index: 1;}
.cse .gsc-search-button-v2, .gsc-search-button-v2{width: 36px!important; height: 33px!important;padding: 5px!important;margin: 0!important;border:0px !important;border-radius: 0!important;background-color:#3f5811!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding-right: 0!important;}
.gsib_a{padding: 4px 9px 3px 9px!important;}
.gsc-search-button-v2 svg{width: 18px; height: 18px;}
@media screen and (max-width:980px){
	.cse .gsc-control-cse, .gsc-control-cse{max-width: 200px;left:5px;}
}
@media screen and (max-width:767px){
	.cse .gsc-control-cse, .gsc-control-cse{position: inherit;left:inherit;top:inherit;max-width: 240px; margin:8px auto 0 auto;}
	.gsc-input-box{padding: 0!important;border-radius: 0!important;}
}

/** 主選單與下拉 **/
nav{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84a642+0,6d8a36+100 */
background: rgb(132,166,66); /* Old browsers */
background: -moz-linear-gradient(top, rgba(132,166,66,1) 0%, rgba(109,138,54,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(132,166,66,1) 0%,rgba(109,138,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(132,166,66,1) 0%,rgba(109,138,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84a642', endColorstr='#6d8a36',GradientType=0 ); /* IE6-9 */}
.menu{max-width:1200px; padding:0 0 0 272px; list-style:none; position:relative; margin:0 auto; display:flex;justify-content: flex-end;}
.menu>li{width: auto;color:#fff; font-size:16px; text-align:center; position:relative;cursor:pointer; padding:0; margin:0;border-right: 1px rgba(255,255,255,.3) solid;box-shadow: -1px 0 0 0 #3f5811 inset;}
.menu>li:last-of-type{border-right: 0;box-shadow: 0px 0 0 0 #3f5811 inset;}
.menu>li>a{color:#fff; display:block; padding:10px 3.4vmin; margin:0;}
.menu>li>a:hover{background:#3f5811;}
.menu>li.sub>ul.sub-menu{background:rgba(0,0,0,0.5); display:none; position:static; z-index:999; margin:0; padding:0; border-radius:0 0 5px 5px; overflow:hidden;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:47px;}
.menu>li.sub>ul.sub-menu>li{display:block; border-top:1px #fff dotted;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:5px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#000000;}
@media screen and (max-width:1080px){
	.menu>li>a{ padding:10px 15px;}
}
@media screen and (max-width:980px){
	.menu{padding:0 0 0 210px;}
}
@media screen and (max-width:767px){
	.slicknav_menu{display:none;}
	#menu{display:none;}
	.slicknav_menu{display:block;position: fixed;width: 100%;z-index: 10000;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84a642+0,6d8a36+100 */
background: rgb(132,166,66); /* Old browsers */
background: -moz-linear-gradient(top, rgba(132,166,66,1) 0%, rgba(109,138,54,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(132,166,66,1) 0%,rgba(109,138,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(132,166,66,1) 0%,rgba(109,138,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84a642', endColorstr='#6d8a36',GradientType=0 ); /* IE6-9 */}
}

/** edm輪播 **/
.edm{background:#ffffff;position:relative;}
.edm:after{content: "";display: block;width: 100%; height:57px;background: url(../images/shadow-edm.png)no-repeat top  center;background-size: contain;}
.edm img{vertical-align:middle; width:100%; height:auto; position:absolute;}

/** 配置 **/
.warpper{background: url(../images/c_bg.png) no-repeat bottom left;padding: 0 0 40px 0;}
.main{}

/** 首頁搜尋 **/
.i-search-news{padding:10px 0; margin:0 0 15px 0;}
.i-search-news-main{max-width:1200px; margin:0 auto;}
.i-search h3{background:#5b5b5b; font-size:18px; color:#ffffff; font-weight:normal; margin:10px 0 10px 0; position:relative; padding:5px 10px;}
.i-search span{display:inline-block; font-size:15px; color:#d1d1d1; font-weight:normal; position:absolute; top:7px; right:10px;}
.i-search-input{padding:0px 0 10px 0; position:relative; color:#333;}
.i-search-input img{position:absolute; right:0; top:0px;}
.i-search input{background:#eeeeee; font-size:15px; color:#333; padding:5px 66px 5px 15px; width:100%; border:0; margin:0; vertical-align:middle; min-height:31px; font-family:"Microsoft JhengHei";}

@media screen and (max-width:767px){
	.i-search h3{text-align:center;}
	.i-search span{display:block; position:inherit; top:inherit; right:inherit;}
}

/** 首頁標題 **/
h3.i-title{margin: 5px 0 20px 0;position: relative;}
h3.i-title .i-title-en{font-family: 'Lora', serif;font-size: 32px; color: #6d8a36;text-transform: uppercase;letter-spacing: 3px;font-style: italic;font-weight:bold;margin: 0 0 8px 0;}
h3.i-title .i-title-ch{font-size: 24px; color: #6d8a36;font-weight: normal;position: relative;}
h3.i-title .i-title-ch:before{content: "";display: block;width:9px;height:9px;border: 1px #6d8a36 solid;transform:rotate(45deg);position: absolute;top:12px;left:120px;}
h3.i-title .i-title-ch:after{content: "";display: block;width:calc(100% - 130px);background: #6d8a36;height: 1px;position: absolute;top:16px;left:130px;}

/** 首頁最新消息 **/
.i-news-main{padding: 0 10px;}
.i-news{max-width: 1200px; margin: 0 auto;}
.i-news{}
.news-more{display:block; font-size:13px; color:#fff; font-weight:normal; position:absolute; top:7px; right:0;line-height: 1;}
.news-more a{color:#fff;font-size: 16px;font-weight: bold; background: #6d8a36;display: flex;align-items: center;justify-content: center; padding: 2px 6px;height: 24px;}
.news-more a span{opacity:0;display: none; text-transform: uppercase;font-size: 12px;color: #fff;padding: 0 0 0 5px;font-weight:normal; }
.news-more a:hover{}
.news-more:hover span{opacity: 1;display: inline-block;}
.i-news ul{list-style:none; color:#333; padding:0px; margin:-31px 0 0 0;display: flex;flex-wrap: wrap;border-bottom: 1px #6d8a36 solid;}
.i-news ul li{padding:0;margin: 0; width: 33.3333%;font-size:16px;color: #333333;border-right: 1px #6d8a36 solid;}
.i-news ul li:last-of-type{border-right: 0;}
.i-news ul li a{color:#333; display:block;padding:40px 12px 30px 12px;}
.i-news ul li a:hover{background: #fcfff6;}
.i-news ul li .i-news-date{font-family: 'Lora', serif;font-size: 14px; color: #6d8a36;display: flex;text-transform: uppercase;margin: 0 0 12px 0;}
.i-news ul li .i-news-date .i-news-day{width: 50px;height: 50px; background: #6d8a36;font-size: 36px; color: #ffffff;display: flex;align-items: center;justify-content: center;}
.i-news ul li .i-news-date .i-news-year{flex: 1; font-size: 14px; color: #6d8a36;border-bottom: 1px #6d8a36 solid;padding:5px 5px 5px 10px;margin: 0 0 12px 0;display: flex;align-items: flex-end;}
.i-news ul li h4{font-size:16px;color: #333333;padding: 0;margin: 0;line-height: 1.6;}
@media screen and (max-width:767px){
	.i-news ul{ margin:0;}
	.i-news ul li{width:100%;border-right:0;border-bottom: 1px #6d8a36 solid;}
	.i-news ul li:last-of-type{border-bottom:0;}
	.i-news ul li h4{height:auto;}
	.i-news ul li a{padding:20px 12px;}
}

/** 檢驗&臨床 **/
.i-inspection-clinical-main{padding:90px 0px 0 0;}
.i-inspection-clinical{display: flex;}
.i-inspection{position: relative;flex: 1;margin:0px 0px 0 0;}
.i-inspection a{display: block;}
.i-inspection-content{display: flex;align-items: center;justify-content: center;position: relative;}
.i-inspection-content:after{content: "";display: block;width:calc(100% - 20px);height:calc(100% - 20px);border: 2px #ffffff solid;position: absolute;top: 10px;left: 10px;}
.i-inspection h4{font-weight: bold;display: table;font-size:30px;color: #ffffff;padding:5px 30px;margin:0 auto 10px auto;text-align: center;background: #6d8a36;}
.i-clinical{position: relative;flex: 1;margin: 0 0 0px 0px;}
.i-clinical{display: block;}
.i-clinical-content{display: flex;align-items: center;justify-content: center;position: relative;}
.i-clinical-content:after{content: "";display: block;width:calc(100% - 20px);height:calc(100% - 20px);border: 2px #ffffff solid;position: absolute;top: 10px;left: 10px;}
.i-clinical h4{font-weight: bold;display: table;font-size:30px;color: #ffffff;padding:5px 30px;margin:0 auto 10px auto;text-align: center;background: #6d8a36;}
.i-clinical{position: relative;flex: 1;margin: 0 0 0px 0px;}

@media screen and (max-width:767px){
	.i-inspection-clinical-main{padding:30px 0px 0 0;}
	.i-inspection-clinical{display:block;}
	.i-inspection{margin:10px 0 0 0;}
	.i-clinical{margin:10px 0 0 0;}
}

/** 公司簡介&聯絡我們 **/
.i-about-contact-main{padding: 0 10px;}
.i-about-contact{max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.i-about{flex: 1;margin: 0 20px 0 0;position: relative;}
.i-about-content{font-size: 16px;color: #333333;line-height: 1.8;padding: 0 0 30px 0;}
.i-about-more{font-size: 12px; color: #fff;text-transform: uppercase;position: absolute;bottom: 0;right: 0;}
.i-about-more a{background: #6d8a36;color: #fff;display: block;padding: 2px 15px;}
.i-about-more a:hover{background: #2f410e;}
.i-contact{flex: 1;margin: 0 0 0 20px;}
@media screen and (max-width:767px){
	.i-about-contact{display:block;}
	.i-about{margin: 0 0 30px 0;}
	.i-contact{margin:30px 0 0 0;}
}

/** 首頁產品 **/
.i-pro{margin:0 auto;}
.i-pro-title{font-size:24px; color:#333; padding:10px 0; text-align:center; font-weight:normal; border-bottom:3px #DFDFDF solid; margin:10px 0;}
.i-pro ul{margin:0; padding:5px; list-style:none; display:flex; flex-wrap:wrap;}
.i-pro ul li{width:20%; margin:0; padding:10px; text-align:center;}
.i-pro ul li:hover{background:#f8f6f6;}
.i-pro ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.i-pro ul li .i-pro-store{color:#938c83; padding:10px 0 0px 0; display:block; text-decoration:line-through;}
.i-pro ul li .i-pro-price{color:#eb1515; font-size:20px; padding:5px; display:block;}
.pro-photo{background:#fff; width:100%; position:relative;z-index: 1;}
.pro-photo a{display:flex; height:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.pro-photo img.index-pro-img{width:auto; height:auto; flex-shrink:0;}
.pro-more{max-width:1200px; margin:15px auto 0 auto; position:relative;}
.pro-more a{background:#2a2a2a; color:#ffffff; display:table; padding:8px 20px; margin:0 auto; text-align:center;}
.pro-more a:hover{background:#000;}

@media screen and (max-width:767px){
	.i-pro ul li{width:33.3333%;}
}

@media screen and (max-width:575px){
	.i-pro ul li{width:50%; padding:5px;}
}

/** 內頁banner **/
.inside-banner{padding: 0 10px;}
.inside-banner .banner-title{max-width:1200px; font-size:18px; color:#ffffff; margin:0 auto; padding:25px 0;text-align: center;}
.inside-banner .banner-title .banner-title-ch{ font-size:36px; color:#6d8a36;position: relative;display: table;margin: 0 auto;padding: 0 20px;}
.inside-banner .banner-title .banner-title-ch:before{content: "";display: block;background: #e6ebdb;width: 100%;height: 20px;position: absolute;bottom: 0;left: 0;z-index:-1;}
.inside-banner .banner-title .banner-title-en{font-family: 'Lora', serif; font-size:16px; color:#6d8a36;font-weight: bold;text-transform: uppercase;position: absolute;bottom:-2px;left:170px;font-style: italic;letter-spacing: 3px;width: 100%;min-width: 250px; text-align: left;}
.inside-banner .banner-title .banner-title-en02{font-family: 'Lora', serif; font-size:16px; color:#6d8a36;font-weight: bold;text-transform: uppercase;position: absolute;bottom:-2px;left:135px;font-style: italic;letter-spacing: 3px;width: 100%;min-width: 250px;text-align: left;}

@media screen and (max-width:767px){
	.inside-banner .banner-title{padding:15px 0 10px 0;}
	.inside-banner .banner-title .banner-title-ch:before{position: absolute;bottom:24px;left: 0;}
	.inside-banner .banner-title .banner-title-en{position:inherit;bottom:inherit;left:inherit;min-width:inherit;text-align: center;}
	.inside-banner .banner-title .banner-title-en02{position:inherit;bottom:inherit;left:inherit;min-width:inherit;text-align: center;}
}

/** Breadcrumb **/
.breadcrumb{display:flex; flex-wrap:wrap; width:100%; max-width:1200px; margin:0 auto; padding:0.75rem 1rem 0.75rem 0; list-style:none; background-color:#e9ecef; border-radius:0.25rem;}
.breadcrumb-item{padding-left:0.5rem;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:0.5rem; color:#6c757d; content:"/";}
.breadcrumb-item a{font-weight:bold; text-decoration:none; color:#4697bf;}
.breadcrumb-item a:hover{color:#007bff; text-decoration:none;}

/** 內頁架構 **/
.content-body{max-width:1200px; margin:0 auto; padding:20px 0;min-height: 500px;}
.page-title{font-size:24px; color:#333; padding:5px 0 5px 20px; margin:0px 0 15px 0;position: relative;}
.page-title:before{content: "";display: block;width: 10px; height: 10px;background: #333333; border: 2px #ffffff solid;box-shadow: 0 0 0 1px #333333; transform:rotate(45deg);position: absolute;top:15px;left: 0;}
.page-main{padding:0; font-size:16px; color:#333;}

/** 左邊分類 **/
.left-menu-title{background:#e9ecef; text-align:center; font-size:18px; font-weight:bold; padding:8px 0; border-radius:5px 5px 0 0; margin-bottom:3px; border-bottom:2px solid #6d6d6d; color:#525252;}
.in-left-menu>ul{margin:0; padding:0; list-style:none;}
.in-left-menu>ul>li{font-size:16px; color:#333; padding:0;margin: 0 0 12px 0;}
.in-left-menu>ul>li>a{background:#f3f6ec; color:#333; border-left:4px #6d8a36 solid; display:block; padding:10px 5px 10px 25px;box-shadow: 3px 3px 0 0 #c1c5b9;position: relative;border-radius:10px 0 10px 0;}
.in-left-menu>ul>li>a:hover{background-color:#6d8a36; color: #fff;position: relative;}
.in-left-menu>ul>li>.current{background-color:#6d8a36; color: #fff;position: relative;}
.in-left-menu>ul>li ul{margin:10px 10px 0 10px; padding:0; list-style:none;display: none;}
.in-left-menu>ul>li ul li{border-bottom:1px #c1c5b9 solid; padding:0;}
.in-left-menu>ul>li ul li:last-of-type{border-bottom:0;}
.in-left-menu>ul>li ul li a{font-size:15px; color:#666; display:block;position: relative;padding:8px 5px 8px 20px;}
.in-left-menu>ul>li ul li a:before{content: "";display: block;width: 4px; height: 4px;background:#6d8a36;border-radius: 10px;position: absolute;top:18px;left: 5px;transition: all 0.1s ease 0s;  }
.in-left-menu>ul>li ul li a:hover{background:#9cad7b;color: #fff;position: relative;}
.in-left-menu>ul>li ul li a:hover:before{content: "";display: block;width: 4px; height: 4px;background:#ffffff;border-radius: 10px;position: absolute;top:18px;left: 8px;transition: all 0.1s ease 0s;  }
.in-left-menu>ul>li>ul>li>ul{margin:0px; padding:0; list-style:none;display: none;background: #f1f8f3;}
.in-left-menu>ul>li>ul>li>ul>li>a{padding:8px 5px 8px 30px;}
.in-left-menu>ul>li>ul>li>ul>li>a:before{content: "";display: none;width: 20px; height: 2px;background:#6d8a36;border-radius: 10px;position: absolute;top:18px;left: 0;transition: all 0.1s ease 0s;  }
.in-left-menu>ul>li>ul>li>ul>li>a:hover:before{content: "";display: none;width: 20px; height: 2px;background:#ffffff;border-radius: 10px;position: absolute;top:18px;left: 0;transition: all 0.1s ease 0s;  }
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}

@media screen and (max-width:767px){
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#f3f6ec; border:1px solid #6d8a36;}
	.m_classLink a.main{display:block; background:none; font-size:16px; font-family:"Microsoft JhengHei", "新細明體", sans-serif; color:#333; position:relative; padding:8px;}
	.m_classLink a.main i{display:block; font-size:16px; background:#6d8a36; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #6d8a36; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:8px; border-top:1px solid #6d8a36; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:16px; color:#333333;}
	.m_classLink ul li ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#6d8a36;color: #fff;}
	.m_classLink ul li ul{display:block; margin:0; padding:0 10px; list-style:none; width:100%;border:0; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;background: #f3f6ec;}
	.m_classLink ul li ul li{}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}

/** 公司簡介 **/
.about{}
.about ul{list-style: none;padding: 0;margin: 0;}
.about ul li{padding: 0;margin:30px 0;display: flex;flex-wrap: wrap;align-items: center;}
.about ul li:nth-child(even){flex-direction: row-reverse;}
.about ul li h4{margin: 0;width:92px;height: 92px;box-shadow: 0 0 10px 0 rgba(0,0,0,.4) inset; display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 10px; font-size: 36px;background:#6d8a36;color: #fff; position: relative; writing-mode:tb-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr;}
.about ul li .about-content{font-size:16px;color: #333;flex: 1;padding: 40px 15px;background:#f4f8ed;margin: 0px 0 0 0px;border:1px #6d8a36 solid; box-shadow: 0 0 0 6px #fff inset; }

@media screen and (max-width:575px){
	.about ul li{display: block;}
	.about ul li h4{width:100%;height:auto;margin: 0 auto;font-size:30px;writing-mode:lr-tb; -ms-writing-mode:lr-tb; -webkit-writing-mode:lr-tb; -moz-writing-mode:lr-tb; -ms-writing-mode:lr-tb; writing-mode:lr-tb;}
	.about ul li .about-content{padding: 15px 15px;}
}

/** 最新消息 **/
.news{}
.news ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.news ul li{padding: 0;margin: 0px;width:100%;}
.news ul li a{color:#333;display:flex;flex-wrap: wrap;background: #fff;}
.news ul li:nth-child(even) a{background:#f8faf5;}
.news ul li a:hover{background:#f5f8ee;}
.news ul li:nth-child(even) a:hover{background:#f5f8ee;}
.news ul li .news-day{width:150px;text-align: center; font-weight: bold;font-size:18px;padding: 10px; color:#6d8a36;font-family: 'Lora', serif;display: flex;align-items: center;justify-content: center; text-transform: uppercase;}
.news ul li .news-content{flex: 1; font-size:16px; color:#333;border-left: 1px #6d8a36 solid;margin:0 ;padding:15px;}
.news ul li .news-content h4{padding: 0;margin: 0;font-size:16px; color:#333;line-height: 1.4;}
.news ul li .news-content .news-date{ color:#6d8a36; font-size:14px;font-family: 'Lora', serif;margin: 0 0 10px 0; text-transform: uppercase;}
.news-detail-date{background: #6d8a36; color:#ffffff;display: table;padding:4px 15px;text-transform: uppercase; font-size: 14px;letter-spacing: 3px; font-style: italic;font-family: 'Lora', serif;margin: 0 0 10px 0;}
@media screen and (max-width:575px){
	.news ul li a{display: block;}
	.news ul li .news-content{border-left:0;border-top: 1px #6d8a36 solid;padding:15px 10px;}
	.news ul li .news-day{width:100%;text-align: left;justify-content: flex-start;}
}

/** 產品搜尋 **/
.search{padding:0;}
.search-input{padding:0px 0 10px 0; position:relative; color:#333;}
.search-input img{position:absolute; right:0; top:0px;}
.search input{background:#eeeeee; font-size:15px; color:#333; padding:5px 66px 5px 15px; width:100%; border:0; margin:0; vertical-align:middle; min-height:31px; font-family:"Microsoft JhengHei";}
.search img{vertical-align:middle;}
.pro-search-info{font-size:18px; color:#64691F; line-height:1.5em; border-bottom:1px #CCC dotted; margin-bottom:20px; text-align:center; padding-bottom:10px;}

/** 產品列表介紹 **/
.pro-store-info{font-size:15px; color:#666; padding:10px; margin-bottom:20px;}
.pro-list ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.pro-list ul li{width:calc(50% - 16px);border: 1px #e7ebe1 solid;margin:8px; padding:8px; text-align:center;position: relative;}
.pro-list ul li:before{content:"";width: 0;height: 0;border-top: 0;border-left: 0; position: absolute;top:-1px;left:-1px;transition: all 0.8s ease 0s;}
.pro-list ul li:after{content:"";width: 0;height: 0;border-bottom: 0;border-right: 0; position: absolute;bottom:-1px;right:-1px;transition: all 0.8s ease 0s;}
.pro-list ul li:hover{}
.pro-list ul li:hover:before{content:"";width:calc(100% + 2px);height:calc(10% + 2px);border-top:1px #6d8a36 solid;border-left:1px #6d8a36 solid;position: absolute;top:-1px;left:-1px;transition: all 0.8s ease 0s;}
.pro-list ul li:hover:after{content:"";width:calc(100% + 2px);height:calc(10% + 2px);border-bottom:1px #6d8a36 solid;border-right:1px #6d8a36 solid;position: absolute;bottom:-1px;right:-1px;transition: all 0.8s ease 0s;}
.pro-list ul li h4{font-size:16px; color:#333333;font-weight:normal; margin:13px 0 5px 0; padding:0;}
@media screen and (max-width:450px){
	.pro-list ul li{width:calc(100% - 0px);margin: 8px 0;}
}

/** 產品明細 **/
.pro-detaile-title{font-size:20px; color:#6d8a36; padding:8px 5px 8px 5px; margin:0 0 30px 0; font-weight:bold;border-bottom: 1px #6d8a36 solid;display: block;width: 100%;}
.pro-detaile-title:after{content: "";display: block; width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #6d8a36 transparent transparent transparent;margin: 8px auto -18px auto;}
.pro-detaile-box{display:flex; flex-wrap:wrap; margin:0 0 30px 0;}
.pro-detaile-photo-box{width:calc(50% - 25px); margin:0 25px 0 0;}
.pro-detaile-spe-box{width:50%; position:relative; padding-bottom:0px;}
.pro-detaile .pro-photo-box{background:#fff; width:100%; margin:0; padding:0;box-shadow: 0 0 0 1px #6d8a36;border: 10px #ffffff solid;}
.pro-detaile .pro-photo-box img{width:100%; height:auto;}
.pro-list-time{background:url(../images/time.png) left center no-repeat; font-size:12px; color:#968c69; padding-left:20px;}
.pro-specification{font-size:16px; color:#333; position:relative;}
h3.pro-introduce{background:#999; font-weight:normal; border-left:5px #111111 solid; padding:8px 10px; font-size:20px; color:#fff; margin:25px 0 15px 0;}
.pro-content{padding:0px 0; font-size:16px; color:#333; clear:both;}
.pro-content-title{font-size:18px; color:#fff;display: table;background: #84a642;padding: 5px 15px;position: relative;margin:40px 5px 25px 5px;}
.pro-content-title:before{content: "";display: block;border-top:1px #84a642 solid;border-left:1px #84a642 solid;width:50%; height:40%;position: absolute;top: -5px;left:-5px;}
.pro-content-title:after{content: "";display: block;border-bottom:1px #84a642 solid;border-right:1px #84a642 solid;width:50%; height:40%;position: absolute;bottom: -5px;right:-5px;}
@media screen and (max-width:767px){
	.pro-detaile-box{display:block;}
	.pro-detaile-photo-box{width:100%;max-width: 500px;margin: 0 auto 15px auto;}
	.pro-detaile-spe-box{width:100%; padding-bottom:0;}
}

/** 線上購物 **/
.pro-shopping{}
.pro-shopping ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.pro-shopping ul li{width:calc(100%/4 - 16px);border: 1px #e7ebe1 solid;margin:8px; padding:8px; text-align:center;position: relative;}
.pro-shopping ul li:before{content:"";width: 0;height: 0;border-top: 0;border-left: 0; position: absolute;top:-1px;left:-1px;transition: all 0.8s ease 0s;}
.pro-shopping ul li:after{content:"";width: 0;height: 0;border-bottom: 0;border-right: 0; position: absolute;bottom:-1px;right:-1px;transition: all 0.8s ease 0s;}
.pro-shopping ul li:hover{}
.pro-shopping ul li:hover:before{content:"";width:calc(100% + 2px);height:calc(10% + 2px);border-top:1px #6d8a36 solid;border-left:1px #6d8a36 solid;position: absolute;top:-1px;left:-1px;transition: all 0.8s ease 0s;}
.pro-shopping ul li:hover:after{content:"";width:calc(100% + 2px);height:calc(10% + 2px);border-bottom:1px #6d8a36 solid;border-right:1px #6d8a36 solid;position: absolute;bottom:-1px;right:-1px;transition: all 0.8s ease 0s;}
.pro-shopping ul li .pro-info{}
.pro-shopping ul li .pro-info h4{font-size:16px; color:#333333;font-weight:normal;line-height: 1.4; margin:13px 0 5px 0; padding:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 44.78px;}
.pro-shopping ul li .pro-info .pro-price{color:#eb1515; font-size:20px; padding:0; display:block;font-weight: bold;}
.pro-shopping ul li .pro-info .pro-price span{font-size:15px; }
.pro-shopping ul li .pro-info .pro-original{color:#666666; font-size:14px; padding:0; display:block;font-weight: normal;}
.pro-shopping ul li .pro-info .pro-original span{font-size:12px;}
.cart{color:#333333; font-size:15px; display:block; width:100%; text-align:center;position: relative;z-index: 1;overflow: hidden;opacity: 0;border-top:3px #6d8a36 solid;margin: 8px 0 0 0;}
.cart i{padding: 0 8px 0 0;}
.cart a, .cart button{background:#f3f3f3; padding:6px 8px; color:#333333; font-size:15px; display:block;width:100%; text-align:center;}
.cart a:hover, .cart button:hover{background:#3f5811; color:#fff; }
.cart a[disable], .cart button[disable]{cursor:no-drop; color:#cecece;background:#f3f3f3;}
.cart a[disable]:hover, .cart button[disable]:hover{background:#f3f3f3; }
.pro-shopping ul li:hover .cart{visibility: visible;opacity: 1;}
@media screen and (max-width:767px){
    .cart{overflow: visible;opacity: 1;}
    .pro-shopping ul li{width:calc(100%/3 - 10px);margin:5px; padding:5px; }
}
@media screen and (max-width:575px){
    .pro-shopping ul li{width:calc(100%/2 - 10px);}
}
@media screen and (max-width:374px){
    .pro-shopping ul li{width:calc(100%/1 - 0px);margin: 5px 0;}
}

/** 線上購物明細 **/
.pro-shopping-detaile-spe-box{padding-bottom:130px;}
.cart-info{position:absolute; width:100%; bottom:0;display:flex;flex-wrap: wrap;}
.cart-info .price{font-size:22px;display:block; text-align:right;width: 100%;}
.cart-info .price span{font-size:14px;}
.cart-info .price .origin{font-size:15px; color:#666; }
.cart-info .price .special{font-size:20px; color:#eb1515; font-weight:bold;margin: 10px 0; }
@media screen and (max-width:767px){
    .pro-shopping-detaile-spe-box{padding-bottom:0px;}
	.cart-info{position:inherit; bottom:inherit;margin: 15px 0 0 0;}
}

/** 原廠 **/
.original{display: flex;align-items: center; border:1px #84a642 solid;box-shadow: 0 0 0 8px #fff,0 0 0 10px #84a642;margin: 40px 10px 10px 10px;background: #ffffff;}
.original-logo{width: 230px;padding: 15px;background: #ffffff;}
.original-logo a{display: block;}
.original-content{flex: 1;font-size: 15px; color: #333333;margin: 0;line-height: 1.8;background: #f6f9f1;padding: 15px;border-left:1px #84a642 solid;word-break: break-all;}
.original-content a{color: #333333;text-decoration: underline;}
.original-content a:hover{color: #6d8a36;}
.original-content h4{padding: 0;margin:5px 0 10px 0;font-size:18px; color: #6d8a36;font-weight: bold;}
@media screen and (max-width:575px){
	.original-logo{margin: 0 auto;}
	.original{display: block;}
	.original-content{flex:inherit;width: 100%;border-left:0; border-top:1px #84a642 solid;}
}
/** 產品明細圖片特效 **/
.slider-wrap{width:100%;}
.stripViewer .panelContainer{width:400% !important;}
.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px; width:100%;}
.stripViewer{position:relative; overflow:hidden; width:100%; height:auto;}
.stripViewer .panelContainer{position:relative; left:0; top:0; width:400%;}
.stripViewer .panelContainer .wrapper{width:100%; display:flex; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.stripViewer .panelContainer img{width:auto; height:auto; max-width:100%; max-height:100%;}
.stripViewer .panelContainer .panel{float:left; position:relative;}
.stripNavL, .stripNavR, .stripNav{display:none; width:100%;}
.slider-wrap a{height:auto;}
.nav-thumb{margin-right:0;}
#movers-row{margin:5px 0 0 0; width:100%;}
#movers-row div{width:calc(100%/4 - 10px);margin: 5px; float:left; padding:0;}
#movers-row div a.cross-link{float:right; display:flex; width:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center; border:1px #C0C0C0 solid;}
#movers-row div a.cross-link img{width:auto; height:auto; max-width:100%; max-height:100%;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{}
.panel{width:25%;}
.pro-shoping-photo{background-color: #ffffff;background-repeat: no-repeat;background-position: center center;background-size: contain;}

/** 活動 **/
.activity-title{font-size:20px; color:#6d8a36; padding:5px 0 5px 40px; margin:40px 0 15px 0;position: relative;background: url(../images/photo-icon.png)no-repeat left top 4px;background-size: 30px;border-bottom: 1px #6d8a36 dashed;}
.activity{}
.activity ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.activity ul li{width:calc(50% - 16px); margin:8px; padding:8px; text-align:center;position: relative;border: 1px #e7ebe1 solid;}
.activity ul li:before{content: "";display: block;width: 8px; height: 8px;background: #e7ebe1;position: absolute;top: 0;left: 0;transition: all 0.5s ease 0s;}
.activity ul li:after{content: "";display: block;width: 8px; height: 8px;background: #e7ebe1;position: absolute;bottom: 0;right: 0;transition: all 0.5s ease 0s;}
.activity ul li:hover{position: relative;border: 1px #6d8a36 solid;}
.activity ul li:hover:before{content: "";display: block;width: 100%; height: 3px;background: #6d8a36;position: absolute;top: 0;left: 0;transition: all 0.5s ease 0s;}
.activity ul li:hover:after{content: "";display: block;width: 100%; height: 3px;background: #6d8a36;position: absolute;bottom: 0;right: 0;transition: all 0.5s ease 0s;}
.activity ul li h4{font-size:16px; color:#333333;font-weight:normal; margin:13px 0 5px 0; padding:0;}
@media screen and (max-width:450px){
	.activity ul li{width:calc(100% - 0px);margin: 8px 0;}
}

/** faq **/
.faq{}
.faq ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.faq ul li{width:calc(25% - 16px); margin:8px; padding:8px; text-align:center;position: relative;border: 1px #e7ebe1 solid;}
.faq ul li:before{content: "";display: block;width: 8px; height: 8px;background: #e7ebe1;position: absolute;top: 0;left: 0;transition: all 0.5s ease 0s;}
.faq ul li:after{content: "";display: block;width: 8px; height: 8px;background: #e7ebe1;position: absolute;bottom: 0;right: 0;transition: all 0.5s ease 0s;}
.faq ul li:hover{position: relative;border: 1px #6d8a36 solid;}
.faq ul li:hover:before{content: "";display: block;width: 100%; height: 3px;background: #6d8a36;position: absolute;top: 0;left: 0;transition: all 0.5s ease 0s;}
.faq ul li:hover:after{content: "";display: block;width: 100%; height: 3px;background: #6d8a36;position: absolute;bottom: 0;right: 0;transition: all 0.5s ease 0s;}
.faq ul li h4{font-size:16px; color:#333333;font-weight:normal; margin:13px 0 5px 0; padding:0;}
@media screen and (max-width:900px){
	.faq ul li{width:calc(33.3333% - 16px);}
}
@media screen and (max-width:575px){
	.faq ul li{width:calc(50% - 16px);}
}
@media screen and (max-width:370px){
	.faq ul li{width:calc(100% - 0px);margin: 8px 0;}
}


/** 影片 **/
.video-title{font-size:20px; color:#6d8a36; padding:5px 0 5px 40px; margin:40px 0 15px 0;position: relative;background: url(../images/video-icon.png)no-repeat left top 4px;background-size: 30px;border-bottom: 1px #6d8a36 dashed;}
.video{margin:20px 0 20px 0;}
.video ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.video ul li{width: calc(33.3333% - 16px); margin:8px; padding:0px; text-align:center;}
.video ul li:hover{}
.video ul li h4{font-size:16px;color:#333;font-weight:normal;margin:8px 0 16px 0; padding:0px 0;}

.video-photo{background:#ffffff; width:100%; position:relative;}
.video-photo a{display:flex; height:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.video-photo img.index-pro-img{width:auto; height:auto; flex-shrink:0;}
.video-container {position: relative;padding-bottom:60%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width:575px){
	.video ul li{width: calc(100% - 0px); margin:0 8px; }
}


/** 媒體 **/
.media{}
.media ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.media ul li{width:25%; margin:0; padding:10px; text-align:center;}
.media ul li:hover{background:#f8f6f6;}
.media ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.media ul li .media-date{color:#ccc; font-size:15px; padding:5px; display:block;}
.media-content{padding:0px 0; font-size:16px; color:#333; clear:both;}


/** 下載 **/
.download{}
.download ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.download ul li{width:calc(25% - 16px); margin:8px; padding:8px; text-align:center;border: 1px #e7ebe1 solid;overflow: hidden;position: relative;}
.download ul li:before{content: "";position: absolute;top:12px;left:-40px;width:30px;height: 30px;display: block;z-index: 2;background: #6d8a36 url(../images/download-icon.png)no-repeat center center;background-size: 16px;transition: all 0.5s ease 0s;}
.download ul li:after{content: "";position: absolute;top:42px;left:-40px;width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 0;border-color: transparent #445d16 transparent transparent;transition: all 0.5s ease 0s;}
.download ul li:hover{position: relative;border: 1px #6d8a36 solid;}
.download ul li:hover:before{content: "";position: absolute;top:12px;left: 0;width:30px;height: 30px;display: block;z-index: 2;background: #6d8a36 url(../images/download-icon.png)no-repeat center center;background-size: 16px;transition: all 0.5s ease 0s;}
.download ul li:hover:after{content: "";position: absolute;top:42px;left: 0;width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 0;border-color: transparent #445d16 transparent transparent;transition: all 0.5s ease 0s;}
.download ul li h4{font-size:16px; color:#333333;font-weight:normal; margin:13px 0 5px 0; padding:0;}
@media screen and (max-width:900px){
	.download ul li{width:calc(33.3333% - 16px);}
}
@media screen and (max-width:575px){
	.download ul li{width:calc(50% - 16px);}
}
@media screen and (max-width:370px){
	.download ul li{width:calc(100% - 0px);margin: 8px 0;}
}


/* 產品明細-加入購物車動態視窗 */
.addcart-box .modal-title{}
.addcart-box .price.member{color:#9e0c36; font-weight:bold;}
.addcart-box .spec-title{padding:10px 0;}
.addcart-box ul.specs li{display:inline-block; width:auto; margin:0 5px 20px 0; padding:5px; border:2px solid #333; border-radius:5px; cursor:pointer;}
.addcart-box ul.specs li[disable],.addcart-box ul.specs li.current[disable]{background-color:#fff; color:#ccc; border-color:#ccc;}
.addcart-box ul.specs li.current{background-color:#d63b68; color:#fff;}
             ul.specs {margin-left:0; padding-left:0;}


/** 購物車按鈕 **/
.add-to-cart{color:#cecece; font-size:15px; display:flex;justify-content: flex-end;flex: 1; text-align:center;}
.add-to-cart i{padding: 0 8px 0 0;}
.add-to-cart a{background:#6d8a36; padding:6px 10px; color:#ffffff; font-size:16px; display:flex;align-items: center;justify-content: center; width:100%; text-align:center;border-radius: 0px;}
.add-to-cart a:hover{background:#ff6600; color:#fff; }
.add-to-cart a[disable]{background:#f3f3f3; cursor:no-drop; color:#cecece;}
.add-to-cart a[disable]:hover{background:#f3f3f3; }


/** 購買數量 **/
.cart-info .qtynspec{display:flex; flex-wrap:wrap;width:140px;}
.cart-info .quantity{display:flex; justify-content:flex-end; align-items:center; width:100%; font-size:16px; color:#333; padding:0;margin:0 ;}
.cart-info .quantity-title{font-size:15px; color:#333; width: auto;margin:0 10px 0 0;}

/** 購買數量增減模組 **/
.qtyInputBox{display:inline-table; vertical-align:middle; height:44px; width:auto;}
.qtyInputBox .input-group-btn, .qtyInputBox input{display:table-cell; position:relative; float:left; top:0;}
.qtyInputBox .input-group-btn button{display:block; width:44px; height:44px; margin:0; padding:0; vertical-align:middle; border:1px solid #3f5811; border-radius:0; overflow:hidden;}
.qtyInputBox .input-group-btn:last-child button{border-radius:0;}
.qtyInputBox button i{display:block; width:100%; height:100%; margin:0; padding:0; line-height:44px;color: #ffffff; background: #3f5811;}
.qtyInputBox button i:hover{background-color:#222222;}
.qtyInputBox input{margin-bottom:0; width:calc(100% - 88px); height:44px; line-height:44px; border:0; border-top:1px solid #3f5811; border-bottom:1px solid #3f5811; vertical-align:middle; padding:0 5px; text-align:center;}
.qtyInputBox button:focus, input:focus{outline:0;}
.shopping-car-content .qtyInputBox{height:30px;margin: 0 auto;}
.shopping-car-content .qtyInputBox .input-group-btn button{width:30px; height:30px; }
.shopping-car-content .qtyInputBox button i{line-height:30px;}
.shopping-car-content .qtyInputBox input{ height:30px; line-height:30px; width:calc(100% - 60px);}

/** 購買尺寸 **/
.size{margin:0; padding:7px 0; border-bottom:1px #DFDFDF solid; border-top:1px #DFDFDF solid; display:flex; align-items:center;}
.size-title{font-size:15px; color:#333; min-width:32px; margin:0 10px 0 0;}
.size ul{list-style:none; margin:0 auto; padding:0; flex:1; display:flex; flex-wrap:wrap;}
.size ul li{background:#aaaaaa; font-size:12px; color:#ffffff; margin:2px 5px 2px 0; padding:2px; cursor:pointer; min-width:25px; width:25px; text-align:center;}
.size ul li:hover{background:#000;}
.size ul li.active{background:#000;}
.size ul li.none{background:#E7E7E7;}
.size ul li.title{background:none; font-size:15px; color:#575757; width:auto;}

/** 購買規格 **/
.specification{margin:0; padding:7px 0; display:flex; justify-content:flex-end; align-items:center; width:100%;}
.specification-title{font-size:15px; color:#333; min-width:32px; margin:0 10px 0 auto;}
.specification select{min-height:30px; border:1px #ccc solid; max-width:calc(100% - 32px);}

/** 相片集 **/
/* PhotoSwipe Repository */
.my-gallery{margin:20px 0;}
.my-gallery figure{margin:0 ; padding:8px;}
.my-gallery figcaption{text-align:center; margin:8px 0 16px 0; padding: 0; font-size:16px;}
.my-gallery .pro-photo{display:flex; align-items:center; justify-content:center;}
@media screen and (max-width:767px){
	.my-gallery{max-width: 100%;}
}

/** 聯絡我們 **/
.contact-body{}
.contact-note{padding:10px 0; font-weight:bold; font-size:15px; color:#900;}
.contact-information{}
.contact-information ul{list-style: none;padding: 0;margin: 0;}
.contact-information ul li{padding: 0;margin:16px 0 26px 8px;display: flex;flex-wrap: wrap;align-items: center;}
.contact-information ul li .contact-icon{width: 60px;height:60px; color: #fff;font-size: 14px;text-align: center; background: #6d8a36;border-radius: 50px;display: flex;flex-wrap: wrap; align-content: center;justify-content: center;position: relative;}
.contact-information ul li .contact-icon:before{content: "";display: block;border: 2px #6d8a36 dotted;border-radius: 50px;position: absolute;top:-8px;left:-8px; width:76px;height:76px; }
.contact-information ul li .contact-icon i{width: 100%;font-size:20px;margin: 0 0 0px 0;}
.contact-information ul li .contact-content{flex: 1;font-size: 16px; color: #333333;padding: 10px 0 10px 20px;}
.googlemap {position: relative;padding-bottom: 113%;padding-top: 30px;height: 0;overflow: hidden;border: 1px #6d8a36 solid;}
.googlemap iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;padding: 10px;}
@keyframes contact-icon
{
0% {transform:rotate(0deg);}
50%{transform:rotate(360deg);}
100%{transform:rotate(0deg);}
}

@-moz-keyframes contact-icon /* Firefox */
{
0% {transform:rotate(0deg);}
50%{transform:rotate(360deg);}
100%{transform:rotate(0deg);}
}

@-webkit-keyframes contact-icon /* Safari 和 Chrome */
{
0% {transform:rotate(0deg);}
50%{transform:rotate(360deg);}
100%{transform:rotate(0deg);}
}

@-o-keyframes contact-icon /* Opera */
{
0% {transform:rotate(0deg);}
50%{transform:rotate(360deg);}
100%{transform:rotate(0deg);}
}

.contact-information ul li .contact-icon:before{
animation: contact-icon 25s infinite;
-moz-animation: contact-icon 25s infinite;	/* Firefox */
-webkit-animation: contact-icon 25s infinite;	/* Safari 和 Chrome */
-o-animation: contact-icon 25s infinite;	/* Opera */
}

@media screen and (max-width:767px){
	.googlemap {padding-bottom: 70%;margin: 25px 0 0 0;}
}
@media screen and (max-width:575px){
	.googlemap {padding-bottom: 80%;}
}

/** 表單欄位 **/
.form-box{margin: 0 0 15px 0;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion{display:flex; flex-wrap:wrap; margin:8px 0;padding: 5px 0; border:1px solid #d4d8cd;  overflow:hidden;background: #fff;position: relative;}
.opinion-left01{background: #fff; width:130px; min-width:130px; padding:0 15px; font-weight:bold; font-size:16px; font-family:"Microsoft JhengHei"; color:#333333; line-height:1.6; display:flex;align-items: center; border-right: 1px #d4d8cd solid;justify-content: center;}
.input-main-style01{background: #fff;flex:1; width:100%; border:0; margin:0; padding:0 44px 0 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.6; min-height:32px;}
.input-main-style02{background: #fff;flex:1; width:100%; border:0; margin:0; padding:0 44px 0 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.6; min-height:32px;}
.input-main-style03{background: #fff;flex:1; width:100%; border:0;border-top: 1px #d4d8cd solid; margin:0; padding:0 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.6; min-height:32px;}
.input-main-style04{background: #fff;flex:1; width:100%; border:0; margin:0; padding:0 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.6; min-height:32px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:5px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.6; display:flex; flex-wrap:wrap;}
.input-main-select select{background: #fff; width:calc(50% - 2.5px); margin-right:5px; padding:0 15px; line-height:1.6; border:0; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; min-height:32px;}
.input-main-select select:nth-child(2){margin-right:0;}
.select-style{background:#8a6e0c; font-size:15px; color:#ffffff; line-height:1.6; padding:0 10px; border:0;}
.input-style01{background: #fff; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.4; min-height:32px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:15px; line-height:1.6; font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}
.btn.openlink:hover{background-color:#ffbe00;}
img.code{width:100px; height:32px; margin:0; vertical-align:middle; display:inline-block;}
.input-main-style01 + label{position: absolute;top: 0;right: 0;width:44px;height: 44px;display: flex;align-items: center;justify-content: center;color: #d4d8cd; font-size: 20px; margin-bottom: 0;}
.input-main-style02 + label{position: absolute;top: 0;right:100px;width:44px;height: 44px;display: flex;align-items: center;justify-content: center;color: #d4d8cd; font-size: 20px;margin-bottom: 0; }
.input-main-style01:focus + label, .input-main-style02:focus + label{color:#6d8a36; }
@media screen and (max-width:400px){
	.opinion{display:block;}
	.opinion-left01{width:100%;justify-content:flex-start;border-right:0;border-bottom: 1px #d4d8cd solid;padding: 5px 15px;}
	.input-main-style01{padding:5px 41px 5px 15px;}
	.input-main-style02{width:calc(100% - 104px); display:inline-block;padding:5px 41px 5px 15px;}
	.input-main-style01 + label{width:39px;height: 39px;top: 41px;}
	.input-main-style02 + label{width:39px;height: 39px;top: 41px;}
	img.code{width:100px; height:34px; }
}

/** 按鈕 **/
.cart-btn{padding:0; text-align:center; margin:15px 0; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;}
.cart-btn i{ padding: 0 8px 0 0;}
.btn-send{font-size:13px;}
a.btn-send{background: #6d8a36; padding:5px 10px; text-align:center; font-size:16px;color:#ffffff; min-width:120px; margin:0 0 0 10px;border-bottom: 3px #2f410e solid;display: flex;align-items: center;justify-content: center;}
a.btn-send:hover{background:#2f410e;border-bottom: 3px #6d8a36 solid;}
a.btn-reset{background:#e9ecef; padding:5px 10px; text-align:center; font-size:16px; color:#333333;min-width:120px; margin:0 0 0 10px; border-bottom: 3px solid #373737; }
a.btn-reset:hover{background:#373737; color:#fff;border-bottom: 3px #e9ecef solid;}
a.btn-send-over{background: #ff6600; padding:5px 10px; text-align:center; font-size:16px;color:#ffffff; min-width:120px; margin:0 0 0 10px;border-bottom: 3px #6e2c00 solid;display: flex;align-items: center;justify-content: center;}
a.btn-send-over:hover{background:#6e2c00;border-bottom: 3px #ff6600 solid;}
a.btn-forget{ padding:0; font-size:14px; color:#eb1515; margin:0 0 0 10px;  }
a.btn-forget:hover{text-decoration: underline;}
button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:inherit;}
.fa-paper-plane-o{font-size: 22px; }
.fa-refresh{font-size: 22px;}
@media screen and (max-width:575px){
	.cart-btn{justify-content: center;}
	a.btn-send{width:calc(50% - 5px);margin:0 0 0 5px ; padding:8px 10px; }
	a.btn-reset{width:calc(50% - 5px);margin:0 5px 0 0; padding:8px 10px; }
	a.btn-send-over{width:calc(50% - 4px);}
}

/** 會員登入 **/
.member-login-box{max-width:900px; margin:0 auto;}
.login-tool ul{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.login-tool ul li{padding:0; margin:5px; min-width:50px;}
.login-tool ul li img{width:100%;}

/** 送出訊息 **/
.jump-window-box{max-width:500px; margin:0 auto; border:1px #ccc solid; padding:20px; border-radius:5px;}

/** 訂單列表 **/
.order-list ul{list-style:none; padding:0; margin:0;}
.order-list ul li{padding:10px 5px; margin:0;align-items: center;border-bottom: 1px #cccccc dashed;}
.order-list ul li .order-list-content{text-align:center; margin:0;}
.order-list ul li:first-of-type{padding:8px 5px; background-color:#f3f3f3;border-bottom: 3px #cccccc solid;}
.order-list ul li:first-of-type .order-list-content{font-size:16px; text-align:center;}
.order-list ul li:first-of-type .order-list-content b{display:block; line-height:2; border-radius:5px;}
.order-list .order_number{font-size:16px; color:#333;}
.order-list .order_date{font-size:16px; color:#333;}
.order-list .order_total{font-size:16px; color:#333;}
.order-list .order_status{font-size:16px; color:#333;}
.order-list .order_details{font-size:16px; color:#333;}
.order-list .order_details a{display:block; color:#666; padding:3px 10px; line-height:1.5em;}
.order_details a:hover{color:#c72729;}
.oproject{display:none;}
.oproject-content{flex:1;}
.order-list .order_details a.orders-detail-btn{font-size:15px;background: #3f5811;padding: 5px 12px;border-radius: 3px;color: #ffffff;display: table;margin: 3px auto;}
.order-list .order_details a.orders-detail-btn:hover{background:#2f410e;color: #ffffff;}
.order-list .order_details a.orders-pay-btn{font-size:15px;background: #ff6600;padding: 5px 12px;border-radius: 3px;color: #ffffff;display: table;margin: 3px auto;}
.order-list .order_details a.orders-pay-btn:hover{background:#6e2c00;color: #ffffff;}
@media screen and (max-width:767px){
	.order-list ul li .order-list-content{padding:5px 0;}
	.order-list ul li:first-of-type{display:none;}
	.oproject{display:inline-block; color:#000; width:100px; margin:0;}
	.oproject-content{width:100%; max-width:100%; text-align:left;}
    .order-list .order_details a.orders-detail-btn{margin:0 6px 0 0;display: inline-block;}
    .order-list .order_details a.orders-pay-btn{margin:0;display: inline-block;}
}

/** 訂單明細 **/
.order-detail{font-size:16px; color:#333; margin:0 0 20px 0;}
.order-detail h3{background:#6d8a36;display: table;color: #ffffff; font-size:18px; padding:5px 15px;border-radius: 3px; margin:25px 0 10px 0;line-height: 1.4;}
.order-numbering{color:#ff6600; font-size:18px;}

/** 訂單&購物車配置網格 **/
.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
.o-col-sm{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
.o-col-sm-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
.o-col-sm-1{-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%;}
.o-col-sm-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
.o-col-sm-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.o-col-sm-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.o-col-sm-5{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
.o-col-sm-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.o-col-sm-7{-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
.o-col-sm-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.o-col-sm-9{-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.o-col-sm-10{-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%;}
.o-col-sm-11{-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%;}
.o-col-sm-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}

@media screen and (max-width:767px){
	.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{width:100%; max-width:100%; flex:inherit;}
}

/** step **/
.steps{text-align:center; padding:30px 0;}
.steps .step{display:inline-block; width:240px; max-width:33%; text-align:center; margin:0 -2px;}
.steps .step span{display:block; font-weight:bold;}
.steps .step span.badge{position:relative; height:30px; line-height:30px; text-align:center;margin: 0 0 10px 0;}
.steps .step span.badge .text{position:absolute; left:calc(50% - 15px); font-size:18px; font-family:Arial; color:#fff; background-color:#d9d9d9; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; z-index:1;}
.steps .step.active span.badge .text{color:#fff; background-color:#3f5811;}
.steps .step span.badge:before{content:""; position:absolute; background-color:#d9d9d9; width:100%; height:2px; top:calc(50% + 3px); left:0; margin-top:-1px; z-index:0;}
.steps .step:first-child .badge::before{width:50%; left:50%;}
.steps .step:last-child .badge::before{width:50%; right:50%;}

/** 購物車第一步驟 **/
.shopping-car{margin:0 0 40px; padding:10px 0;}
.shopping-car ul{list-style:none; padding:0; margin:0;}
.shopping-car ul li{padding:12px 5px; margin:0;border-bottom: 1px #cccccc dashed;}
.shopping-car ul li .shopping-car-content{margin:0;}
.shopping-car ul li:first-of-type{padding:8px 5px; background-color:#f3f3f3;border-bottom: 3px #cccccc solid;}
.shopping-car ul li:first-of-type .shopping-car-content{font-size:16px; text-align:center;}
.shopping-car ul li:first-of-type .shopping-car-content b{display:block; line-height:2; border-radius:5px;}
.shopping-car .shop-car-info{display:flex; font-size:16px; vertical-align:middle; text-align:left; align-items:center;}
.shopping-car .shop-car-info a.pro-photo{width:60px; margin:0 15px 0 0;}
.shopping-car .shop-car-info .description{font-size:16px; margin:0px; color:#000; flex:1; width:100%; text-align:left;}
.shopping-car .shop-car-info .description .shop-car-info-title{font-size:16px; font-weight:bold;}
.shopping-car .shop-car-info .description .spec{font-size:13px; color:#666;}
.shopping-car .shop-car-price{display:block; height:100%; font-size:16px; color:#333; text-align:center;}
.shopping-car .shop-car-price .original-price{display:block; font-size:12px; text-decoration:line-through; color:#999;}
.shopping-car .shop-car-quantity{display:block; font-size:16px; text-align:center;}
.shopping-car .shop-car-subtotal{display:block; font-size:16px; color:#900; text-align:center;}
.shopping-car .shop-car-del{display:block; font-size:16px; vertical-align:middle; text-align:center;}
.shopping-car .shop-car-del a{color:#333; padding:5px 10px;}
.shopping-car .shop-car-del a:hover{color:#f00;}
.shopping-car ul li.addcontainer{background-color:#eee; padding:10px 5px 10px 20px;}
.shopping-car ul li.addcontainer h1{background-color:#4697bf; margin:0 0 5px; padding:5px 10px; font-size:16px; line-height:1.2em; color:#fff; border-radius:3px;}
.shopping-car ul li.addcontainer b{color:#000;}
.shopping-car ul li.addcontainer .shop-car-img img.pro-photo{margin:0 15px 0 0; width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.shopping-car ul li.addcontainer .addc-price{font-size:18px; font-weight:bold; color:#f00; margin:0 3px;}
.discountCoupon{position:relative;}
.discountCoupon span{content:"X"; display:inline-block; background-color:#e4e4e4; width:26px; height:26px; margin:1px; position:absolute; right:15px; top:0; font-size:12px; line-height:26px; text-align:center; cursor:pointer;}

@media screen and (max-width:767px){
	.shopping-car ul li .shopping-car-content{padding:5px 0;}
	.shopping-car ul li:first-of-type{display:none;}
	.shopping-car .shop-car-price{text-align:right;}
	.shopping-car .shop-car-quantity{text-align:left; flex:1; order:1;}
	.shopping-car .shop-car-subtotal{text-align:right; flex:1; order:3; font-weight:bold; font-size:18px;}
	.shopping-car .shop-car-del{width:50px; order:2;}
	.discountCoupon span{right:0;}

}

/** 總計 **/
.checkout-cart-summary{padding:10px 0;}
.checkout-cart-summary .subtotal{font-size:16px; color:#333; padding:5px; margin:0;}
.checkout-cart-summary .subtotal-name{font-weight:bold; text-align:left;}
.checkout-cart-summary .subtotal-name .subtotal-quantity{font-weight:bold;}
.checkout-cart-summary .subtotal-content{text-align:right;}
.checkout-cart-summary .subtotal-content input{padding: 0 10px;border: 1px #cccccc solid;border-radius: 0;width: 100%;}
.checkout-cart-summary .total{display:flex; flex-wrap:wrap; font-size:16px; color:#333; border-top:1px #ccc solid; padding:5px; margin:10px 0 0 0;}
.checkout-cart-summary .toc{font-weight:bold; color:#900; font-size:18px;}

@media screen and (max-width:767px){
	.checkout-cart-summary .subtotal-name{padding:0;}
	.checkout-cart-summary .subtotal-content{padding:0;}
}

/** 購物車第二步驟 **/
.section-body{margin:0 0 20px 0;}
.shopping-list-more{background-color:#f4f8ed; font-size:18px; text-align:center; padding:10px 0; display:block; width:100%; cursor:pointer; border-radius:5px; overflow:hidden;margin:  10px 0 0 0;}
.shopping-list-more i{margin-left:5px;}
.shopping-list-more:hover i.fa.fa-question-circle{color:#ffbe00;}
.shopping-list-more:hover{background-color:#f4f8ed;}
.shopping-list-more .shopping-car{margin:20px 0 0 0;}
.shopping-list-toc{text-align:center; font-weight:bold; color:#900; font-size:18px;}

/** 頁次 **/
.page{font:16px/2.4 "Microsoft JhengHei"; color:#333; text-align:center; clear:both; margin:40px 0 15px 0;}
.page a{background:#000000; color:#fff; padding:4px 10px;}
.page a:hover{background:#2e4306; color:#fff;}
.page br{display:none;}
@media screen and (max-width:767px){
	.page br{display:block;}
}


/** 下版 **/
footer{padding: 12px 10px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6d8a36+0,84a642+100 */
background: rgb(109,138,54); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109,138,54,1) 0%, rgba(132,166,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(109,138,54,1) 0%,rgba(132,166,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(109,138,54,1) 0%,rgba(132,166,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d8a36', endColorstr='#84a642',GradientType=0 ); /* IE6-9 */}
footer .footer{max-width:1200px; margin:0 auto;display: flex;align-items: center;}
footer .footer a{color:#ffffff;}
footer .footer a:hover{text-decoration: underline;}
footer .footer .footer-logo{width: 253px;border-right: 1px #3f5811 solid;box-shadow: 1px 0 0 0 rgba(255,255,255,.3);padding: 5px 25px 5px 0;margin: 0;}
footer .footer .footer-logo img{width:100%;}
footer .footer .footer-information{flex: 1; font-size:14px; color:#ffffff; }
footer .footer .footer-information ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
footer .footer .footer-information ul li{padding: 5px 30px;margin: 0;}
footer .footer .footer-information ul li .f-title{ font-weight: bold;margin: 0 0 5px 0;display: flex;align-items: center;}
footer .footer .footer-information ul li .f-title i{padding: 0 10px 0 0;width: 30px;}
footer .footer .footer-information ul li .f-content{padding: 0 0 0 30px;  }
.copyright{font-size:12px; color:#333333;text-transform: uppercase;text-align: center;padding: 5px 5px;}
.copyright .wd{padding: 0 15px;}
.copyright .wd a{color:#333333;}
.copyright .wd a:hover{text-decoration: underline;}
@media screen and (max-width:1210px){
	footer .footer .footer-information ul li{padding: 5px 20px;}
}
@media screen and (max-width:1125px){
	footer .footer .footer-information ul li{padding: 5px 10px;}
}
@media screen and (max-width:1045px){
	footer .footer{display:block;}
	footer .footer .footer-logo{margin: 0 auto;border-right: 0;box-shadow: 0 0 0 0 rgba(255,255,255,.3);padding: 5px 5px 10px 5px;width: 238px;}
	footer .footer .footer-information{border-top: 1px rgba(255,255,255,.3) solid;box-shadow: 0 -1px 0 0 #3f5811;padding: 5px 0 0 0;}
	footer .footer .footer-information ul{justify-content: center;}
}
@media screen and (max-width:800px){
	footer .footer .footer-information ul li{width: 50%;}
}
@media screen and (max-width:575px){
	.copyright .wd{padding: 0px;display: block;}
}
@media screen and (max-width:450px){
	footer .footer .footer-information ul li{width: 100%;}
}
/** 即時通訊 **/
.wd_chat_widget{position:fixed; bottom:40px; right:0; text-align:center; z-index:9999; }
.top{font-family:arial; font-size:14px; color:#fff; margin:10px 10px 70px; border-radius:50%; }
.top img{width:20px; }
.top a{color:#fff; height:50px; width:50px; line-height:14px; padding:10px; background-color:rgba(0,72,105,.8); border-radius:50%; float:right; }
.top a:hover{background-color:rgb(1, 55, 80); color:#fff; }
.community{position:relative; margin:10px;}
.community-title{position:absolute; bottom:0; right:0; background-color:#3f5811; font-family:arial; font-size:12px; color:#fff; letter-spacing:1px; width:60px; float:right; padding:10px; border-radius:50%; cursor:pointer; clear:both; }
.community ul{display:none; opacity:0; flex-wrap:wrap-reverse; flex-direction:column-reverse; position:absolute; right:0; bottom:60px; list-style:none; margin:0; padding:5px; width:auto; height:calc(100vh - 150px); -webkit-transition:200ms; -moz-transition:200ms; transition:200ms;}
.community ul.show{display:flex; opacity:1; animation:communityshow ease-in-out .5s}
@keyframes communityshow{
	from{opacity:0;}
	to{opacity:1;}
}
.community ul li{position:relative; padding:0; margin:1px; display:block; text-align:center; width:50px; height:50px; border-radius:25px;}
.community ul li a{position:absolute; right:0; top:0; display:inline-block; width:50px; height:50px; border-radius:25px; -webkit-transition:500ms; -moz-transition:500ms; transition:500ms; overflow:hidden;}
.community ul li a:hover{width:140px;}
.community ul li a .label{display:inline-block; margin-right:35px; width:0; line-height:50px; text-align:center; vertical-align:top; font-weight:bold; color:#fff; border-radius:3px; overflow:hidden;}
.community ul li a:hover .label{width:90px;}
.community ul li a img{position:absolute; right:0; top:0; width:50px; vertical-align:top;}

@media screen and (max-width:757px){
	.community-title{width:50px;}
	.community ul{bottom:50px; }
	.community ul li{width:40px; height:40px;}
	.community ul li a{width:40px; height:40px;}
	.community ul li a .label{line-height:40px;}
	.community ul li a img{width:40px; }
}

/** 購物車模組 **/
#sidr-left{display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; width:260px; overflow-x:none; overflow-y:auto; font-size:16px; background:#222222; color:#fff;  box-shadow: 0 0 15px rgba(0,0,0,.2);}
#sidr-left *{font-size:16px;color:#fff;}
#sidr-left .cart-header{padding:10px; text-align:center; position:relative;}
#sidr-left .cart-header .cross{position:absolute; top:5px; right:10px;}
#sidr-left .cart-header .fa{font:20px FontAwesome;}
#sidr-left .ng-hide{padding:10px; text-align:center;background: #6d8a36;}
#sidr-left .cart-items{padding:10px;}
#sidr-left .cart-item{margin:10px 0; display:flex;}
#sidr-left .cart-item .product-link{width:45px;}
#sidr-left .cart-item .product-link img{width:100%;}
#sidr-left .cart-item .cart-item-content{flex:1; margin:0 10px;}
#sidr-left .cart-item .cart-item-content .title{font-size:13px;}
#sidr-left .cart-item .cart-item-content .ng-scope{font-size:13px;}
#sidr-left .cart-item .cart-item-content .price-details{font-size:13px;}
#sidr-left .cart-item .cart-item-content .ng-binding{font-size:13px;}
#sidr-left .cart-item a.remove{width:20px; font-size:14px; color:#ddd;text-align: center; }
#sidr-left .cart-item a.remove:hover{color:#eb1515;}
#sidr-left .cart-chkt-btn{width:100%; display:block; padding:10px;}
#sidr-left .cart-chkt-btn button{width:100%; font-size:16px; padding:8px 10px; text-align:center; border-radius:50px;background: #6d8a36;border: 0;}
#sidr-left .cart-chkt-btn button:hover{background-color:#ff6600;}
.modal-backdrop{position:fixed; top:0; right:0; bottom:0; left:0;}
.cart-photo{width: 50px; background-color: transparent;background-repeat: no-repeat;background-position: center center;background-size: contain;height:100%;}