@charset "utf-8";

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

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

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

/** font **/
@import url(Open+Sans-Roboto.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: 'Microsoft JhengHei','HelveticaNeue','Helvetica Neue','Helvetica-Neue','Helvetica','Arial',sans-serif; word-break: break-word;letter-spacing: 1px;}
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;}

/** 反白 **/ 
::selection {background: #017612;color: #ffffff;}
::-moz-selection {background:#017612;color: #ffffff;}

/** 手機選單、選單 色塊-變色 **/
.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:#6f0101;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;}

/** 上版 **/
header{background:#ffffff;border-bottom: 1px #ebebeb solid;padding: 0 2%;position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;}
.head-main{display: flex;align-items: center;}
.head-main .logo{display: block;width:219px;height: auto;transition: all 0.5s ease 0s;}
.head-main .logo a{display: block;}
.head-main .logo img{width:100%; height:auto;}
.head-main .logo-m{display: none;}
.head-main .logo-m a{display: block;}
.head-main .slogan {display: none;}
.head-main .decorate{display: none;}
.header-height .head-main .logo{width: 164px;transition: all 0.5s ease 0s;}
.head-tool {width: auto;padding: 29.5px 0 29.5px 20px;border-left: 1px #ebebeb solid;margin: 0 0 0 20px;}
.head-tool ul{list-style:none;padding: 0;margin: 0; display:flex;}
.head-tool ul li{width: calc(100%/3); padding:0; margin:0; color:#333333; font-size:15px;text-align: center;}
.head-tool ul li a{padding:8px;width: 30px; height: 30px ; display:flex;align-items: center;justify-content: center; color:#333333;position: relative;z-index: 1;border-radius: 50px;}
.head-tool ul li a:hover{background: #017612;color: #ffffff;}
.head-tool ul li:nth-child(1) a:hover{background: #37589b;}
.head-tool ul li:nth-child(2) a:hover{background: #75c93c;}
.head-tool ul li:nth-child(3) a:hover{background: #9fae37;}
@media screen and (max-width:990px){
    header{border-bottom:0;}
    .head-tool{display: none;}
    .head-main .logo{display: none;}
    .head-main .logo-m{display: block;width: 100px;position: fixed;top: 0;left: 0;z-index: 10001;}
    .head-main .slogan{display:flex;align-items: center;justify-content: center; width: 100%;padding: 0 0 4px 0; position: fixed;top: 0;left: 0;z-index: 10000;height: 48px;}
    .head-main .slogan img{max-height: 30px;}
    .head-main .decorate{display: block;position: fixed;top: 0;right: 0;z-index: 10000;width: 68.5px;}
}
@media screen and (max-width:400px){
    .head-tool ul li a {padding:8px 12px;}
    .head-tool ul li:nth-child(3) a {padding:8px 17.62px;}
    .head-tool ul li span img{height: 17px;}
}
@media screen and (max-width:374px){
    .head-tool ul li a {padding:6px 10px;}
    .head-tool ul li:nth-child(3) a {padding:6px 14.95px;}
    .head-tool ul li span img{height: 15px;}
}

/** 主選單與下拉 **/
nav{flex: 1;padding: 0 0 0 25px;font-family: 'open sans','HelveticaNeue','Helvetica Neue','Helvetica-Neue','Helvetica','Arial',sans-serif;}
.menu{ padding:0; list-style:none; position:relative; margin:0; display:flex;justify-content: flex-end;}
.menu>li{color:#333333; font-size:15px; text-align:center; position:relative;cursor:pointer; padding:0; margin:0;font-weight: 600;}
.menu>li>a{color:#333333; display:block; padding:32.5px 14px; margin:0;position: relative;transition: all 0.5s ease 0s;}
.menu>li>a:hover{color: #017612;}
.menu>li.sub>ul.sub-menu{background:#ffffff;border: 1px #ebebeb solid;border-top: 0; display:none; position:static; z-index:999; margin:0; padding:0;box-shadow: 0 15px 15px 0 rgba(0,0,0,.1);}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:200px; left:0; top:90px;transition: all 0.5s ease 0s;}
.menu>li.sub>ul.sub-menu>li{display:block;font-size: 13px;text-align: left;font-weight: normal;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#333333; padding:8px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#f8f8f8;}
.header-height .menu>li>a{padding:20.21px 18px;transition: all 0.5s ease 0s;}
.header-height .menu>li>a:before{width: 12px; height: 12px; top:-30px;left: calc(50% - 6px);transition: all 0.5s ease 0s;}
.header-height .menu>li>a:hover:before{top:4px;transition: all 0.5s ease 0s;}
.header-height .menu>li.sub:hover ul.sub-menu{top:66px;transition: all 0.5s ease 0s;}
@media screen and (max-width:990px){
	#menu{display:none;}
	.slicknav_menu{display:block;background:#018c15;border-bottom: 4px #cee271 solid;position: fixed;top: 0;right: 0;width:calc(100% - 65px);z-index: 10000;height: 48px;}
}
@media screen and (max-width:575px){
	.slicknav_menu{width:calc(100% - 65px);}
}

/** 搜尋 **/
.search-open{width: 30px; height: 30px;margin: 0 10px 0 0;font-size: 13px;}
.search-open a{display: flex;align-items: center;justify-content: center; width: 30px; height: 30px;color: #333333;}
.search-open a:hover{}
.search-main{padding:20px; background: #ffffff;width: 100%;max-width: 376px; position: absolute;top: 70px;right: 6%;border:0;opacity: 0;visibility: hidden;transition: all .3s ease 0s;z-index: 9999;transform:scale(0.2);box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);}
.search{display: flex;}
.search-input{flex: 1;}
.search-input input[type="text"]{background: #f8f8f8;padding: 13px 15px;width: 100%;border: 0;font-size: 17px; font-weight: 400;}
.search-btn{width: 50px;}
.search-input input[type="text"]:focus{outline: 0; border: 0;}
.search-btn {}
.search-btn a{display: block;border: 0;width: 100%;padding: 13px 15px;background: #333333;color: #ffffff;font-size: 16px;}
.search-btn a:hover{}
.search-slow{opacity: 1;visibility: visible;transition: all .3s ease 0s;transform:scale(0.8);}
@media screen and (max-width:990px){
    .search-open{display: none;}
}

/** edm輪播 **/
.edm-main{display: none;}
.edm{max-width: 1200px;margin:10px auto 0 auto;border-radius: 3px;overflow: hidden;}
.edm img{width: 100%;}
@media screen and (max-width:990px){
    .edm-main{padding: 51.58px 25px 0px 25px;display: block;}
}
@media screen and (max-width:575px){
    .edm-main{padding: 51.58px 20px 0px 20px;}
}

/** 配置 **/
.warpper{overflow: hidden;font-family: "Microsoft JhengHei";}
.main{}
.home-title{display: none; max-width: 490px; margin: 0 auto;padding: 0 80px;}
.sold-title{max-width: 376px; margin: 0 auto;padding:40px 80px 0 80px;text-align: center;}
.sold-title a{display: inline-block;}
.new-product{display: none;}
.c-new-product{display:block;font-size: 16px; font-weight: bold;color: #017612;text-align: center;margin:3px 0;padding:0;}
.c-new-product a{color: #017612;}
.banner-main{margin: 20px 0 ;padding: 0 5px ;}
.banner{max-width: 1200px ;margin: 0 auto;border-radius: 3px;overflow: hidden;}
.banner img{width: 100%;}
@media screen and (max-width:990px){
    .home-title{display:block;}
    .sold-title{padding:10px 80px 0 80px;max-width: 490px;}
    .new-product{display: block;font-size: 13px; font-weight: bold;color: #017612;text-align: center;margin:2px 0 0 0;padding:0;}
    .new-product a{display:block;margin: 0 ;padding: 0 ; color: #017612;position: relative;}
    .new-product a:hover{}
    .banner-main{margin:10px 0 0 0;}
}

/** 首頁產品分類 **/
.i-pro-sub-main{padding: 95px 15px 10px 15px;}
.i-pro-sub{max-width: 1200px; margin: 0 auto;}
.i-pro-sub>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-pro-sub>ul>li{padding: 0;margin: 40px; width: calc(100%/3 - 80px);}
.i-pro-sub>ul>li a{display: block;transform: scale(1);}
.i-pro-sub>ul>li a:hover{transform: scale(1.1);position: relative;z-index: 1;}
.i-pro-sub>ul>li h3{padding: 0 15px;margin: 30px 0;width:100%;font-weight:bold;font-size: 21px; color: #017612;text-align: center; transition: all 0.5s ease 0s;}
.pro-photo-main{overflow: hidden;position: relative;border-radius: 3px;opacity:1;transition: all 0.5s ease 0s;}
.pro-photo{background-color:#f7f7f7;background-position: center center;background-repeat: no-repeat;background-size: contain;transform:scale(1);transition: all 0.5s ease 0s;}
.pro-photo img{width: 100%;}
.i-pro-sub>ul>li:hover .pro-photo-main{opacity: .5;transition: all 0.5s ease 0s;}
@media screen and (max-width:990px){
    .i-pro-sub-main{padding:0 19px;}
    .i-pro-sub>ul>li{margin: 5px; width: calc(100%/3 - 10px);}
    .i-pro-sub>ul>li h3{padding: 0;margin: 3px 0 0 0;font-size: 13px; }
}

/** 手機版首頁選單 **/
.c-menu-main{display: none;padding:0 15px 85px 15px;}
.b-menu-main{display: block;margin: 30px 0 0 0;padding: 25px 0 0 0;border-bottom: 1px #ebebeb solid;}
.c-menu{max-width: 1200px; margin: 0 auto;}
.c-menu>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.c-menu>ul>li{padding: 0;margin: 30px; width: calc(100%/3 - 60px);}
.c-menu>ul>li a{display:block;}
.c-menu>ul>li a:hover{}
.c-menu>ul>li .c-menu-bg {position: relative;display: block;}
.c-menu>ul>li .c-menu-bg h3{padding: 0;margin:15px 0 0 0;width:100%;font-weight:bold;font-size: 21px; color: #017612;text-align: center;}
@media screen and (max-width:990px){
    .c-menu-main{display: block;padding:0 19px 85px 19px;}
    .b-menu-main{margin:10px 0 0 0;padding: 0 0 0 0;border-bottom: 0;}
    .c-menu>ul>li{margin: 5px; width: calc(100%/3 - 10px);}
    .c-menu>ul>li .c-menu-bg h3{margin:5px 0 0 0;font-size: 15px;}
}
@media screen and (max-width:767px){
	.c-menu>ul>li .c-menu-bg h3{font-size: 14px;}
}
@media screen and (max-width:575px){
	.c-menu>ul>li .c-menu-bg h3{font-size: 13px;}
}

/** 內頁banner **/
.inside-banner{ padding:115px 15px 25px 15px;}
.inside-banner .banner-title-main{max-width:1200px; font-size:18px; color:#ffffff; margin:0 auto; padding:0;text-align: center;}
.inside-banner .banner-title-main .banner-title-icon{width: 30px; margin: 0 auto ;padding:0 0 10px 0;}
.inside-banner .banner-title-main .banner-title{padding: 0 0 10px 0;margin:0 0 10px 0;line-height: 1.4;font-weight: 500; font-size: 36px; color: #017612;position: relative;letter-spacing: 6px;}
.inside-banner .banner-title-main .banner-title:after{content: "";display: block;width:20px; height: 4px; background: #ffbe04;position: absolute;bottom: 0;left:calc(50% - 10px);}
@media screen and (max-width:990px){
    .inside-banner{ padding:76px 15px 25px 15px;}
    .inside-banner .banner-title-main .banner-title{font-size: 30px; letter-spacing: 2px; }
}
@media screen and (max-width:575px){
    .inside-banner .banner-title-main .banner-title{font-size: 24px; letter-spacing: 1px; }
}

/** 內頁架構 **/
.content-body-main{padding: 115px 15px 10px 15px;}
.content-body{max-width: 1200px; margin: 0 auto;background:#ffffff; padding:0 0 20px 0;font-family: "Microsoft JhengHei";}
.page-title{display: block;font-size:25px; color:#017612; padding:0; margin:40px 0 20px 0;line-height: 1.4;font-weight: bold;}
.page-title02{font-size:16px; color:#017612; padding:10px 0 7px 0; margin:4vw 0 0 0;text-align: center;line-height: 1.4;font-weight: bold;}
.page-title03{display: none;margin:0;text-align: center;}
.page-title03 img{max-width: 260px;}
.page-main{font-size:15px; color:#333333;}
.pro-video{object-fit: contain;object-position: center;position: absolute;top:0;left:0;width: 100%; height: auto;display: block;}
.video { position: relative; padding-bottom: 100%; padding-top: 0px; height: 0; overflow: hidden;}
.video video { position: absolute; top:0; left: 0; width: 100%;height: 100%;}
.video iframe { position: absolute; top:0; left: 0; width: 100%;height: 100%;}
@media screen and (max-width:990px){
    .content-body-main{padding: 60px 19px 75px 19px;}
    .page-title{font-size: 20px;margin:10px 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
    .page-title02{font-size: 16px;margin:10px 0 0 0;padding: 0;}
    .page-title03 {display: block;margin: 0 0 10px 0;}
    .page-title03 img{max-width: 230px;}
}
@media screen and (max-width:575px){
    .page-title03 img{max-width: 180px;}
}

/** 左邊分類 **/
.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{border-bottom:1px #fff solid; font-size:16px; color:#666; padding:0;}
.in-left-menu>ul>li>a{background:#f4f8fb; color:#333; border-left:3px #5f5f5f solid; display:block; padding:10px 5px 10px 25px; line-height:1.5em;}
.in-left-menu>ul>li>a:hover{background-color:#e9ecef; border-left:3px #111111 solid;}
.in-left-menu>ul>li>.current{background:url(../images/left-icon.png) no-repeat 7px 13px #e9ecef; border-left:3px #111111 solid;}
.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 img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:575px){
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#eeeeee; border:1px solid #d1d1d1;}
	.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:#afafaf; 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 #d1d1d1; 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 #d1d1d1; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:16px; color:#222;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#efeded;}
	.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 #d1d1d1; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}

/** 產品介紹分類 **/
.pro-sub{}
.pro-sub>ul{margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.pro-sub>ul>li{width:calc(100%/3 - 30px); margin:15px; padding:0; text-align:center;}
.pro-sub>ul>li a{display: block;padding: 0;transform: scale(1);}
.pro-sub>ul>li a:hover{transform: scale(1.1);position: relative;z-index: 1;}
.pro-sub>ul>li .pro-sub-info{margin:15px 0;position: relative;z-index: 2;}
.pro-sub>ul>li .pro-sub-info h3{padding: 0 ;margin: 0;line-height: 1.4;font-size: 16px; color: #017612;text-align: center;font-weight: bold;}
.pro-sub>ul>li .pro-sub-info .pro-sub-more{background: #0f1364;width: 30px; height: 30px;display: flex;align-items: center;justify-content: center;color: #ffffff;border-radius: 50px;margin:0 auto;font-size: 14px; text-transform: uppercase;font-weight: 300;transition: all 0.5s ease 0s;}
.pro-sub>ul>li .pro-sub-info .pro-sub-more span{display: none;opacity: 0; transition: all 0.5s ease 0s;}
.pro-sub>ul>li:hover .pro-sub-info .pro-sub-more{width: 100%; border-radius:0 0 10px 10px;transition: all 0.5s ease 0s;}
.pro-sub>ul>li:hover .pro-sub-info .pro-sub-more span{display: inline-block;opacity: 1; padding: 0 0 0 6px;transition: all 0.5s ease 0s;}
.pro-sub>ul>li .pro-photo-main{opacity: 1;transition: all 0.5s ease 0s;}
.pro-sub>ul>li .pro-photo-main .pro-photo{background-color: transparent;}
.pro-sub>ul>li:hover .pro-photo-main{opacity: .5;transition: all 0.5s ease 0s;}
@media screen and (max-width:990px){
    .pro-sub>ul{margin:0 10px;}
    .pro-sub>ul>li .pro-sub-info{margin:8px 0 2px 0;}
}
@media screen and (max-width:767px){
	.pro-sub>ul>li{width:calc(100%/2 - 20px);margin: 10px; }
    .pro-sub>ul>li .pro-sub-info h3{ font-size: 15px; }
}
@media screen and (max-width:575px){
	.pro-sub>ul>li{width:calc(100%/2 - 10px); margin:5px;}
    .pro-sub>ul>li .pro-sub-info h3{ font-size: 14px; }
}

/** 產品介紹 **/
.pro-store-info{font-size:16px; color:#666; padding:10px; margin-bottom:20px;}
.pro{}
.pro>ul{margin:0; padding:15px 0 0 0; list-style:none; display:flex; flex-wrap:wrap;}
.related>ul{justify-content: center;}
.pro>ul>li{width:calc(100%/3 - 10px); margin:5px; padding:0;}
.pro>ul>li a{display: block;padding:0;background: #ffffff;height: 100%;transform: scale(1);}
.pro>ul>li a:hover{transform: scale(1.1);position: relative;z-index: 1;}
.pro>ul>li:hover .pro-photo-main{opacity: .5;transition: all 0.5s ease 0s;}
.pro>ul>li .pro-info{margin:15px 0;}
.pro>ul>li .pro-info .pro-numb{padding: 0 ;margin:0;line-height: 1.4;font-weight:700; font-size: 18px; color: #131bbe;}
.pro>ul>li .pro-info h3{padding: 0 ;margin: 0;line-height: 1.4; font-size: 15px; color: #017612;text-align: center;font-weight: bold;}
.pro>ul>li .pro-info h3 .emoji{width: 15px;margin: -2px 0.07em 0 0.07em;}
@media screen and (max-width:990px){
    .pro>ul{padding:0; }
    .pro>ul>li .pro-info{margin:5px 0;}
    .pro>ul>li .pro-info .pro-numb{font-size: 17px; }
    .pro>ul>li .pro-info h3{font-size: 15px;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
    .pro>ul>li .pro-info h3 .emoji{width: 12px;}
    .special-font {font-family:'Microsoft JhengHei','open sans','HelveticaNeue','Helvetica Neue','Helvetica-Neue','Helvetica','Arial',sans-serif;}
}
@media screen and (max-width:767px){
    .pro>ul>li .pro-info .pro-numb{font-size: 16px; }
    .pro>ul>li .pro-info h3{font-size: 14px;}
}
@media screen and (max-width:575px){
    .pro>ul>li .pro-info .pro-numb{font-size: 15px; }
    .pro>ul>li .pro-info h3{font-size: 13px;}
}


/** 產品明細 **/
.recommend-title{display: flex;flex-direction: row-reverse;margin: 0 0 15px 0;}
.recommend{width: 160px;margin: 0 0 0 15px;}
.pro-detaile-title{flex: 1; font-size:24px; color:#0f1364; padding:3px 0; margin:0; font-weight:500;line-height: 1.4;}
.pro-detaile-box{max-width: 1200px;margin: 0 auto 25px auto;}
.pro-detaile-box .mySwiper{margin: 3px 0 0 0;}
.pro-detaile-box .mySwiper .swiper-wrapper {width: 100%!important;}
.pro-detaile-box .swiper-slide {height: calc((100% - 0px) / 2) !important;}
.pro-detaile-box .swiper-grid-column>.swiper-wrapper{flex-direction: row;}
.pro-detaile-photo-box{width:calc(50% - 25px); margin:0 25px 0 0;}
.pro-detaile-spe-box{width:50%; position:relative; padding-bottom:210px;}
.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:12px; color:#968c69; padding-left:20px;}
.pro-specification{font-size:16px; color:#333; 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{padding:0px 0; font-size:16px; color:#333; clear:both;}
@media screen and (max-width:767px){
    .recommend-title{display:block;}
    .recommend{width: 140px;margin:0 0 15px 0;}
    .pro-detaile-title{flex: initial; width: 100%;padding: 0;}
	.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;}
}

/** 聯絡我們 **/
.contact-body{}
.contact-note{padding:10px 0; font-weight:bold; font-size:16px; color:#900;}

/** 表單欄位 **/
.form-box input, .form-box img{vertical-align:middle;}
.opinion{display:flex; flex-wrap:wrap; margin:5px 0; border:1px solid #ced4da; border-radius:3px; overflow:hidden;}
.opinion-left01{background:#e9ecef; width:110px; min-width:110px; padding:5px 15px; font-weight:bold; font-size:16px; font-family:"Microsoft JhengHei"; color:#495057; line-height:1.8; display:flex; align-items:center;}
.input-main-style01{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:37px;}
.input-main-style02{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:37px;}
.input-main-style03{background:#f4f8fb; flex:1; width:100%; border:0; margin:5px 0 0 0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:5px; font-size:16px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; display:flex; flex-wrap:wrap;}
.input-main-select select{background:#f4f8fb; width:calc(50% - 2.5px); margin-right:5px; padding:5px 15px; line-height:1.8; border:0; font-size:16px; font-family:"Microsoft JhengHei"; color:#333; min-height:37px;}
.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:37px;}
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:37px; margin:0; vertical-align:middle; display:inline-block;}
.pay-main{padding:0;font-size: 16px; color: #333333;border-radius:0;margin: 15px 0 ;}
@media screen and (max-width:400px){
	.opinion{display:block;}
	.opinion-left01{width:100%;}
	.input-main-style02{width:calc(100% - 104px); display:inline-block;}
}

/** 按鈕 **/
.cart-btn{padding:20px 0; text-align:center; margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-top:5px solid #eee;}
.btn-send{font-size:13px;}
a.btn-send{padding:5px 20px; text-align:center; font-size:16px; font-weight:bold; color:#373737; min-width:100px; margin:2px; border:2px solid #373737; border-radius:5px;}
a.btn-send:hover{background:#e9ecef;}
a.btn-reset{background:#e9ecef; padding:5px 20px; text-align:center; font-size:16px; color:#373737; font-weight:bold; min-width:100px; margin:2px; border:2px solid #e9ecef; border-radius:5px;}
a.btn-reset:hover{background:#373737; color:#fff; border:2px solid #373737;}
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: 14px; color:#222222; text-align:center; clear:both; margin:20px 0 0 0;}
.page>ul {list-style: none;display:flex;padding: 0;margin: 0;justify-content: center;align-items: center;flex-wrap: wrap;}
.page>ul>li {padding: 0;margin: 3px;width: 30px;height: 30px;font-size: 14px;}
.page>ul>li>a {display:flex;align-items: center;justify-content: center; color:#222222;padding: 4px;width: 30px;height: 30px;background: #f3f3f3;border-radius: 100px;}
.page>ul>li:first-of-type>a, .page>ul>li:last-of-type>a {background: none;}
.page>ul>li>a.active { background: #017612;color: #ffffff;}
.page>ul>li>a:hover:not(.active) { background: #017612;color: #ffffff;}
.page i{margin: 0 8px 0 0;}
.page>a{display: inline-block;margin: 8px; background:#55b542; color:#fff; padding:5px 15px;border-radius: 3px;}
.page>a:hover{background:#017612; color:#ffffff;}
.page>br{display:none;}
@media screen and (max-width:990px){
    .page{margin:10px 0 0 0;}
}
@media screen and (max-width:767px){
    .page{font-size: 13px;}
    .page>ul>li {font-size: 13px;}
	.page br{display:block;}
}

/** 下版 **/
footer{border-top: 1px #aaaaaa solid;padding: 15px;}
footer .footer{max-width:1200px; margin:0 auto;padding:0;font-size:12px;}
footer .footer .copyright{font-size:12px;}
.f-slogan{display: none;}
.f-tool{display: none;}
@media screen and (max-width:990px){
    footer{border-top: 0;padding:29px 15px 0 15px;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 10000;height: 104px;}
    footer:before{content: "";display: block;width: 45px;height: 104px;position: absolute;top: 0;left: 0;background: url("../images/footer_left.png")no-repeat center center;background-size: 45px;}
    footer:after{content: "";display: block;width: 45px;height: 104px;position: absolute;top: 0;right: 0;background: url("../images/footer_right.png")no-repeat center center;background-size: 45px;}
    footer .footer .copyright{display: none;}
    .f-slogan{background: #cee271; text-align: center;display: flex;align-items: center;justify-content: center;height: 20.5px;}
    .f-slogan img{max-height: 20px;}
	.f-tool {display: block;width: auto;padding:4.5px 0;margin: 0;background: #018c15;height: 55px;}
    .f-tool ul{list-style:none;padding: 0;display:flex;justify-content: center;margin: 0;}
    .f-tool ul li{width:auto;padding:0; margin:0; color:#333333; font-size:15px;text-align: center;}
    .f-tool ul li img{height: 30px;position: relative;z-index: 10001;}
    .f-tool ul li a{padding:8px;display:flex;align-items: center;justify-content: center;}
}