@charset "utf-8";
@import url(font-awesome.min.css);

/* 預設樣式 */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:100%;}
body{position:relative; width:100%; height:100%; margin:0; padding:0; font:14px "微軟正黑體"; line-height:1.8em; background:url(../images/bg.jpg);}

input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}


.warpper{padding:0;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hides from Ie-mac \*/
* html .clearfix{height:1%;}/* end hide from Ie-mac */
a:link, a:visited{display:inline-block; text-decoration:none; outline:none; hlbr:expression(this.onfocus=this.blur());}
a:hover, a:active{text-decoration:none;}
img{border:0; max-width:100%; height:auto; width:auto\9; vertical-align:middle;}
input, textarea{outline:none;}
textarea{resize:none;}
input{vertical-align:middle;}
.slicknav_menu{display:none;}
input.select-box{border:1px #cbcbcb solid; padding:5px 3%; width:20px; height:20px; text-align:center; border-radius:5px; margin-bottom:5px;}

/* 表單預設文字顏色設定 */
::-webkit-input-placeholder{color:#ccc; font-family:微軟正黑體; font-size:15px;}
::-moz-placeholder{color:#ccc; font-family:微軟正黑體; font-size:15px;}
:-ms-input-placeholder{color:#ccc; font-family:微軟正黑體; font-size:15px;}
input:-moz-placeholder{color:#ccc; font-family:微軟正黑體; font-size:15px;}

#field2::-webkit-input-placeholder{color:#333;}
#field2::-moz-placeholder{color:#333;}

#field3::-webkit-input-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}
#field3::-moz-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}

#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#333;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999;}

/* 手機選單、選單 色塊-變色 */
.b-color, .slicknav_menu{background:#000000;} /* 選單顏色 */
.slicknav_icon-bar{background-color:#fff;} /* 手機選單ICON按鈕色 */
.slicknav_btn{background:#f10c0c;} /* 手機選單IcON按鈕底色 */
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:#f10c0c;} /* 選單滑入顏色 */
.slicknav_nav>li{border-bottom:1px solid #999;}
.slicknav_nav>li.first{border-top:1px solid #666;}
.border-color{border-left:7px solid #a0a0a0;} /* 標題顏色 */
header{background:#fff;}
.head-main{width:100%; max-width:1200px; height:100px; margin:0 auto; padding:15px 0;}
.head-tool{ float:right;width: calc(100% - 569px); }

.l-o-m{ display:none;}
.head-tool .l-o{float:right;width:173px; }

.head-tool .l-o .language{}
.head-tool .l-o .language .list{ background:#efefef; border:1px #c7c7c7 solid;border-radius:3px; width:173px; line-height:32px; height:32px; font-family:微軟正黑體; font-size:15px; color:#414141; padding:0 10px;}

.head-tool .l-o .outside{}
.head-tool .l-o .outside ul{ list-style:none; padding:0; margin:0; text-align:right;}
.head-tool .l-o .outside ul li{ display: inline-block; padding:0; margin:6px .3%;}
.outside a.outside001{ background:url(../images/fb-icon.png) no-repeat; width:32px; height:32px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.outside a.outside001:hover{border-radius:20px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.outside a.outside002{ background:url(../images/pchome.png) no-repeat; width:135px; height:32px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.outside a.outside002:hover{border-radius:20px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}

.head-main .logo{ float:left; background:url(../images/logo.jpg) no-repeat;display:inline-block;  width:569px; height:62px;}
.head-main .logo a{display: block;  width:569px; height:62px;}
.head-main .logo img{width:569px; height:auto;}
.head-main .slogan{ float:left; background: url(../images/slogan.png) no-repeat; width: 202px;height:71px; display:block; margin:0 15px 0 36%;}

.home{display:block; position:absolute; top:-35px; right:0; width:25px; height:auto;}
.home_w{display:none;}
.banner{ background: url(../images/edm_bg.jpg) center center; float:right;width:62%; margin:0 0 0 1.5%; overflow:hidden; position:relative;border:5px #ffffff solid;border-radius:20px; padding:30px 0px 84px 0px;}
.banner img{vertical-align:middle; width:100%; height:auto; position:absolute; border:3px #fff solid;}
.edm{ margin:0 37px;}


h3.login-title{margin:0 0 10px 0; font-family:"Times New Roman"; font-size:24px; line-height:30px; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
@media screen and (max-width:1195px){
	.head-main .slogan{ float:left; background: url(../images/slogan.png) no-repeat; width: 202px;height:71px; display:block; margin:0 15px 0 30%;}
}
@media screen and (max-width:1143px){
	.head-main .slogan{ float:left; background: url(../images/slogan.png) no-repeat; width: 202px;height:71px; display:block; margin:0 15px 0 20%;}
}
@media screen and (max-width:1073px){
	.head-main .slogan{ float:left; background: url(../images/slogan.png) no-repeat; width: 202px;height:71px; display:block; margin:0 10px 0 10%;}
}
@media screen and (max-width:1013px){
	.head-main .slogan{ float:left; background: url(../images/slogan.png) no-repeat; width: 202px;height:71px; display:block; margin:0 10px 0 15px;}
}
@media screen and (max-width:985px){
	.head-main .slogan{ display:none;}
}


/* 選單與下拉 */
nav{}
.menu{padding:9px 0 6px 0; list-style:none; position:relative; max-width:1200px; text-align:center; margin:0 auto;}
.menu>li{color:#fff; display:inline-block; font-size:15px; text-align:center; position:relative; line-height:28px; border-right:1px solid #3b3b3b; cursor:pointer; margin:0;}
.menu>li:nth-child(8n){border-right:0;}
.menu>li>a{color:#fff; display:block; border-bottom:3px #000 solid;  margin:0 3px 0 0;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.menu>li>a:hover{border-bottom:3px #f10c0c solid;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }

.menu a.menu001{ background:url(../images/menu-icon.png) no-repeat 26px center;padding:0 32px 0 54px;}
.menu a.menu002{ background:url(../images/menu-icon.png) no-repeat -147px center;padding:0 30px 0 54px;}
.menu a.menu003{ background:url(../images/menu-icon.png) no-repeat -334px center;padding:0 32px 0 54px;}
.menu a.menu004{ background:url(../images/menu-icon.png) no-repeat -540px center;padding:0 31px 0 55px;}
.menu a.menu005{ background:url(../images/menu-icon.png) no-repeat -660px center;padding:0 34px 0 52px;}
.menu a.menu006{ background:url(../images/menu-icon.png) no-repeat -840px center;padding:0 30px 0 56px;}
.menu a.menu007{ background:url(../images/menu-icon.png) no-repeat -988px center;padding:0 32px 0 54px;}

.menu>li.sub>ul.sub-menu{display:none; background:rgba(0,0,0,0.8); position:static; margin:0; padding:0;z-index:999;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:31px; z-index:999;}
.menu>li.sub>ul.sub-menu>li{display:block; margin:1px 0 0 0; line-height:1.8em; padding:5px;}
.menu>li.sub>ul.sub-menu:hover li{display:block;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:5px 0 0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#f10c0c;}
 
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@-moz-keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
.fade-in{opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity:1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	animation-duration:0.3s;}
	
@media screen and (max-width:1204px){
.menu a.menu001{ background:url(../images/menu-icon.png) no-repeat 26px center;padding:0 20px 0 54px;}
.menu a.menu002{ background:url(../images/menu-icon.png) no-repeat -147px center;padding:0 18px 0 54px;}
.menu a.menu003{ background:url(../images/menu-icon.png) no-repeat -334px center;padding:0 20px 0 54px;}
.menu a.menu004{ background:url(../images/menu-icon.png) no-repeat -540px center;padding:0 19px 0 55px;}
.menu a.menu005{ background:url(../images/menu-icon.png) no-repeat -660px center;padding:0 22px 0 52px;}
.menu a.menu006{ background:url(../images/menu-icon.png) no-repeat -840px center;padding:0 18px 0 56px;}
.menu a.menu007{ background:url(../images/menu-icon.png) no-repeat -988px center;padding:0 20px 0 54px;}
}
@media screen and (max-width:1118px){
.menu a.menu001{ background:url(../images/menu-icon.png) no-repeat 6px center;padding:0 10px 0 34px;}
.menu a.menu002{ background:url(../images/menu-icon.png) no-repeat -167px center;padding:0 8px 0 34px;}
.menu a.menu003{ background:url(../images/menu-icon.png) no-repeat -354px center;padding:0 10px 0 34px;}
.menu a.menu004{ background:url(../images/menu-icon.png) no-repeat -560px center;padding:0 9px 0 35px;}
.menu a.menu005{ background:url(../images/menu-icon.png) no-repeat -680px center;padding:0 12px 0 32px;}
.menu a.menu006{ background:url(../images/menu-icon.png) no-repeat -860px center;padding:0 8px 0 36px;}
.menu a.menu007{ background:url(../images/menu-icon.png) no-repeat -1008px center;padding:0 10px 0 34px;}
}
@media screen and (max-width:908px){
.menu a.menu001{ background: none;padding:0 15px;}
.menu a.menu002{ background: none;padding:0 15px;}
.menu a.menu003{ background: none;padding:0 15px;}
.menu a.menu004{ background: none;padding:0 15px;}
.menu a.menu005{ background: none;padding:0 15px;}
.menu a.menu006{ background: none;padding:0 15px;}
.menu a.menu007{ background: none;padding:0 15px;}
}
@media screen and (max-width:812px){
.menu a.menu001{ background: none;padding:0 10px;}
.menu a.menu002{ background: none;padding:0 10px;}
.menu a.menu003{ background: none;padding:0 10px;}
.menu a.menu004{ background: none;padding:0 10px;}
.menu a.menu005{ background: none;padding:0 10px;}
.menu a.menu006{ background: none;padding:0 10px;}
.menu a.menu007{ background: none;padding:0 10px;}
}



/** banner **/
.vision{ }
.v-title {width: 34px;left:48%; opacity: 0; top: 30px;}


#paracht { position: relative; width: 100%; height: 0; z-index: 100;}
@keyframes textfadein {
  from {  opacity: 0; top:0px; }
  to { opacity: 1; top:180px; }
}

.kv_title { 
    display: block;
	z-index: 1;
    position: absolute;left: 49%;
	top:180px;
	animation :textfadein 4s;
}
.kv_title img { width: auto; height: auto;}


.vision .vision-bg {background:url(../images/banner.jpg) no-repeat top center;min-height:450px;}
.vision .vision-images{background:url(../images/banner-img.png) no-repeat top center;min-height:497px;margin:-243px 0 0 0;}

@media screen and (max-width:950px){
.vision .vision-images{ background:url(../images/banner-img.png) no-repeat top center;min-height:410px; margin:-220px 0 0 0; background-size:165%;}
}
@media screen and (max-width:850px){
.vision .vision-images{ background:url(../images/banner-img.png) no-repeat top center;min-height:380px; margin:-220px 0 0 0; background-size:165%;}
}

/** 首頁最新消息 **/
.i-n-e{ max-width:1200px; margin:0 auto; padding:0 2% 40px 2%;}

.i-news{ float:left; width:36.5%; background:url(../images/i-news_bg.jpg) center center; border:5px #ffffff solid;border-radius:20px; padding:10px 20px;}
.i-news h3{ background:url(../images/news-title_bg.png) no-repeat center center; font-size:24px; color:#248217;text-align:center; padding:15px 0 6.5px 0; margin:0; font-weight:normal;}
.i-news ul{max-width:1200px; margin:0 auto; padding:10px 0 5px 0; list-style:none;}
.i-news ul li{margin:5.5px .5%; padding:0; text-align:center;}
.i-news ul li:hover{}
.i-news ul li h4{font-size:15px; color:#242424; line-height:2.0em; font-weight:normal; padding:2px 0; margin:0; text-align:left;overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;}
.i-news ul li .date{font-size:12px; color:#287cca; line-height:1.5em; padding:5px 0 2px 0; margin:0; text-align:left;}
.i-news-photo{background:#fff; width:100%; display:table; position:relative; table-layout:fixed; border:1px solid #eee;}
.i-news-photo a{display:table-cell; height:144px; vertical-align:middle; text-align:center; padding:3px;}
.i-news-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.i-news .i-news-more{ width:160px; line-height:33px; margin:0 auto; background:#b38b3e; font-size:12px; color:#fff; text-align:center;border-radius:5px; }
.i-news .i-news-more a{ background:#b38b3e; font-size:12px; color:#fff;border-radius:5px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; display:block; width:160px; }
.i-news .i-news-more a:hover{ display:block;width:160px;  background:#f2a81a; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
@media screen and (max-width:1210px){
.i-n-e{ max-width:980px; margin:0 auto; padding:0 2% 40px 2%;}
.banner{ background: url(../images/edm_bg.jpg) center center; float:right;width:62%; margin:0 0 0 1.5%; overflow:hidden; position:relative;border:5px #ffffff solid;border-radius:20px; padding:70px 0px 114px 0px;}
.edm{ margin:0 25px;}

}
@media screen and (max-width:989px){
.i-n-e{ max-width:770px; margin:0 auto; padding:0 2% 40px 2%;}
.banner{ background: url(../images/edm_bg.jpg) center center; float:right;width:62%; margin:0 0 0 1.5%; overflow:hidden; position:relative;border:5px #ffffff solid;border-radius:20px; padding:90px 0px 163px 0px;}
.edm{ margin:0 15px;}


}




/** 首頁產品 **/
.i-pro-main{ background:url(../images/pro_bg.jpg) center center; padding:15px 0 0px 0; margin:10px 0 0 0;}
.i-pro{ max-width:1200px; margin:0 auto;}
.i-pro h3{ font-size:24px; color:#9d6d07; font-weight:normal; padding:10px 0 16px 0; margin:0 auto;width:285px; border-bottom:1px #9d6d07 solid; text-align:center;}
.run { max-width:1200px; margin:0 auto; position:relative; padding:0 20px;}
.run ul { margin:0; padding:20px 0 0 0; list-style:none; white-space: nowrap; /* 不斷行 */ width:100%; overflow:hidden;}
.run ul li { display: inline-table; width:22.99%; margin:1% 5.17%; padding:0;}
.run ul li h4{ color:#010101; font-size:16px; font-weight:normal; text-align:center; padding:10px 5px ; margin:0; clear:both;}
.run ul li:hover{}
.run ul li img { width:100%; height:auto;}

a.btn-left { position:absolute; left:0px; top:35%; text-decoration:none; font-size:56px; color:#8d8063;}
a.btn-right { position:absolute; right:0px; top:35%; text-decoration:none; font-size:56px; color:#8d8063;}

.run-photo{width:100%; display:table; position:relative; table-layout:fixed; }
.run-photo a{display:table-cell; height:197px; vertical-align:middle; text-align:center;}
.run-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}


/** 關於 **/
.about-information{padding:15px 5px 25px 5px ; border-bottom:1px #ddd dotted; margin:10px 0;}
.about-information .information-left{ float:left; width:48%; margin:1%;}
.about-information .information-right{ float:right; width:48%;margin:1%;}
.about-information .information-right ul{ padding:0; margin:0 15px; list-style:none;}
.about-information .information-right ul li{ display:block; background:url(../images/icon001.png) no-repeat left 15px; padding:5px 0 5px 20px; margin:0;}
.about-information .information-left img{ width:100%; border-radius:150px;box-shadow:5px 5px 7px 0 #ccc;}
.about-certification{ font-size:15px ; color:#333;}
.about-certification h4{ font-size:20px; color:#333; margin:10px 0 20px 0 ; padding:8px 0; background:#CDDC39 url(../images/te.png) no-repeat 10px 10px; line-height:1.8em; width:30%;border-radius:10px; border:1px #aaa solid;}
.about-certification h4:before{ display:inline-block;content:" "; background:#ed0b0b ; height:20px; width:1pt; text-align:center; margin:0 10px -3px 80px; padding:0;}
.about-certification ul{ list-style:none; padding:0; margin:0;}
.about-certification ul li{ padding:0; margin:1%; float:left; width:48%; }
.about-certification ul li .certification-title{ font-size:16px; color:#333; line-height:2.0em; text-align:center; padding:5px 0;}
.certification-photo{width:100%;position:relative;table-layout:fixed;height:625px;vertical-align:middle;text-align:center;display:flex;align-items:center;justify-content:center;padding:5px;}
.certification-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}

.about{ margin:30px 0;}
.about ul{ list-style:none; padding:0; margin:0;}
.about ul li{ padding:10px 0; margin:15px 0;}
.about ul li .about-left01{ float:left; width:56%; margin:1%;}
/*.about ul li .about-left01 h4{ font-size:20px; color:#333; margin:10px 0 20px 0 ; padding:8px 0; background:#ecead8 url(../images/te.png) no-repeat 10px 10px; line-height:1.8em; width:50%;border-radius:10px; border:1px #aaa solid;}0613*/

.about ul li .about-left01 h4{font-size:20px;color:#333;margin:10px 0 20px 0;padding:8px 0;background: #CDDC39 url(../images/te.png) no-repeat 10px 10px;line-height:1.8em;width:50%;border-radius:10px;border:1px #aaa solid;}/*0613*/


.about ul li .about-left01 h4:before{ display:inline-block;content:" "; background:#ed0b0b ; height:20px; width:1pt; text-align:center; margin:0 10px -3px 80px; padding:0;}

.about ul li .about-right01{ float:right; width:40%; margin:1%;}
.about ul li .about-left02{ float:left; width:40%; margin:1%;}
.about ul li .about-right02{ float:right; width:56%; margin:1%;}
.about ul li .about-right02 h4{ font-size:20px; color:#333; margin:10px 0 20px 0 ; padding:8px 0; background:#CDDC39 url(../images/te.png) no-repeat 10px 10px; line-height:1.8em; width:50%;border-radius:10px; border:1px #aaa solid;}
.about ul li .about-right02 h4:before{ display:inline-block;content:" "; background:#ed0b0b ; height:20px; width:1pt; text-align:center; margin:0 10px -3px 80px; padding:0;}

.about ul li .about-right01 img{width:100%;/* border:2px #aaa dashed; */padding:5px;}
.about ul li .about-left02 img{width:100%;/* border:2px #aaa dashed; */padding:5px;}

@media screen and (max-width:989px){
	.about-certification h4{ font-size:20px; color:#333; margin:10px 0 20px 0 ; padding:8px 0; background:#CDDC39 url(../images/te.png) no-repeat 10px 10px; line-height:1.8em; width:40%;border-radius:10px; border:1px #aaa solid;}
	.about ul li .about-left01 h4{ font-size:20px; color:#333; margin:10px 0 20px 0 ; padding:8px 0; background:#CDDC39 url(../images/te.png) no-repeat 10px 10px; line-height:1.8em; width:60%;border-radius:10px; border:1px #aaa solid;}
.about ul li .about-right02 h4{ font-size:20px; color:#333; margin:10px 0 20px 0 ; padding:8px 0; background:#CDDC39 url(../images/te.png) no-repeat 10px 10px; line-height:1.8em; width:60%;border-radius:10px; border:1px #aaa solid;}

}


/** 大紀事 **/
.chronicle{ padding:10px 0; margin:15px 0;}
.chronicle ul{margin:10px 0; padding:0; list-style:none;}
.chronicle-title{ background:#f2f2f2; padding:10px 10px; font-size:15px; color:#333;}

.chronicle-list {list-style: none;}
.chronicle-list>li{clear:both; border-bottom:1px dotted #e3e3e3; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

 padding:20px 15px;  }
.chronicle-list>li:nth-child(2n){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff9f9+0,ffcccc+100 */
background: #fff9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #fff9f9 0%, #ffcccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff9f9 0%,#ffcccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff9f9 0%,#ffcccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#ffcccc',GradientType=0 ); /* IE6-9 */

}

.chronicle-list>li .date{ text-align:center; color:#3d8008; font-size:20px; font-weight:bold;float:left; width:120px; margin:0 15px 0 0;}
.chronicle-list>li .chronicle-lis-cont{ float:left;width: calc(100% - 135px) ;}
.chronicle-list>li .chronicle-lis-cont ul{ list-style: none; padding:0; margin:0; }
.chronicle-list>li .chronicle-lis-cont ul li{margin:0;color:#333; background:url(../images/icon002.png) no-repeat 5px 13px; padding:2px 0 2px 30px; }

.chronicle-list>li a{ display:block;color:#333; display:block; font-size:15px;padding:10px;}
.chronicle-list>li a:hover{ display:block; background:rgba(246,246,246,1);}

/** 品牌介紹 **/
.brand-title{ font-size:26px; color:#7b8c20; font-weight:bold; font-family: 'Play', sans-serif; margin:10px 0; line-height:1.8em; position:relative;}
.brand-title:before{ display:block;  content:""; height:2px; background:#7b8c20; margin: 0; width:25px; position:absolute; bottom:-5px; left:0;}
.brand-title:after{ display:block;background:url(../images/brand-title_bg.png) no-repeat 120px center; content:""; height:29px; margin:-35px 0 0 0;}

.brand-title002{ font-family:標楷體; font-size:16px;}

/** 製作流程 **/
.story-title{ display:none; font-size:24px; color:#333;}
.story{  padding:15px 0; margin:2% 0;}
.story-contect{ line-height:2.0em; font-size:16px; color:#333; padding:20px 0 0 220px; height:240px;overflow-x:hidden;overflow-y:auto; margin:20px 0;}
.story_bg001{ background:url(../images/process001.png) no-repeat top left; height:310px;}
.story_bg002{ background:url(../images/process002.png) no-repeat top right; margin:-85px 0 0 0; }
.story_bg003{ background:url(../images/process003.png) no-repeat top left; margin:0px 0 0 0; }

.production{  padding:15px 0;margin:2% 0;}
.production-contect{ padding:70px 250px 0 0;}
.production-contect img{width:100%; }

.production-title{float:right; width:150px; margin:0 ;-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr ; font-size:26px; line-height:1.6em; color:#909833;display:flex; align-items:center;}

.test{  padding:15px 0; margin:2% 0;}
.test-contect{ padding:50px 0 0 210px;}
.test-contect img{width:100%; }

.test-title{ float:left; width:150px; margin:0 ;-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr ; font-size:26px; line-height:1.6em; color:#909833;display:flex; align-items:center;}
.test .more{ font-size:15px; color:#df7300; clear:both; text-align:right; padding:10px 0;}
.test .more a{ font-size:15px; color:#df7300;}
.test .more a:hover{ text-decoration:underline;}

/** 山葵 **/
/*.wasabi{padding:0; font-size:15px; color:#333; line-height:1.8em; margin:20px 0 40px 0;}0613*/
.wasabi-title{ font-weight:bold; background:url(../images/wasabi-title.png) no-repeat left center; font-size:20px; color:#5d2912; padding:40px 0 10px 40px; margin:20px 0 5px 0;}
.wasabi .wasabi-left-001{float:left;width:80px;margin: 10px;}
.wasabi .wasabi-left-001 img{ width:100%;}
.wasabi .wasabi-right-001{float:right; width: calc(100% - 115px);}
.wasabi .wasabi-left-002{float:left;width:120px;margin: 10px;}
.wasabi .wasabi-left-002 img{ width:100%;}
.wasabi .wasabi-right-002{float:right; width: calc(100% - 155px);}
.wasabi .wasabi-left-003{float:left;width:200px;margin: 10px;}
.wasabi .wasabi-left-003 img{ width:100%;}
.wasabi .wasabi-right-003{float:right; width: calc(100% - 235px);}
.wasabi .wasabi-block003{padding:0;/*font-size:15px;*/color:#333;line-height:2.0em;margin:0;clear:both;}
.wasabi .wasabi-block003 img{max-width: 100%;}
.wasabi .wasabi-block004{padding10px 0 ; /*font-size:15px;*/ color:#333; line-height:2.0em; margin:0; clear:both;}
.wasabi .wasabi-block004 img{max-width: 100%;}
.wasabi .wasabi-left-005{float:left;width: 100px;margin: 10px;}
.wasabi .wasabi-left-005 img{ width:100%;}
.wasabi .wasabi-right-005{float:right;width: calc(100% - 135px);}
.wasabi .wasabi-left-006{ float:left; width:49%; margin:0 1% 0 0;}
.wasabi .wasabi-right-006{float:right; width:49%; margin:0 0 0 1%;}
.wasabi .wasabi-left-006 .left006-01{float:left;width: 150px;margin:10px 35px 0 0;}
.wasabi .wasabi-left-006 .left006-01 img{ width:100%;}
.wasabi .wasabi-left-006 .right006-01{float:right;width: calc(100% - 185px);}
.wasabi .wasabi-right-006 .left006-02{float:left;width: 150px;margin:10px 35px 0 0;}
.wasabi .wasabi-right-006 .left006-02 img{ width:100%;}
.wasabi .wasabi-right-006 .right006-02{float:right;width: calc(100% - 185px);}
.wasabi .wasabi-block007{}
.wasabi .wasabi-block007 ol{color:#337100; padding:0 0 0 30px ; margin:0;}
.wasabi .wasabi-block007 ol li{ padding:0; margin:0;color:#337100;list-style-type:none;}
.wasabi .wasabi-block007 ol li .wasabi-block007-title{color:#337100; font-size:16px; font-weight:bold;}
.wasabi .wasabi-block007 ol li .wasabi-block007-title:after{ background:#337100; width:80px ; height:2px; content:""; display:block; margin:0 0 10px 0;}
.wasabi .wasabi-block007 ol li .wasabi-block007-contect{ color:#333;/* font-size:15px;*/line-height:2.0em;  margin:10px 0;}
.wasabi .wasabi-block007 ol li .wasabi-block007-contect .left007-01{float:right;width: 250px;margin:0 35px 0 0;}
.wasabi .wasabi-block007 ol li .wasabi-block007-contect .right007-01{float:left;width: calc(100% - 290px);}
.wasabi .wasabi-block007 ol li .wasabi-block007-contect .left007-02{ float:right; width:200px;margin:0 0 0 35px ;}
.wasabi .wasabi-block007 ol li .wasabi-block007-contect .right007-02{ float:left; width: calc(100% - 235px);}


/** 芥末 **/
/*.mustard{padding:0; font-size:15px; color:#333; line-height:1.8em; margin:20px 0 40px 0;}0613*/
.mustard-title{ font-weight:bold;  font-size:20px; color:#a46f05; padding:20px 20px 0 75px; margin:20px 0 5px 0; background:url(../images/mustard-title.png) no-repeat left center;}
.mustard-title:after{ display:block; content:""; background:#a46f05; height:2px; margin:-4px 0 0 0;}
.mustard-left-001{ text-align:center;  width:100%;}
.mustard .mustard-mid-001{float:left; width: calc(100% - 255px);}
.mustard .mustard-right-001{float:right; width:240px; margin:0 0 0 15px ;}
.mustard .mustard-right-001 img{ width:100%;border-radius:10px; box-shadow: 1px 1px 3px #999;}
.mustard-left-002{width:100%; margin:20px 0 0 0; text-align:center;}
.mustard .mustard-right-002{float:right; width:100%; }
.mustard .mustard-block002{ display:block;/*font-size:15px; */color:#333; line-height:2.0em;  clear:both; padding:10px 0;}
.mustard .mustard-block002 ul{ padding:0 0 0 30px; margin:0;}
.mustard .mustard-block002 ul li{ margin:10px 0; padding:0;}

.mustard .mustard-block002 .mustard-block002-title{ background:#7b4c06; color:#fff; display:inline-block; padding:0 5px; margin:0 5px 0 0;}
.mustard .mustard-block002 .mustard-block002-contect{ color:#333; /*font-size:15px;*/line-height:2.0em;  display:inline-block;  padding:0 0 5px 0;}
.mustard .mustard-block003-left{ float:right; width:300px; margin:0 0 0 15px ;}
.mustard .mustard-block003-left img{ width:100%;border-radius:10px; box-shadow: 1px 1px 5px #666;}
.mustard .mustard-block003-right{float:left; width: calc(100% - 315px);}
.mustard .mustard-block003-right ol{color:#337100; padding:0 ; margin:0;}
.mustard .mustard-block003-right ol li{ padding:0; margin:0;color:#337100;list-style-type:none;}
.mustard .mustard-block003-right ol li .mustard-block003-title{color:#337100; font-size:16px; font-weight:bold;}
.mustard .mustard-block003-right ol li .mustard-block003-title:after{ background:#337100; width:80px ; height:2px; content:""; display:block; margin:0 0 10px 0;}
.mustard .mustard-block003-right ol li .mustard-block003-contect{ color:#333; /*font-size:15px;*/line-height:2.0em;  margin:10px 0;}

/** 辣跟 **/
/*.spicy{padding:0; font-size:15px; color:#333; line-height:1.8em; margin:20px 0 40px 0;}0613*/
.spicy-title{ font-weight:bold;  font-size:20px; color:#fff; text-shadow:1px 1px 5px #000;padding:20px 20px 20px 35px; margin:20px 0 5px 0; background:url(../images/spicy-title.png) no-repeat left center;}
.spicy-left-001{width:100%; margin:20px 0 0 0; text-align:center;}
.spicy-left-001 img{ border-radius:50px; box-shadow: 1px 1px 3px #999;}

.spicy .spicy-right-001{float:right; width:100%;}
.spicy-left-002{ width:100%; margin:20px 0 0 0 ; text-align:center;}
.spicy .spicy-left-002 img{border-radius:50px; box-shadow: 1px 1px 3px #999;}
.spicy .spicy-right-002{float:right; width:100%;}
.spicy .spicy-block002{display:block;/*font-size:15px; */color:#333; line-height:2.0em; clear:both; padding:10px 0;}
.spicy .spicy-block003-01{display:block;/*font-size:15px;*/ color:#333; line-height:2.0em; clear:both; padding:10px 0;}
.spicy .spicy-block003-02{display:block;/*font-size:15px;*/ color:#333; line-height:2.0em; clear:both; padding:10px 0;}
.spicy .spicy-block003-02 img{width: 80%;box-shadow: 1px 1px 5px #666;}
.spicy .spicy-block004{display:block;/*font-size:15px;*/ color:#333; line-height:2.0em; clear:both; padding:10px 0; margin:0 10%;}
.spicy .spicy-block004 img{max-width: 100%;}

.spicy .spicy-block005-left{ float:right; width:300px; margin:0 0 0 15px ;}
.spicy .spicy-block005-left img{ width:100%;border-radius:10px; box-shadow: 1px 1px 5px #666;}
.spicy .spicy-block005-right{float:left; width: calc(100% - 315px);}
.spicy .spicy-block005-right ol{color:#337100; padding:0 0 0 30px ; margin:0;}
.spicy .spicy-block005-right ol li{ padding:0; margin:0;color:#337100;list-style-type:none;}
.spicy .spicy-block005-right ol li .spicy-block005-title{color:#337100; font-size:16px; font-weight:bold;}
.spicy .spicy-block005-right ol li .spicy-block005-title:after{ background:#337100; width:80px ; height:2px; content:""; display:block; margin:0 0 10px 0;}
.spicy .spicy-block005-right ol li .spicy-block005-contect{ color:#333; /*font-size:15px;*/ margin:10px 0;}


/* 訂單列表 */
.order-search{padding-left:30px;}
.order-list{padding:0 ; margin:15px 0 30px 0;}
.order-list td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}
.order-list img.pro-photo{width:90px; height:90px; padding:10px; border:1px solid #ccc;}
.order-list .order-list-th{font-size:15px; color:#fff; text-align:center; line-height:25px;}
.order-list .order-list-td{font-size:15px; color:#333; padding: 5px 15px;}
.order-list .price{font-size:15px; color:#900;}
.order-list .numb{font-size:15px; color:#788bac; text-align:left;}
.order-list .numb a{color:#788bac;}
.order-list .count{font-size:15px; color:#333;}
.order-list .count-portal{padding:10px 0; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.count-price{font-size:24px; font-family:Verdana; color:#900; font-weight:bold;}
.order-list .portal{display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.order-list .freight{display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right;}
.oproject{display:none; color:#900;}
ul.order-list{list-style:none; margin:0; padding:0;}
ul.order-list li{border-bottom:1px #ccc dotted; padding:20px 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
ul.order-list li:nth-child(odd){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfff7+0,dae5b7+100 */
background: #fdfff7; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfff7 0%, #dae5b7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fdfff7 0%,#dae5b7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fdfff7 0%,#dae5b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfff7', endColorstr='#dae5b7',GradientType=0 ); /* IE6-9 */

}
ul.order-list li.th{background:#333; color:#fff;  padding:10px 0; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; border:0;}
.th .order-list-img, .th .order-list-name, .th .order-list-price, .th .order-list-quantity, .th .order-list-subtotal, .th .order-list-del{padding-top:5px;}
.order-list-img{float:left; width:10%; display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.order-list-img02{float:left; width:10%; display:table-cell; font-size:15px; padding-top:5px; vertical-align:middle; text-align:center;}
.sorder-list-img img{width:90px; height:auto; padding:5%; border:1px #ccc solid; margin:5%; text-align:center;}
.order-list-del a{color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50);}
.order-list-del a:hover{background:rgb(255,48,25);}
.order-ditaile-info{padding:0 0 0 40px; font-size:15px; color:#333; line-height:1.5em;}
.jump-window-box{max-width:500px; margin:0 auto; border:1px solid #ccc; padding:20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 會員登入 */
.member-login-box{max-width:500px; margin:0 auto; border:1px solid #ccc; padding:20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 購物車 */
.cart-body{max-width:1200px; margin:0 auto;}
.shopping-car{padding-left:30px;}
th.shopping-car-th{background:#69c; font-size:15px; color:#fff; text-align:center; line-height:25px; border-right:1px dotted #fff;}
.shopping-car td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px #ccc dotted; border-right:1px #ccc dotted;}
.shopping-car img.pro-photo{width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.shopping-car .pro-name{font-size:15px; color:#333; text-align:left;}
.shopping-car .price{font-size:15px; color:#900;}
.shopping-car .numb{font-size:15px; color:#66f;}
.shopping-car .count{font-size:15px; color:#333;}
.shopping-car .count-portal{padding:10px 0; border-bottom:1px dotted #ccc; margin-bottom:20px;}
W.count-price{font-size:24px; font-family:Verdana; color:#900; font-weight:bold;}
.shopping-car .portal{display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.shopping-car .freight{display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right;}
ul.shopping-car-list{list-style:none; margin:0; padding:0;}
ul.shopping-car-list li{border-bottom:1px #ccc dotted; padding:5px 0;}
ul.shopping-car-list li.th{background:#777; color:#fff; text-shadow:-1px -1px 0 #393939; min-height:0px; padding:5px 0; border:0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.th .shop-car-img, .th .shop-car-name, .th .shop-car-price, .th .shop-car-quantity, .th .shop-car-subtotal, .th .shop-car-del{padding-top:5px;}
.shop-car-img{display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-img img{width:90px; height:auto; padding:5%; border:1px solid #ccc; margin:5%; text-align:center;}
.shop-car-name{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-price{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-quantity{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-subtotal{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del a{color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50);}
.shop-car-del a:hover{background:rgb(255,48,25);}
.shopping-car .oproject{font-size:15px; color:#000; display:none; font-weight:bold;}
.checkout-box{background:#eee; padding:10px; margin-left:30px; border-bottom:2px dotted #fff;}
.checkout-box h3{background:#999; border-left:5px #333 solid; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; line-height:30px; padding-left:20px; font-weight:500;}
.check-box{padding:5px; font-size:15px; color:#000;}
.check-box a{color:#000;}
.check-box a:hover{color:#960;}
.appointment{max-width:600px; margin:0 auto;}
.appointment-title{text-align:center;}

/* 產品專區 */
.search{padding:0 10px;}
.search-input{padding:10px 0; position:relative;}
.search-input img{position:absolute; right:0; top:10px;}
.search input{background:#e8d5d5; font-size:15px; color:#737946; padding:5px 0 5px 5%; line-height:31px; height:31px; width:85%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 10% 0 0; right:70px; vertical-align:middle;}
.search img{vertical-align:middle;}
.pro-store-info{font-size:13px; line-height:1.5em; color:#666; padding:10px 0 10px 35px; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.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-list ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.pro-list ul li{width:24%; margin:30px .5%; padding:.5%; text-align:center; float:left;transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}

.pro-list ul li:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}

.pro-list ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.pro-photo{ width:100%; display:table; position:relative; table-layout:fixed;}
.pro-photo a{display:table-cell; height:191px; vertical-align:middle; text-align:center;}
.pro-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.pro-list ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block;}
.pro-list ul li .index-pro-price{color:#b83400; font-size:18px; padding:0 0 10px 0; display:block;}
.pro-detaile{padding:0; margin:30px 0;}
h3.pro-detaile-title{border-bottom:1px #ccc dotted; font-size:20px; color:#333; line-height:30px; margin-bottom:20px; padding-bottom:10px; font-weight:normal;}
.pro-detaile .pro-photo{ width:100%; margin:0 0 10px; padding:0; position:relative;}
.pro-detaile .pro-photo img{width:100%; height:auto;}
.pro-specification{font-size:15px;line-height: 2em;color:#333;position:relative;margin-bottom:10px;}
.pro-specification ul{ list-style:none; padding:0; margin:0;}
.pro-specification ul li{padding: 10px 0;margin:10px 0;}
.pro-specification ul li .contect01{float:left;font-weight:bold;width: 88px;color:#fff;background:#4CAF50;padding: 2px 6px;margin:0 5px 0 0;border-radius:5px;text-align: right;}
.pro-specification ul li .contect02{float:left;font-weight:bold;width: calc(100% - 96px);}

.pro-content{padding:0; font-size:12px; line-height:1.5em; color:#999; clear:both;}
.pro-content p.spec{margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333;}
.annotated{ background:#047ed3; width:80px; height:80px; border-radius:50px; text-align:center; position:absolute; top:0; left:0; color:#fff; font-size:20px; padding:27px 20px;}

h3.pro-introduce{font-weight:normal; border-top:1px dotted #ccc; border-bottom:1px solid #ccc; border-left:5px solid #900; padding:5px 0 5px 20px; font-size:20px; color:#333;}
.pro-qr-code img{width:100px; height:auto;}
.cart-info{vertical-align:middle;}
.cart-info .price{font-size:28px; font-weight:bold; text-align:right; margin:20px 0; color:#f00; vertical-align:middle; display:block;}
.cart-info .quantity{font-size:16px; color:#333; vertical-align:middle; display:block; padding:10px 0; line-height:30px;}
.cart-info .quantity select{line-height:25px;}
.check-out{text-align:center; vertical-align:middle; display:block;}
.check-out a{display:block; vertical-align:middle; font-size:13px; min-width:130px; color:#333; padding:5px 10px; margin:10px 0; text-shadow:-1px -1px 0 #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; border:1px #d4d4d4 solid;}
.check-out a:hover{background:#d4d4d4; text-shadow:-1px -1px 0 #a2a2a2; color:#333;}
.check-out a img{vertical-align:middle; margin-right:10px;}
.cart-btn{padding:15px 0 10px 0; text-align:center; margin-top:15px;}
.size{margin:5px 0; padding:7px 0; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.size ul{list-style:none; margin:0 auto; padding:0;}
.size ul li{background:#aaa; font-size:12px; color:#fff; margin:0 2px; float:left; cursor:pointer; width:25px; line-height:25px; text-align:center;}
.size ul li:hover{background:#5e9bc7;}
.size ul li.active{background:#5e9bc7;}
.size ul li.none{background:#e7e7e7;}
.size ul li.title{background:none; font-size:15px; color:#575757; width:auto;}

/* 產明細圖片特效樣式 */
.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%;}
.stripViewer .panelContainer img{width:100%; height:auto;}
.stripViewer .panelContainer .panel{float:left; position:relative; margin-bottom:0; border:0; box-shadow:none;}
.stripNavL, .stripNavR, .stripNav{display:none; width:100%;}
.slider-wrap a{height:auto;}
.nav-thumb{margin-right:5px;}
#movers-row{margin:5px 0 0; width:101%;}
#movers-row div{width:25%; float:left; padding-right:1%;}
#movers-row div a.cross-link{float:right;}
.photo-meta-data{padding:10px; height:30px; margin-top:-50px; position:relative; z-index:9999; color:white;}
.photo-meta-data span{font-size:13px;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{background:transparent;}
.panel{width:25%;}

/* 聯絡我們 */
.contact-infomation{ color:#333; line-height:2em; margin:20px 0 0 0; padding:10px 15px; background:#ededda; font-size:15px; border:2px #cfcfb6 dashed;}
.contact-infomation a{ color:#333;}
.contact-infomation a:hover{ color:#63630e; text-decoration:underline; }

.contact-body{padding:0; font-size:15px; line-height:2.0em; color:#333;}
.contact-note{padding:5px; font-size:13px; color:#fff; background:#e83232; width:100px; margin:5px 0 15px 0; text-align:center; border-radius:5px;}
.contact-left img{width:100%; height:auto; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.btn-send{font-size:13px;}
a.btn-send{background:#6f8403; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send:hover{background:#90aa09;}
a.btn-reset{background:#ac1010; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-reset:hover{background:#d14242;}
a.btn-send-over{background:#79919f; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send-over:hover{background:#63aebd;}
img.code{width:100px; height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 5px; vertical-align:middle;}

/* FAQ */
.faq ul{margin:0; padding:0; list-style:none;}
.faq ul li{border-bottom:1px #fff solid;}
.faq ul li .qa_title{background:#dddcd7; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-left:8px solid #333;}
.faq ul li a{color:#333; font-size:15px; display:block; padding:10px 0 10px 10px; text-shadow:1px 1px 0 #fff;}
.faq ul li a:hover{background:#c5c4b7; color:#fff; text-shadow:-1px -1px 0 #666;}
.faq ul li .qa_content{border-top:1px dotted #ccc; padding:10px 0 20px 25px; font-size:13px; line-height:1.5em; color:#666;}

.opacl{font-size:12px; line-height:20px; padding-bottom:10px;}
.opacl a{background:#888; color:#fff; padding:3px 10px; margin:0 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.opacl a:hover{background:#699;}
a.close_qa{font-size:12px;}

/* news-list  最新消息 */
.news{ padding:0; margin:0;}
.news ul{margin:10px 0; padding:0; list-style:none;}
.content-body .time{ text-align:right; color:#fff; font-size:14px; padding:5px 20px;background:#e51b29;border-radius:5px; float:right; display:inline-block; margin:20px 0;}
.news-title{ background:#f2f2f2; padding:10px 10px; font-size:15px; color:#333;}

.news-list {list-style: none;}
.news-list li{clear:both; border-bottom:1px dotted #e3e3e3;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.news-list li:nth-child(2n){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffefef+0,f4dcdc+100 */
background: #ffefef; /* Old browsers */
background: -moz-linear-gradient(top,  #ffefef 0%, #f4dcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffefef 0%,#f4dcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffefef 0%,#f4dcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefef', endColorstr='#f4dcdc',GradientType=0 ); /* IE6-9 */
}

.news-list li span{ text-align:center; color:#fff; font-size:14px; padding:0 ; float:right; width:120px; margin:0 0 0 15px; background:#e51b29;border-radius:5px; }
.news-list li .news-lis-cont{ float:left;width: calc(100% - 135px); background:url(../images/news-icon.png) no-repeat 4px 7px; padding:0 0 0 25px;}
.news-list li a{ display:block;color:#333; display:block; font-size:15px;padding:10px;}
.news-list li a:hover{ display:block; background:#e1ecd5 ;color:#333;}

/* 內頁架構 */
.content-body{max-width:1020px;margin:20% auto 12% auto;background:rgba(255,255,255,1);padding: 2px 15px;border-radius:10px;}
.page-title{ font-size:24px; color:#7b8c20; font-weight:bold; font-family:微軟正黑體, 'Play', sans-serif; margin:10px 0; line-height:1.8em; position:relative; clear:both;}
.page-title:before{ display:block;  content:""; height:2px; background:#7b8c20; margin: 0; width:40px; position:absolute; bottom:-5px; left:0;}
.page-title:after{ display:block;background:url(../images/brand-title_bg.png) no-repeat 160px center; content:""; height:29px; margin:-35px 0 0 0;}

.page-title02{ font-size:24px; color:#7b8c20; font-weight:bold; font-family:微軟正黑體, 'Play', sans-serif; margin:10px 0; line-height:1.8em; position:relative;clear:both;}
.page-title02:before{ display:block;  content:""; height:2px; background:#7b8c20; margin: 0; width:40px; position:absolute; bottom:-5px; left:0;}
.page-title02:after{ display:block;background:url(../images/brand-title_bg.png) no-repeat 170px center; content:""; height:29px; margin:-35px 0 0 0;}
.page-title03{ font-size:24px; color:#7b8c20; font-weight:bold; font-family:微軟正黑體, 'Play', sans-serif; margin:10px 0; line-height:1.8em; position:relative;clear:both;}
.page-title03:before{ display:block;  content:""; height:2px; background:#7b8c20; margin: 0; width:40px; position:absolute; bottom:-5px; left:0;}
.page-title03:after{ display:block;background:url(../images/brand-title_bg.png) no-repeat 100px center; content:""; height:29px; margin:-35px 0 0 0;}
.page-title04{ font-size:24px; color:#7b8c20; font-weight:bold; font-family:微軟正黑體, 'Play', sans-serif; margin:10px 0; line-height:1.8em; position:relative;clear:both;}
.page-title04:before{ display:block;  content:""; height:2px; background:#7b8c20; margin: 0; width:40px; position:absolute; bottom:-5px; left:0;}
.page-title04:after{ display:block;background:url(../images/brand-title_bg.png) no-repeat 75px center; content:""; height:29px; margin:-35px 0 0 0;}
.page-title05{ font-size:24px; color:#7b8c20; font-weight:bold; font-family:微軟正黑體, 'Play', sans-serif; margin:10px 0; line-height:1.8em; position:relative;clear:both;}
.page-title05:before{ display:block;  content:""; height:2px; background:#7b8c20; margin: 0; width:40px; position:absolute; bottom:-5px; left:0;}
.page-title05:after{ display:block;background:url(../images/brand-title_bg.png) no-repeat 50px center; content:""; height:29px; margin:-35px 0 0 0;}
.page-title06{ font-size:24px; color:#7b8c20; font-weight:bold; font-family:微軟正黑體, 'Play', sans-serif; margin:10px 0; line-height:1.3em; position:relative; clear:both;}
.page-title06:before{ display:block;  content:""; height:2px; background:#7b8c20; margin: 0; width:40px; position:absolute; bottom:-5px; left:0;}


/*.page-main{padding:0; font-size:15px; color:#333; line-height:1.8em; clear:both;}0613*/
.page-main{padding:0;font-size: 16px;color:#333;line-height: 2.0em;clear:both;}/*0613*/

.page-main02{margin:0; padding:2px; font-size:15px; line-height:2.0em; color:#333;}
.page-main03{ margin:0; padding:2px; font-size:15px;line-height:2.0em;  color:#333;}
.page-main03 p{ padding:6px 0;}
.page-main04{padding:0;padding:2px;font-size:15px; color:#333;line-height: 2.0em/* line-height:1.8em;*/}
.page-main04 p{ padding:6px 0;}

.left-menu-title{background:#909090; text-align:center; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; padding:5px 0 10px 0; border-top:1px dotted #999; -webkit-border-radius:0 0 5px 0; -moz-border-radius:0 0 5px 0; border-radius:0 0 5px 0;}
.in-left-menu>ul{margin:0; padding:10px 0 0; list-style:none; border-bottom:3px solid #dbdbdb;}
.in-left-menu>ul>li{border-bottom:1px solid #eae9dd; font-size:15px; color:#666; padding:5px 0;}
.in-left-menu>ul>li>a{background:url(../images/left-icon.png) no-repeat 5px 7px; color:#333; display:block; padding:5px 0 5px 25px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.in-left-menu>ul>li>a:hover{background:url(../images/left-icon.png) no-repeat 5px 7px #efeded;}
.in-left-menu>ul>li ul{margin:5px 0 0 40px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px dotted #ccc; padding:5px;}
.in-left-menu>ul>li ul li:hover{background:#e8e8e6;}
.in-left-menu>ul>li ul li a{font-size:14px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743d;}


/** 上方選單 **/
.m_classLink{display:none;}
.in-top-menu{padding:10px 0;}
ul.classLink{margin:5px 0 ; padding:0; list-style:none; text-align:center;}
ul.classLink li{font-size:16px; color:#666; padding:5px 2px; display:inline-block;text-align:center; margin:.5% 1.6%;}
ul.classLink li a{color:#6ab82c;display:block;padding:2px 15px;line-height:1.8em;background:#fff;position:relative;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;border:1px #6ab82c solid;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
ul.classLink li a:hover{ background: #6ab82c; color:#fff;}
ul.classLink li a.active{ background: #6ab82c; color: #fff;}
ul.classLink li a.active:after{content:" "; width:0px; height:0px; border-style:solid; border-width:5px 7.5px 0 7.5px; border-color:#6ab82c transparent transparent transparent; position:absolute; bottom:-5px; left:50%; margin-left:-7.5px;}

@media screen and (max-width:800px){
.in-top-menu{padding:25px 0 10px 0;}
ul.classLink{display:none;}
.m_classLink{display:block; position:relative; margin:0 2%;}
.m_classLink a.main{display:block; background:#6ab82c; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif;  color:#FFF; position:relative; padding:10px 12px;}
.m_classLink a.main i{display:block; font-size:15px; background:#4f9914; width:30px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0; cursor: pointer; padding:3px 0 0 0;}
.m_classLink ul{display:none; width:100%; background:#f6e2e2; border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box; margin:0; padding:0; list-style:none;}
.m_classLink ul li{ margin:0; padding:0; background:#fde4e5; border:1px #fff solid;}
.m_classLink ul li a{display:block; padding:8px 10px; border-top:1px solid #d1d1d1; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;background:#cbe2b9;}
.m_classLink ul li a:hover{ background:#6ab82c; color:#fff;}
.m_classLink ul li:first-child a{border:none;}
}


/** 產品上方選單 **/
.m_classLink-p{display:none;}
.in-top-menu-p{padding:10px 0;}
ul.classLink-p{margin:5px 0;padding:0;list-style:none;text-align:center;background-color: #c3f59c;border-radius: 10px;}
ul.classLink-p li{font-size:16px;font-weight: bold;color:#666;padding:5px 2px;display:block;text-align:center;margin:.5% .67%;float:left;width:12.93%;}
ul.classLink-p li a{color: #333;display:block;padding:10px;line-height:1.8em;/* background:#fff; */position:relative;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;/* border:1px #6ab82c solid; */-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
ul.classLink-p li a:hover{ background: #6ab82c; color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
ul.classLink-p li a.active-p{background: #6ab82c;color: #333;/* -webkit-border-radius: 10px; */-moz-border-radius: 10px;border-radius: 10px;}
ul.classLink-p li a.active-p:after{content:" "; width:0px; height:0px; border-style:solid; border-width:5px 7.5px 0 7.5px; border-color:#6ab82c transparent transparent transparent; position:absolute; bottom:-5px; left:50%; margin-left:-7.5px;}
.pro-icon{display:block;max-height: 100px;max-width: 100px;}
.pro-icon img{height: 100px;}
@media screen and (max-width:800px){
.in-top-menu-p{padding:25px 0 10px 0;}
ul.classLink-p{display:none;}
.m_classLink-p{display:block; position:relative; margin:0 2%;}
.m_classLink-p a.main-p{display:block; background:#6ab82c; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif;  color:#FFF; position:relative; padding:10px 12px;}
.m_classLink-p a.main-p i{display:block; font-size:15px; background:#4f9914; width:30px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0; cursor: pointer; padding:3px 0 0 0;}
.m_classLink-p ul{display:none; width:100%; background:#f6e2e2; border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box; margin:0; padding:0; list-style:none;}
.m_classLink-p ul li{ margin:0; padding:0; background:#fde4e5; border:1px #fff solid;}
.m_classLink-p ul li a{display:block; padding:8px 10px; border-top:1px solid #d1d1d1; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;background:#cbe2b9;}
.m_classLink-p ul li a:hover{ background:#6ab82c; color:#fff;}
.m_classLink-p ul li:first-child a{border:none;}
.pro-icon{ display: none;}

}



/* 內頁BANNER */
.inside-banner{padding:20px 0;}
.inside-banner .banner-title{max-width:1200px; font-size:30px; color:#8a774d; margin:0 auto;  padding:0 ; line-height:1.8em; text-align:center; border-bottom:2px #c9bca0 solid; background:url(../images/pro_bg.jpg) center center;}

/* 首頁產品 */
.index-pro{max-width:1200px; margin:0 auto;}
.index-pro-title{font-size:24px; color:#333; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; border-bottom:3px solid #dfdfdf;}
.index-pro ul{max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.index-pro ul li{width:20%; padding:1%; text-align:center; float:left;}
.index-pro ul li:hover{background:#f8f6f6;}
.index-pro ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.index-pro ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block; text-decoration:line-through;}
.index-pro ul li .index-pro-price{color:#b83400; font-size:20px; padding:0 0 10px 0; display:block; font-family:Helvetica, arial;}
a.cart{background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-right:2%; float:left;}
a.cart img{padding-right:0px; vertical-align:middle;}
a.cart:hover{background:#a7a7a7;}
a.check{background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-left:2%; float:left;}
a.check img{padding-right:0px; vertical-align:middle;}
a.check:hover{background:#a7a7a7;}
.index-more{max-width:1200px; border-top:1px solid #dad0d0; margin:50px auto 0; height:50px; position:relative;}
.index-more a{background:url(../images/index-more-pro.png) no-repeat; color:#a7a7a7; width:132px; height:36px; display:block; margin:0 auto; text-align:center; position:absolute; top:-10px; left:50%; margin-left:-66px;}

/* 首頁連結 */
.index-link{max-width:1200px; margin:0 auto;}
.index-link h3{color:#333; font-size:36px; font-weight:normal; text-align:center; line-height:0.8em; letter-spacing:2px;}
.index-link h3 .red{color:#d45500; font-size:24px; letter-spacing:0px;}
.index-link h3 .brwon{color:#c2ab8a; font-size:24px; padding-left:15px; letter-spacing:0px;}
.index-link-top{height:75px;}
.index-link ul{background:#e1e1e1; margin:0; padding:0; list-style:none;}
.index-link ul li{float:left; width:25%; margin:0; padding:0; border:1px dotted #fff;}
.index-link ul li img{width:100%; height:auto; border:0; margin:0; padding:0;}

/* 首頁 搜尋 最新消息模組 */
.index-news{width:100%; position:relative;}
.index-news-line{position:absolute; width:100%; border-bottom:1px #d1d1d1 solid; top:50px; z-index:-1;}
.index-search-news{max-width:1200px; margin:0 auto;}
.index-search h3{font-size:24px; color:#333; font-weight:normal; line-height:40px; margin:10px 0 10px 0; padding:0;}
.index-search span{display:block; float:right; font-size:15px; color:#d1d1d1; font-weight:normal;}
.index-search-input{padding:10px 0 20px 0; position:relative; color:#333;}
.index-search-input img{position:absolute; right:0; top:10px;}
.index-search input{background:#e8d5d5; font-size:15px; color:#333; padding:5px 0 5px 20px; line-height:21px; width:100%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 5% 0 0; right:51px; vertical-align:middle;}
.index-search img{vertical-align:middle;}

/* 會員登入 */
h3.login-title{margin:10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.member-signup{font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}
.calender{width:30px; height:auto;}

/* 版面欄位 */
.main{padding-top:0px;}
.col-100{float:left; width:100%;}
.col-010{width:9%; margin-right:1%; float:left;}
.col-015{width:14%; margin-right:1%; float:left;}
.col-020{width:19%; margin-right:1%; float:left;}
.col-025{width:24%; margin-right:1%; float:left;}
.col-030{width:29%; margin-right:1%; float:left;}
.col-035{width:34%; margin-right:1%; float:left;}
.col-040{width:39%; margin-right:1%; float:left;}
.col-045{width:44%; margin-right:1%; float:left;}
.col-050{width:49%; margin-right:1%; float:left;}
.col-055{width:54%; margin-right:1%; float:left;}
.col-060{width:59%; margin-right:1%; float:left;}
.col-065{width:64%; margin-right:1%; float:left;}
.col-070{width:69%; margin-right:1%; float:left;}
.col-075{width:74%; margin-right:1%; float:left;}
.col-080{width:79%; margin-right:1%; float:left;}
.col-085{width:84%; margin-right:1%; float:left;}
.col-090{width:89%; margin-right:1%; float:left;}
.cor-010{width:10%; float:left;}
.cor-015{width:15%; float:left;}
.cor-020{width:20%; float:left;}
.cor-025{width:25%; float:left;}
.cor-030{width:30%; float:left;}
.cor-035{width:35%; float:left;}
.cor-040{width:40%; float:left;}
.cor-045{width:45%; float:left;}
.cor-050{width:50%; float:left;}
.cor-055{width:55%; float:left;}
.cor-060{width:60%; float:left;}
.cor-065{width:55%; float:left;}
.cor-070{width:70%; float:left;}
.cor-075{width:75%; float:left;}
.cor-080{width:80%; float:left;}
.cor-085{width:85%; float:left;}
.cor-090{width:90%; float:left;}

/* 訂位填寫 */
.show-date{background:#14a1f0; padding:5px 10px; font-size:14px; color:#fff; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.show-date a{color:#d0ff00; text-decoration:none;}
.show-date a:hover{color:#f0ff9b;}
.kyein-be-member{background:#ff1115; padding:5px 10px; font-size:14px; color:#ffdada; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 訂位區塊 */
.info-box{font-size:14px; color:#686868; line-height:20px; padding-bottom:10px; margin-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
h4.info-title{background:#ffeded; font-size:17px; line-height:30px; color:#ad3a3c; padding:0 0 0 10px; margin:5px 0px 10px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal;}
.info-content{padding:0 0 10px 20px;}
.info-content ul{list-style:square; margin:0; padding:0 0 0 20px;}
.info-content ul li{border-bottom:1px dotted #bfbfbf; margin-bottom:10px; color:#a41c1f;}
.info-content ul li p{font-size:12px; color:#767676; margin:0 0 10px; padding:0;}
h5.info-set-opint{color:#69b7ff; font-size:15px; line-height:25px; border-bottom:1px solid #d9d9d9; margin:0 0 10px;}

/* step */
.step{list-style:none; margin:0; padding:20px 0;}
.step li{float:left; width:25%; font-size:28px; line-height:1.2em; color:#d9d9d9; border-left:1px solid #d9d9d9; padding:0; text-align:center;}
.step li.active, .step li.active span{color:#0091ed;}
.step li span{color:#7f7f7f; display:block; font-size:15px; line-height:18px; padding:5px 0 0; border-top:1px dotted #dbd8d8; margin:10px auto 0; width:80%;}

/* 定位-選項-時段 */
.order-opinion{padding:0 0 10px;}
.time{font-size:14px; color:#7e7e7e; line-height:20px;}
.time ul{margin:0; padding:0; list-style:none;}
.time ul li{background:#ff5558; float:left; text-align:center; font-size:14px; color:#fff; line-height:20px; padding:3px 0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:1% 1% 0 0; width:11.5%;}
.time ul li a{color:#fff;}
.time ul li:hover{background:#d30003;}
.time ul li.finish{background:#d3d2d2;}
.time ul li span{display:block; border-top:1px solid #ffb6b7; line-height:20px;}
.order-note{color:#df0205; padding:10px 0;}

/* 歷史訂單 */
.table-border{background:#dbdbdb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px;}
.table-border th{font-size:14px; color:#fff; padding:3px 5px;}
.table-border td{font-size:14px; color:#515151; padding:3px 5px; text-align:center;}
.table-border tr:first-child{background:#ff6700; font:12px; padding:3px 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.table-border tr:last-child{background:#fff; font:12px; padding:3px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.table-border tr:nth-child(2n){background:#fff;}
.table-border tr:nth-child(2n+3){background:#fffbf0;}

/* 表單欄位 */
.form-box{min-width:280px;}
.form-box input, .form-box img{vertical-align:middle;}
.form-style01{font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; padding:5px 0 10px 0; line-height:20px; width:100%;}
.opinion{margin-bottom:15px;}
.opinion-left01{background:#fff; float:left; width:30%; border-bottom:1px solid #cbcbcb; border-right:0; padding:5px 3%; font-size:16px; font-family:"微軟正黑體"; color:#333; line-height:1.8em; font-weight:bold; }
.opinion-left02{ display:none;}

.opinion-right01{float:left; width:7.5%; border:1px solid #cbcbcb; padding:0 2%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-left:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.input-main-style01{float:left; width:55%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.input-main-style02{background:#eee; float:left; width:70%; border:none; border-bottom:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:2em;}
.input-main-style03{float:left; width:93.3333%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.select-style{font-size:15px; color:#666; line-height:20px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-numb{color:#ff0004;}

/* 輸入欄位 */
.input-style01{border:1px solid #cbcbcb; padding:5px 3%; line-height:1.8em; font-size:15px; font-family:"微軟正黑體"; color:#333; width:100%; margin-bottom:8px; background:#eee;                 
}
.input-botton01{border:1px #cbcbcb solid; padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4e4e4e; width:100px; margin:0 auto; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}
.select-style01{border:1px #cbcbcb solid; padding:5px 3%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset;              
	-webkit-box-shadow:0px 0px 5px #e9e9e9 inset;           
	box-shadow:0px 0px 5px #e9e9e9 inset;                   
}
.input-botton-blue{background:#feffff;}
.bg-gary-whrite{background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* ff3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(98%, rgba(0,0,0,0.06))); /* chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Ie10+ */
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* W3c */
filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#00000000', endcolorstr='#0f000000', GradientType=0 ); /* Ie6-9 */
}
.bg-red-orange{background:rgb(248,80,50); 
	background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* ff3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1))); /* chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Ie10+ */
	background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* W3c */
filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#f85032', endcolorstr='#e73827', GradientType=0 ); /* Ie6-9 */
}

/* 頁次 */	
.page{height:40px; font:13px/20px "微軟正黑體"; color:#333; text-align:center; clear:both; margin-top:10px;}
.page a{background:#333; color:#fff; padding:2px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a:hover{background:#a09d9d; color:#fff;}
.page br{display:none;}

/* 底部資訊 */
.bottom-info{background: url(../images/f_bg.jpg); }
.bottom-info-main{max-width:1240px; margin:0 auto; min-height:160px; padding:35px 0 23px 0;}
.bottom-info-main .f-logo{ background:url(../images/f-logo.png) no-repeat ; background-size:100%; display:block; width:331px; height:44px; float:left; margin:0 30px 0 0;}
.bottom-info-main .f-information{ float: left;width: calc(100% - 361px); }
.bottom-info-main .f-information ul{ list-style:none; padding:0; margin:0; }
.bottom-info-main .f-information ul li{ float:left; padding:0 0 0 50px; margin:.5%; display:block; color:#3e2101; font-size:14px;}
.bottom-info-main .f-information ul li a{color:#3e2101; }
.bottom-info-main .f-information ul li a:hover{ text-decoration:underline;}

.icon001{background:url(../images/f-icon001.png) no-repeat 10px top; }
.icon002{background:url(../images/f-icon002.png) no-repeat 10px top;}
.icon003{background:url(../images/f-icon004.png) no-repeat 10px 4px;}
.icon004{background:url(../images/f-icon003.png) no-repeat 10px top;}
.icon005{ width:32%;}
.icon006{ width:66%;}


footer{background:#000000; height:50px;}
footer .footer{max-width:1200px; margin:0 auto; padding:13px 0;}
footer .footer .copyright{ float:left; width:58%; color:#989898; font-size:12px; margin:0 2% 0 0;}
footer .footer .wd{ color:#bc3737; font-size:13px; float:left; width:40%; text-align:right;}
footer .footer .wd a{ color:#bc3737; }
footer .footer .wd a:hover{ text-decoration:underline; }

@media screen and (max-width:980px){
.icon005{ width:38%;}
.icon006{ width:60%;}
.bottom-info-main .f-logo{ background:url(../images/f-logo.png) no-repeat ; background-size:100%; display:block; width:220px; height:29x; float:left; margin:0 15px 0 0;}
.bottom-info-main .f-information{ float: left;width: calc(100% - 235px); }
}