@charset "utf-8";

/** bootstrap **/
@import url(bootstrap.css);

/** 文字icon **/
@import url(font-awesome.min.css);

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

/** edm **/
@import url(edm.css);

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:medium;line-height: 1.6;font-family:"arial", "Microsoft JhengHei", sans-serif;;word-break: break-word;letter-spacing: 1px; overflow-y: scroll;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;cursor: pointer;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}
table{border-collapse:inherit;}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#999999;}
::-moz-placeholder{color:#999999;}
:-ms-input-placeholder{color:#999999;}
input:-moz-placeholder{color:#999999;}
#field2::-webkit-input-placeholder{color:#999999;}
#field3::-webkit-input-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;}
#field2::-moz-placeholder{color:#999999;}
#field3::-moz-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;}
.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{color:#245900;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;}

/** 上版 **/
header{padding: 0;box-shadow: 0 2px 4px 0 rgba(0,0,0,.45);position:relative;z-index: 10000;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b9604+1,90bf01+100 */
background: linear-gradient(to bottom,  rgba(107,150,4,1) 1%,rgba(144,191,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.head-main{max-width:1000px; margin:0 auto; padding:0; position:relative;background: url("../images/head_bg.png")no-repeat top center;}
.logo-tool{display: flex;align-items: center;padding: 16px 0;}
.head-main .logo{width: 302px; height:auto;margin: 0 15px;}
.head-main .logo a{display: block;}
.head-main .logo img{width:100%; height:auto;}
.head-tool {flex: 1;padding:20px 0 10px 0;margin: 0 3px 0 0;}
.head-tool ul{list-style:none;padding: 0;margin: 0; display:flex;justify-content: flex-end;}
.head-tool ul li{ padding:0px; margin:0;font-size:14px;color:#ffffff;position: relative;}
.head-tool ul li:after{content: "/";display: block;position: absolute;top: 0;right: -2.17px;width: 4.34px;height: 19.19px;color: #ffffff;font-size:14px;text-align: center;}
.head-tool ul li:last-of-type:after{display: none;}
.head-tool ul li span{display: inline-block;}
.head-tool ul li i{width: 18px; height: 18px; margin: -5px 4px 0 0;}
.head-tool ul li a{padding:0 14px;color:#e4f3a8;display: flex;align-items: center;}
.head-tool ul li a:hover{text-decoration: underline;}
@media screen and (max-width:800px){
    .logo-tool{padding:0;}
    .head-main .logo{width:160px;margin: 0; position: fixed;top: 5px;left: 10px;z-index: 10000;}
    .head-tool {position: fixed;top: 15px;right: 55px;z-index: 10000;padding:0;margin: 0;}
}
@media screen and (max-width:575px){
    .head-main .logo{width:130px;top: 8px;}
    .head-tool {right: 50px;}
    .head-tool ul li span{display:none;}
    .head-tool ul li a{padding:4px 10px 2px 10px;}
}

/** 主選單與下拉 **/
.menu{max-width:1000px; padding:0; list-style:none; position:relative; margin:0 auto; display:flex;justify-content: space-around;}
.menu>li{width: auto;color:#ffffff; font-size:16px; text-align:center; position:relative;cursor:pointer; padding:0; margin:0;font-weight: bold;}
.menu>li>a{color:#ffffff; display:block; padding:7px 10px; margin:0;}
.menu>li>a:hover{color:#245900;}
.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:800px){
	#menu{display:none;}
	.slicknav_menu{display:block;position: fixed;width: 100%;top: 0;left: 0;z-index: 10000;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b9604+1,90bf01+100 */background: linear-gradient(to bottom,  rgba(107,150,4,1) 1%,rgba(144,191,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
}

/** edm輪播 **/
.edm-main{background:#ffffff; max-width:100%; margin:0 auto 36px auto; position:relative;}
.edm-main img{vertical-align:middle; width:100%; height:auto; position:absolute;}
.edm{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 2000px; height: 710px; overflow:inherit; visibility: hidden;}
.edm-loading-main{position: absolute; top: 0px; left: 0px;}
.edm-loading{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.edm-loading-photo{position:absolute;display:block;background:url(../images/loading.gif) no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
.edm-photo{cursor: default; position: relative; top: 0px; left: 0px; width: 2000px; height: 710px; overflow: hidden;}
.edm-navigator{width:9px;height:9px;}
@media screen and (max-width:800px){
    .edm-main{padding: 47px 0 0 0 ;margin:0 auto;}
}

/** 配置 **/
.warpper{}
.main{}
.i-block-main{padding: 10px 15px 40px 15px;}
.i-block{max-width: 1000px; margin: 0 auto;display: flex;flex-wrap: wrap;}
.i-title-main{display: flex;position: relative;border-bottom: 1px #ededed solid;margin: 0 0 14px 0;align-items: flex-end;}
.i-title-main:after{content: "";display: block;width: 100%;height: 11px;background: url("../images/i-title-shadow.png")no-repeat center top;background-size: contain;position: absolute;bottom: -11px; left: 0;}
.i-title-main .i-title{font-size: 18px; color: #5a7d2f;width: auto;font-weight: bold;}
.i-title-main .i-title-en{font-size: 16px;color: #c9d89d;padding: 0 0 0 8px;}
.more{color: #8e8e8e;font-size: 14px; text-transform: uppercase;position: absolute;bottom: 2px;right: 0;}
.more i{border: 1px #52870d solid;border-radius: 14px; width: 14px;height: 14px;padding: 2.5px;margin:-2px 0 0 5px;display: flex;align-items: center;justify-content: center;}
.more a{color: #8e8e8e;display: flex;align-items: center;}
.more a:hover{color: #52870d;}
@media screen and (max-width:800px){
    .i-block-main{padding: 0px 15px 40px 15px ;}
    .i-block{display:block;}
}

/** 首頁工程連結 **/
.i-project-link-main{padding:10px 15px;}
.i-project-link{max-width: 1000px; margin: 0 auto; padding: 4px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1e1e1+0,ffffff+90 */
background: linear-gradient(to bottom,  rgba(225,225,225,1) 0%,rgba(255,255,255,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.i-project-link>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;background: #ffffff;}
.i-project-link>ul>li{width: calc(100%/4);padding: 0;margin:8px 0;border-right: 1px #cccccc solid;}
.i-project-link>ul>li:nth-child(4n){border-right: 0;}
.i-project-link>ul>li a{display: block;padding:5px 10px;}
.i-project-link>ul>li a:hover{}
.project-link-photo-main{border: 1px solid #dbe6cd;padding: 4px;}
.project-link-photo-main .project-link-photo{background-color: #ffffff;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.i-project-link>ul>li .i-project-link-info{padding:10px 0 5px 0;}
.i-project-link>ul>li .i-project-link-info h3{padding: 0;margin: 0;font-size: 15px; font-weight: bold;line-height: 1.4;color: #333333;}
.i-project-link>ul>li .i-project-link-info .i-project-link-content{font-size: 13px;color: #999999; margin: 5px 0 0 0;font-family: "PMingLiU";}
@media screen and (max-width:800px){
    .i-project-link-main{padding:20px 15px;}
    .i-project-link>ul>li{width: calc(100%/2);}
    .i-project-link>ul>li:nth-child(4n){border-right: 1px #cccccc solid;}
    .i-project-link>ul>li:nth-child(2n){border-right: 0;}
}

/** 首頁最新消息 **/
.i-news {flex: 1.6;}
.i-news ul{list-style:none; color:#666666; padding:0px; margin:0;}
.i-news ul li{padding:0;margin: 0; font-size:13px;border-bottom: 1px dotted #cccccc;font-family: "PMingLiU";}
.i-news ul li a{color:#666666; display:flex;padding:4px 10px;}
.i-news ul li .i-news-date{width:90px;margin: 0 10px 0 0;}
.i-news ul li .i-news-info{flex: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-news ul li a:hover{color:#666666;}
@media screen and (max-width:800px){
	.i-news {flex:initial;width: 100%;}
}

/** 首頁相關網站 **/
.i-link{flex: 1.8;margin: 0 20px;}
.i-link ul{margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.i-link ul li{width:calc(100%/2 - 10px); margin:5px; padding:0; }
.i-link ul li a{display: block;}
.link-photo-main{overflow: hidden;border: 1px solid #d5d3d3;}
.link-photo-main .link-photo{background-color: #ffffff;background-position: center center;background-size: contain;background-repeat: no-repeat;}
@media screen and (max-width:800px){
    .i-link{flex: initial;width: 100%; margin: 20px 0;}
}

/** 首頁影片介紹 **/
.i-video{width: 230px; position: relative;z-index: 1;padding:0 14px 14px 14px;height: 100%;}
.i-video:after{content: "";display: block;width: 100%;height: 93%;border-radius: 5px; border: 3px #bfd970 solid;z-index: -1;position:absolute;bottom: 0;left: 0;}
.i-video-title{background: #ffffff;margin: 0 5px 5px 5px;padding: 0 5px; border-bottom: 0;}
.i-video-title:after{display: none;}
.i-video .more{right: 5px;}
.i-video-info{position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.i-video-info iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:800px){
	.i-video{width: 100%;}
    .i-video:after{height: 95%;}
}

/** 首頁搜尋 **/
.i-search-news{padding:10px 0; margin:0 0 15px 0;}
.i-search-news-main{max-width:1000px; 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:16px; 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:16px; 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;}
}

/** 內頁架構 **/
.content-body{max-width:1200px; margin:0 auto; background:#ffffff; padding:20px 0;}
.page-title-main{position: relative;z-index: 1;margin: 0 0 20px 0;}
.page-title-main:after{content: "";display: block;width: 90%;height: 1px;background: #bcbcbc;position:absolute;bottom: 0; right: 0;z-index: -1;}
.page-title{font-size:16px; color:#666666; margin:0 0 0 14px;display: table;background: #ffffff;border-top: 1px #bcbcbc solid;border-right: 1px #bcbcbc solid;font-weight: bold;transform: skewX(40deg);}
.page-title span{transform: skewX(-40deg);display: block;position: relative; padding:8px 50px 0 20px;}
.page-title span:before{content: "";display: block;width: 10px;height: 10px;background: #6b9f19;position: absolute;top: 14px;left: 0px;}
.page-main{font-size:14px; color:#333333;margin: 10px;}
.page-main a{color:#333333;}
.font001{color: #800000;font-size: 15px;font-weight: bold;line-height: 1.5;padding: 0;margin:15px 0;}
.table-responsive table{min-width: 700px;}

/** 左邊分類 **/
.left-menu-title{background:url("../images/left-menu-title_bg.jpg")no-repeat center center;background-size: cover;font-size:20px; padding:10px 15px; color:#ffffff;margin: 0;box-shadow: 0 2px 4px 0 rgba(0,0,0,.4);position: relative;line-height: 1.2;}
.left-menu-title span{color:#c6f279;font-size: 14px; display: inline-block;font-weight:normal;text-transform: uppercase; }
.in-left-menu{border: 1px solid #ccc;background: #e4ead9;}
.in-left-menu>ul{margin:0; padding:10px; list-style:none;}
.in-left-menu>ul>li{border-bottom:1px #CCC dotted; font-size:14px; color:#666666; padding:0;}
.in-left-menu>ul>li>a{background: url("../images/more-icon.svg")no-repeat left 5px top 14px;background-size:8px; color:#666666; display:block; padding:5px 5px 5px 20px;}
.in-left-menu>ul>li>a:hover{background:#c0d1a1 url("../images/more-icon.svg")no-repeat left 5px top 14px;background-size:8px; }
.in-left-menu>ul>li>.current{background:#c0d1a1 url("../images/more-icon.svg")no-repeat left 5px top 14px;background-size:8px; }
.in-left-menu>ul>li ul{margin:5px 0 0 30px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px #CCC dotted; padding:5px 5px 5px 0;}
.in-left-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743D;}
.left-beautify{margin: 0 -6%;}
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:767px){
	.classBox{padding:0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#e4ead9; border:1px solid #4a6923;}
	.m_classLink a.main{display:block; background:none; font-size:14px; font-family:"Microsoft JhengHei", "新細明體", sans-serif; color:#333; position:relative; padding:8px;}
	.m_classLink a.main i{display:block; font-size:14px; background:#4a6923; 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:#e4ead9; border:1px solid #4a6923; 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 #4a6923; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:14px; color:#222;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#c0d1a1;}
	.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none; width:calc(100% - 20px); background:#FFF; border:1px solid #4a6923; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{display:none;}
    .in-left-menu{border:0;background:none;margin: 0 0 20px 0;}
	.left-beautify{display:none;}
}

/** 最新消息 **/
.news{}
.news>ul { list-style: none; margin:0; padding:0; }
.news>ul>li  {  border-bottom:1px #CCC dotted; display:flex; padding:5px;}
.news>ul>li a {width: 100%; font-size:13px;  color:#666; display:flex; padding:0;align-items: flex-start;}
.news>ul>li a:hover { color: #527c00;}
.news>ul>li .news-date {display: block;width: 100px;font-size: 13px;color: #9FAF47;text-align: center;padding: 5px 0;}
.news>ul>li .news-title  {display:block;flex: 1; font-size:13px; color: #666666;padding:5px 0px 5px 10px;border-left:1px #EEE solid;margin: 0 0 0 10px;}
.news>ul>li:first-of-type {text-align: center; background: #78a031;box-shadow: 0 1px 0 0 #78a031, 0 -1px 0 0 #78a031;border-bottom: 1px #ffffff solid;border-top: 1px #ffffff solid;}
.news>ul>li:first-of-type .news-title {color: #ffffff;padding: 0 5px;}
.news>ul>li:first-of-type .news-date {background: none;border-radius: 0;padding: 0 5px;margin: 0;color: #ffffff;}
.news>ul>li:hover .news-title {color: #527c00;}
.news-title-main{display: flex;align-items: center; background:#aecf72; border-left:5px solid #598a01; padding: 5px 10px}
.news-title-main h3.news-title{flex: 1; display:block; padding:0; font-size:14px; color:#2a5500;margin: 0 10px 0 0 ;}
.news-title-main .news-de-time {width: auto;color:#3e7c00; font-size:14px; padding:0;}
@media screen and (max-width:767px){
    .news-title-main{display:block;}
    .news-title-main h3.news-title{flex:initial;width: 100%;margin: 0 0 5px 0;}
    .news-title-main .news-de-time {width: 100%;}
}
@media screen and (max-width:575px){
    .news>ul>li:first-of-type{display: none;}
    .news>ul>li a {display:block;}
    .news>ul>li .news-date {width: 100%;text-align: left;}
    .news>ul>li .news-title {border-left:0;margin: 0;padding: 5px 0;}
}

/** 產品列表介紹 **/
.pro-store-info{font-size:16px; color:#666; padding:10px; margin-bottom:20px;}
.pro>ul{max-width:1000px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.pro>ul>li{width:calc(100%/3); margin:0; padding:15px; text-align:center; border-bottom: 1px #CCC solid;}
.pro>ul>li:hover{}
.pro>ul>li h3{font-size: 15px;color: #2a5500;margin: 5px 0 10px 0;padding: 0;line-height: 1.5;text-align: center;font-weight: bold;}
.pro-photo-main{overflow: hidden; background: #fff;margin: 0;padding: 8px;border: 1px #CCC solid;}
.pro-photo{background-color:#ffffff;background-position: center center;background-repeat: no-repeat;background-size:cover;}
@media screen and (max-width:767px){
	.pro>ul>li{padding:15px 5px;}
}
@media screen and (max-width:575px){
	.pro>ul>li{width:calc(100%/2);}
    .pro-photo-main{padding:5px;}
}

/** 產品明細 **/
.pro-detaile-title{display: block;line-height:1.6;background: #aecf72;border-left: 5px solid #598a01;padding:5px 10px;font-size: 16px; color: #2a5500;margin:0 0 15px 0;;}
.pro-detaile-box{display:flex; flex-wrap:wrap; margin:0 0 15px 0;}
.pro-detaile-photo-box{width:calc(55% - 25px); margin:0 25px 0 0;height: 100%;}
.pro-detaile-photo-box img{padding: 8px;border: 1px #CCC solid;}
.pro-detaile-spe-box{width:45%; position:relative; padding-bottom:0px;}
.pro-detaile .pro-photo-box{background:#fff; width:100%; margin:0; padding:0;}
.pro-detaile .pro-photo-box img{width:100%; height:auto;}
.pro-list-time{background:url(../images/time.png) left center no-repeat; font-size:14px; color:#968c69; padding-left:20px;}
.pro-specification{ font-size: 14px;line-height: 1.5;color: #555;position: relative;}
.cart-info{position:absolute; width:100%; bottom:0;}
.cart-info .price{font-size:22px; font-weight:bold; color:#F00; vertical-align:middle; display:block; text-align:right;}
.cart-info .price.origin{font-size:smaller; color:#666; text-decoration:line-through;}
.cart-info .price.special{font-size:smaller; color:#000;}
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{font-size: 14px;color: #555;padding: 3px 10px;clear: both;}
@media screen and (max-width:767px){
	.pro-detaile-box{display:block;}
	.pro-detaile-photo-box{width:100%; margin:0 0 15px 0;}
	.pro-detaile-spe-box{width:100%; padding-bottom:0;}
	.cart-info{position:inherit; bottom:inherit;}
}

/** FAQ **/
.faq {width:100%;}
.faq>ul {margin: 10px 0 30px 0; padding: 0;list-style: none;}
.faq>ul>li {border-bottom: dashed 0px #CCC; padding-bottom: 5px; margin-top:5px;}
.faq>ul>li .qa_title {font-size:16px; border:1px solid #dedfdd; padding:6px 10px; color:#666; cursor: pointer; border-radius: 4px; border-left:8px solid #4e7f01;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+1,e1e1e1+100 */
background: linear-gradient(to bottom,  rgba(250,250,250,1) 1%,rgba(225,225,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.faq>ul>li .qa_title_on {  text-decoration:none;}
.faq>ul>li .qa_content {font-size:14px; margin: 6px 0 0;background:#e2ebd3; padding:15px 30px; color:#666;}
.faq>ul>li .qa_content span{ color:#808284;}
.faq>ul>li .qa_content02 {font-size:13px;margin: 6px 0 0;color: #f66d08;}
.qa_showall {font-size:13px; color: #93a459;}
.qa_showall a:link, .qa_showall a:visited {font-size:13px; color: #c2e7f8; text-decoration:none;}
.qa_showall a:hover {font-size:13px; color: #6ea450; text-decoration:none;}
.qa_hideall{font-size:13px; color: #93a459;}
.qa_hideall a:link, .qa_hideall a:visited {font-size:13px; color: #c2e7f8;text-decoration:none;}
.qa_hideall a:hover {font-size:13px; color: #6ea450;text-decoration:none;}
.close_qa{font-size:13px; color: #9d8161; padding-left:10px;}
.close_qa a:link, .close_qa a:visited {font-size:13px; color: #003e5b;text-decoration:none;}
.close_qa a:hover {font-size:13px; color: #6ea450;text-decoration:none;}
@media screen and (max-width:767px){
	.faq>ul>li .qa_content {padding:15px;}
}

/** 下載專區 **/
.downloads{}
.downloads>ul{ list-style: none; margin:0; padding:0; }
.downloads>ul>li { border-bottom:1px #CCC dotted; display:flex; padding:5px; }
.downloads>ul>li:first-of-type {text-align: center; background: #78a031;box-shadow: 0 1px 0 0 #78a031, 0 -1px 0 0 #78a031;border-bottom: 1px #ffffff solid;border-top: 1px #ffffff solid;}
.downloads>ul>li a {width: 100%; font-size:13px;  color:#666; display:flex; padding:0;align-items: flex-start;}
.downloads>ul>li a:hover { color: #527c00;}
.downloads>ul>li .downloads-title  {display:block;flex: 1; font-size:16px; color: #527c00;padding:5px 10px 5px 0;border-right:1px #EEE solid;margin: 0 10px 0 0;}
.downloads>ul>li .downloads-btn  {display:block; width:110px;border-radius: 5px;font-size:13px; color:#ffffff;text-align:center;text-transform: uppercase; padding:3px 2px 0px 2px;margin: 5px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f58f31+0,bc6217+100 */
background: linear-gradient(to bottom,  rgba(245,143,49,1) 0%,rgba(188,98,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.downloads>ul>li:first-of-type .downloads-title {color: #ffffff;padding: 0 5px;}
.downloads>ul>li:first-of-type .downloads-btn {background: none;border-radius: 0;padding: 0 5px;margin: 0;font-size:13px;}
@media screen and (max-width:575px){
    .downloads>ul>li:first-of-type{display: none;}
    .downloads>ul>li a {display:block;}
    .downloads>ul>li .downloads-title {border-right:0;margin: 0;padding: 5px 0;}
}

/** 相關連結 **/
.link{}
.link>ul{margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.link>ul>li{width:calc(100%/3 - 30px); margin:15px; padding:0; text-align:center; }
.link>ul>li:hover{}
.link>ul>li h3{font-size: 13px;color: #124b00;margin: 5px 0 10px 0;padding: 0;line-height: 1.5;text-align: center;font-weight: bold;}
@media screen and (max-width:767px){
	.link>ul>li{width:calc(100%/3 - 20px); margin:10px; }
}
@media screen and (max-width:575px){
	.link>ul>li{width:calc(100%/2 - 20px);}
}

/** 介紹影片 **/
.film{}
.film>ul{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.film>ul>li{width:calc(100%/2 - 14px); margin:6px; padding:0; text-align:center; }
.film>ul>li:hover{}
.film>ul>li .film-video{position: relative;padding-bottom: 60%;padding-top: 30px;height: 0;overflow: hidden;border: 1px #ccc solid;}
.film>ul>li .film-video iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.film>ul>li h3{font-size: 13px;color: #124b00;margin: 5px 0 10px 0;padding: 0;line-height: 1.5;text-align: center;font-weight: bold;}
.film>ul>li .link-photo-main{padding: 8px; border: 1px #cccccc solid;}
@media screen and (max-width:575px){
	.film>ul>li{width:calc(100%/1);margin: 6px 0;}
}

/** 網站地圖 **/
.sitemap{}
.sitemap>ul{ list-style:none; margin:0; padding:0;display: flex;flex-wrap: wrap;}
.sitemap>ul>li{ display:block; width:calc(100%/4 - 16px); margin:8px; padding:0; text-align:center;}
.sitemap>ul>li h2{font-size:17px; color:#fff; text-align:center; padding:5px; margin:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#70a21b+50,63891c+50,63891c+50 */
background: linear-gradient(to bottom,  rgba(112,162,27,1) 50%,rgba(99,137,28,1) 50%,rgba(99,137,28,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sitemap>ul>li h2 a{color:#fff; }
.sitemap>ul>li h2 a:hover{color:#f09800; }
.sitemap>ul>li>ul{margin:0; padding:0; list-style:none;}
.sitemap>ul>li>ul>li{width:100%; margin:0 auto; padding:0; float:none; height:auto; font-size:15px; border-bottom:1px #63891c dashed;}
.sitemap>ul>li>ul>li a{display:block; padding:3px; font-size:15px; color:#333; background:#ffffff;border-radius:5px; margin:3px 0;}
.sitemap>ul>li>ul>li a:hover{background:#ec8b0d;color:#fff;}
@media screen and (max-width:767px){
    .sitemap>ul>li{width:calc(100%/3 - 10px); margin:5px;}
}
@media screen and (max-width:575px){
    .sitemap>ul>li{width:calc(100%/2 - 10px);}
}


/** 聯絡我們 **/
.contact-body{}
.contact-note{padding:10px 0; font-weight:bold; font-size:16px; color:#900;}
.googlemap{position: relative;padding-bottom: 28%;padding-top: 30px;height: 0;overflow: hidden;border: 3px #4f741e solid;}
.googlemap iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:575px){
	.googlemap{padding-bottom: 40%;}
}

/** 表單欄位 **/
label{margin-bottom: 0;min-width: 80px;}
.form-box{ border-top: 1px #CCC dotted;margin: 10px 0;padding: 10px 0;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion{display:flex; flex-wrap:wrap; margin:5px 0; overflow:hidden;}
.opinion-left01{ width:100px; min-width:100px; padding:5px 15px; font-size:14px;color:#666666; display:flex; align-items:center;}
.input-main-style01{flex:1; width:100%; border:0; margin:0; background: #EAEAEA;font-size: 13px;color: #333;padding: 5px 15px; min-height:32.39px;}
.input-main-style02{ flex:1; width:100%; border:0; margin:0; background: #EAEAEA;font-size: 13px;color: #333;padding: 5px 15px;min-height:32.39px;}
.input-main-style03{ flex:1; width:100%; border:0; margin:5px 0 0 0; background: #EAEAEA;font-size: 13px;color: #333;padding: 5px 15px; min-height:32.39px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; display:flex; flex-wrap:wrap;}
.input-main-select select{width:calc(50% - 2.5px); margin-right:5px; background: #EAEAEA;font-size: 13px;color: #333;padding: 5px 15px; border:0; min-height:32.39px;}
.input-main-select select:nth-child(2){margin-right:0;}
.select-style{background:#8a6e0c; font-size:16px; color:#ffffff; line-height:20px; padding:5px 10px; border:0;}
.input-style01{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:32.39px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:16px; line-height:1.5; font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}
.btn.openlink:hover{background-color:#ffbe00;}
img.code{width:100px; height:32.39px; margin:0; vertical-align:middle; display:inline-block;}
.pay-main{padding:0;font-size: 16px; color: #333333;border-radius:0;margin: 15px 0 ;}
.input-main-style01:focus,.input-main-style02:focus,.input-main-style03:focus,.input-main-select select:focus{box-shadow: 0 0 0 2px #000000 inset;border-radius: 5px;}
@media screen and (max-width:575px){
	.opinion{display:block;}
	.opinion-left01{width:100%;padding: 5px 0;}
	.input-main-style02{width:calc(100% - 106px); display:inline-block;}
}

/** 按鈕 **/
.cart-btn{text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding: 10px 0 20px 0;margin-top: 20px;border-top: 1px #CCC dotted;}
.btn-send{font-size:13px;}
a.btn-send{background: #4f741e; padding:5px 20px; text-align:center; font-size:14px;color:#ffffff; min-width:100px; margin:2px;  border-radius:5px;}
a.btn-send:hover{background:#4f741e;}
a.btn-reset{background:#4f741e; padding:5px 20px; text-align:center; font-size:14px; color:#ffffff; min-width:100px; margin:2px; border-radius:5px;}
a.btn-reset:hover{background:#4f741e; }
a.btn-send-over{background:#7ea2c5; padding:5px 20px; text-align:center; font-size:16px; color:#fff; min-width:100px; margin:2px; border-radius:5px; border:2px solid #7ea2c5;}
a.btn-send-over:hover{background:#96b9dc; border:2px solid #96b9dc;}
@media screen and (max-width:575px){
	a.btn-send{padding:5px 10px; width:calc(50% - 4px);}
	a.btn-reset{padding:5px 10px; width:calc(50% - 4px);}
	a.btn-send-over{padding:5px 10px; width:calc(50% - 4px);}
}

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

/** 頁次 **/
.page{font-size:13px; color:#333; text-align:center; clear:both; padding: 10px 0; margin:5px 0 0 0; border-top:1px #CCC dotted;}
.page a {color:#333;display: inline-block;margin: 5px 0;}
.page a:hover {color: #C30;}
.page br{display:none;}
@media screen and (max-width:575px){
	.page br{display:block;}
}

/** 下版 **/
footer{background:#4c8304;padding: 15px 15px;}
footer .footer{max-width:1000px; margin:0 auto; display: flex;align-items: flex-end; font-size: 14px; color: #cfe79a;}
footer .footer a{ color: #cfe79a;}
footer .footer a:hover{ color: #ffffff;}
footer .footer .footer-info{flex: 1;font-size: 14px; margin: 0 10px 0 0;}
footer .footer .footer-info .copyright{display: block;width: 100%;font-size: 14px;margin: 2px 0 0 0; }
footer .footer .wd{width: 140px;font-size: 14px;letter-spacing: 0px;text-align: right;}
@media screen and (max-width:800px){
	footer .footer{ display:block;}
    footer .footer .footer-info{flex:initial;width: 100%; margin: 0;}
    footer .footer .wd{width: 100%;text-align: left;margin: 2px 0 0 0;}
}