@charset "utf-8";

/* 預設樣式 */
* { -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:15px/1.8em Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif", "微軟正黑體"; color:#666; }
input[type=submit], input[type=reset], input[type=button], input[type=text] { -webkit-appearance:none; border-radius:0; }
.wrapper { padding:0 0 50px 0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1%; }
a:link, a:visited { display:inline-block; text-decoration:none; outline:none; hlbr:expression(this.onfocus=this.blur());
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease; }
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 solid #cbcbcb; padding:5px 3%; width:20px; height:20px; text-align:center; border-radius:5px; margin-bottom:5px; }

/* 顏色 */
.color-yellow { color:#f5aa00; }
.color-green { color:#91b223; }
.color-purple { color:#60288b; }

/* 表單預設文字顏色設定 */
::-webkit-input-placeholder { color:#ddd; }
::-moz-placeholder { color:#ddd; }
:-ms-input-placeholder { color:#ddd; }
input:-moz-placeholder { color:#ddd; }
#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 {  }
.slicknav_icon-bar { background-color:#fff; }
.slicknav_btn { background:#fbab66; position:absolute; right:2.5%; z-index:2; }
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { background:#7f9c1c; }
.slicknav_nav>li { border-bottom:1px solid #fff; }
.slicknav_nav>li.first { border-top:1px solid #fff; }
.border-color { border-left:7px solid #a0a0a0; }

/* UL-LI 轉 TABLE 樣式 */
ul.ul_table { display:table; width:100%; }
ul.ul_table li { display:table-row; }
ul.ul_table li div { display:table-cell; float:none; padding:5px 0; border-bottom:1px solid #eee; text-align:center; vertical-align:middle; }
ul.ul_table li div.top { vertical-align:top; }

/* 上版 */
header { background:#ffc1de; }
.head-main { position:relative; width:95%; max-width:1140px; margin:0 auto; }
.head-tool { padding:7px 0; border-radius:3px; background-color:#d27d7d; text-align:center; position:absolute; right:0; top:22px; }
.head-tool li { list-style:none; padding:0; margin:0; float:left; line-height:15px; }
.head-tool li a { display:block; margin:0; padding:0; color:#fefefe; font-size:14px; }
.head-tool li a:hover { background:#74920f; color:#fefefe; }
.head-tool a.member { background:url(../images/member-icon.png) no-repeat 8px -17px; /*border-right:1px solid #b9ce74;*/ padding:0 8px 0 28px;
	-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-tool a.member:hover { background:url(../images/member-icon.png) no-repeat 8px 0px;
	-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-tool a.car { background:url(../images/car-icon.png) no-repeat 8px -17px; padding:0 8px 0 28px;
	-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-tool a.car:hover { background:url(../images/car-icon.png) no-repeat 8px 0px;
	-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 { display:inline-block; float:left; margin:3px 0; }
.head-main .logo img {  }
.home { display:block; position:absolute; top:-35px; right:0; width:25px; height:auto; }
.home_w { display:none; }
.banner { width:100%; overflow:hidden; position:relative; }
.banner img { vertical-align:middle; width:100%; height:auto; position:absolute; }
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; }

/* 選單與下拉 */
nav {position: absolute;right: 0;top: 66px;}
.menu { margin:0; padding:0; list-style:none; position:relative; width:740px; margin:0; }
.menu>li { color:#fff; width:14.28%; float:left; font-size:15px; text-align:center; position:relative; line-height:30px; cursor:pointer; }
.menu>li:nth-child(7n) { border-right:0; }
.menu>li>a { display:block; font-weight:bold; color:#333; }
.menu>li>a:hover { color:#fff; background:#fbab66; border-radius:20px; }
.menu>li.sub>ul.sub-menu { display:none; background:rgba(0,0,0,0.5); position:static; margin:0; padding:0; z-index:999;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px; }
.menu>li.sub:hover ul.sub-menu { display:block; position:absolute; width:100%; left:0; top:47px; z-index:999; }
.menu>li.sub>ul.sub-menu>li { display:block; border-top:1px dotted #fff; }
.menu>li.sub>ul.sub-menu:hover li { display:block; }
.menu>li.sub>ul.sub-menu>li>a { display:block; color:#fff; }
.menu>li.sub>ul.sub-menu>li>a:hover { background:#3cace3; }
 
@-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;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	animation-duration:0.3s; }

/*類別*/
.m_classLink { display:none; }
.classBox.top { padding:0 0 20px; text-align:center; }
.top ul.classLink li { display:inline-block; margin-bottom:20px; }
.top ul.classLink li a { position:relative; display:block; margin:0 3px; font-size:13px; line-height:1.2em; padding:5px 10px; color:#75943A; border:1px solid #f1c834; }
.top ul.classLink li a:hover { position:relative; display:block; margin:0 3px; font-size:13px; line-height:1.2em; padding:5px 10px; color:#75943A; border:1px solid #fbab66; }
ul.classLink li a.current {	background:#fbab66; color:#FFF; }
.top ul.classLink li a:hover {	background:#fbab66; color:#FFF; }
.top ul.classLink li a.current:after { content:" "; width:0; height:0; border-style:solid; border-width: 5px 7.5px 0 7.5px; border-color:#fbab66 transparent transparent transparent; position:absolute; bottom:-5px; left:50%; margin-left:-7.5px; }
.top ul.classLink li:hover a.current:after { content:" "; width:0; height:0; border-style:solid; border-width: 5px 7.5px 0 7.5px; border-color:#fbab66 transparent transparent transparent; position:absolute; bottom:-5px; left:50%; margin-left:-7.5px; }

/* 最新消息 粉絲團 */
.i-n-f { margin:80px 0 0; padding:0 0 40px; }
.i-n-f .title-bg { min-height:48px; background:#e6ebeb; }
.i-n-f-main { width:95%; max-width:1140px; margin:0 auto; }
.i-news { float:left; width:calc(96.5% - 350px); }
.i-news h3 { background:url(../images/icon001.png) no-repeat left center; font-size:18px; color:#000; padding:13px 0 13px 25px; margin:0; font-weight:normal; position:relative; }
.i-news-block { background:#91b223; padding:7px; margin:50px 0; }
.i-news .i-news-left { float:left; width:360px; }
.i-news .i-news-left img { width:100%; }
.i-news .i-news-right { float:left; width:calc(100% - 420px); margin:0 30px; position:relative; }
.i-news .i-news-right .date { font-size:14px; color:#fefefe; padding:7px 0; }
.i-news .i-news-right .title { font-size:18px; color:#000; line-height:1.4em; }
.i-news .i-news-right .contect { font-size:15px; line-height:24px; color:#fff; margin:18px 0 35px; height:96px; overflow-x:hidden; overflow-y:auto; }
.i-news .i-news-right .more { position:absolute; bottom:0; right:0; font-size:14px; color:#323d0c; }
.i-news .i-news-right .more a { color:#323d0c; }
.i-news .i-news-right .more a:hover { color:#f6ffd8; background:#66820a; padding:0px 10px; }
.i-fb { float:left; width:350px; height:349px; margin-left:3.5%; overflow: hidden; }
.i-fb h3 { background:url(../images/icon002.png) no-repeat left center; font-size:18px; color:#000; padding:13px 0 13px 25px; margin:0; font-weight:normal; position:relative; }
.i-fb-block { margin:50px 0; }
.arrow { position:absolute; bottom:-14px; left:45px; width:0; height:0; border-style:solid; border-width:15px 11px 0 11px; border-color:#e6ebeb transparent transparent transparent; }

/* 精選商品 */
.i-pro { padding:0 0 60px; }
.i-pro .title { background:url(../images/title_bg.png) repeat-x bottom center; border-bottom:4px #91b223 solid; }
.i-pro .title .i-pro-main { width:95%; max-width:1140px; margin:0 auto; position:relative; }
.i-pro .title h3 { padding:0; margin:0; background:#91b223 url(../images/icon003.png) no-repeat 15px 5px; width:260px; border-radius:5px 5px 0 0; font-size:24px; color:#fff; padding:15px 5px 9px 65px; font-weight:normal; }
.i-pro .title .i-pro-main .more { position:absolute; top:12px; right:0; width:120px; font-size:14px; color:#fff; border-radius:5px; }
.i-pro .title .i-pro-main .more .more-left { float:left; width:20px; background:#638c0b; text-align:center; border-radius:5px 0 0 5px; padding:2px 0; }
.i-pro .title .i-pro-main .more .more-right { float:right; width:100px; background:#d1c21a; padding:2px 0 2px 7px; border-radius:0 5px 5px 0; }
.i-pro .title .i-pro-main .more a { font-size:14px; color:#fff; }
.i-pro .title .i-pro-main .more a:hover { color:#506704; }
.i-pro-list ul { width:95%; max-width:1140px; margin:30px auto 0 auto; padding:0; list-style:none; }
.i-pro-list ul li { width:24.2%; margin:15px 1% 30px 0; padding:8.1px; text-align:center; float:left; }
.i-pro-list ul li:hover { background:#eaefda; }
.i-pro-list ul li h4 { font-size:15px; color:#333; line-height:1.6em; font-weight:normal; padding:10px 8px; margin:0; }
.i-pro-photo { display:table; background:#fff; width:100%; position:relative; table-layout:fixed; }
.i-pro-photo a { display:table-cell; vertical-align:middle; text-align:center; }
.i-pro-photo img.index-pro-img { width:auto; height:auto; max-width:100%; max-height:100%; }
.i-pro-list ul li:nth-child(4n) { margin:15px 0 30px 0; }

.pro-tab { padding: 0;}
.pro-tab span { display: inline-block; padding: 5px 10px; margin: 0 5px 5px 0; border-radius: 2px; font-size: 14px; background-color: #ff55a5; color: #ffffff; font-weight:bold;}


/* 品牌專區 */
.i-brand { padding:0 0 60px; }
.i-brand .title { background:url(../images/title_bg.png) repeat-x bottom center; border-bottom:4px solid #f6ab00; }
.i-brand .title .i-brand-main { width:95%; max-width:1140px; margin:0 auto; position:relative; }
.i-brand .title h3 { padding:0; margin:0; background:#f6ab00 url(../images/icon004.png) no-repeat 15px 10px; width:260px; border-radius:5px 5px 0 0; font-size:24px; color:#fff; padding:15px 5px 9px 65px; font-weight:normal; }
.i-brand .title .i-brand-main .more { position:absolute; top:12px; right:0; width:120px; font-size:14px; color:#fff; border-radius:5px; }
.i-brand .title .i-brand-main .more .more-left { float:left; width:20px; background:#cf8800; text-align:center; border-radius:5px 0 0 5px; padding:2px 0; }
.i-brand .title .i-brand-main .more .more-right { float:right; width:100px; background:#d1c21a; padding:2px 0 2px 7px; border-radius:0 5px 5px 0; }
.i-brand .title .i-brand-main .more a { font-size:14px; color:#fff; }
.i-brand .title .i-brand-main .more a:hover { color:#506704; }
.i-brand-list ul { width:95%; max-width:1140px; margin:30px auto 0 auto; padding:0; list-style:none; }
.i-brand-list ul li { width:24.2%; margin:15px 1% 30px 0; padding:8.1px; text-align:center; float:left; }
.i-brand-list ul li:hover { background:#f5eedf; }
.i-brand-list ul li h4 { font-size:15px; color:#333; line-height:1.6em; font-weight:normal; padding:10px 8px; margin:0; }
.i-brand-photo { display:table; background:#fff; width:100%; position:relative; table-layout:fixed; }
.i-brand-photo a { display:table-cell; vertical-align:middle; text-align:center; }
.i-brand-photo img.index-pro-img { width:auto; height:auto; max-width:100%; max-height:100%; }
.i-brand-list ul li:nth-child(4n) { margin:15px 0 30px 0; }

/* 合作夥伴 */
.i-partner { border-top:5px #e6ebeb solid; }
.i-partner h3 { background:#60288b; font-size:18px; color:#fff; padding:14px 0; margin:0; text-align:center; position:relative; font-weight:normal; }
.i-partner-main { width:95%; max-width:1140px; margin:0 auto; }
.i-partner h3 .arrow { position:absolute; bottom:-14px; left:49.4%; width:0; height:0; border-style:solid; border-width:15px 11px 0 11px; border-color:#60288b transparent transparent transparent; }
.i-partner-main ul { max-width:1140px; margin:50px auto 15px auto; padding:0; list-style:none; }
.i-partner-main ul li { width:19%; margin:5px 1% 30px 0; padding:5px; text-align:center; float:left; }
.i-partner-main ul li:hover { background:#eee6f5; }
.i-partner-photo { display:table; background:#fff; width:100%; position:relative; table-layout:fixed; }
.i-partner-photo a { display:table-cell; height:90px; vertical-align:middle; text-align:center; }
.i-partner-photo img.index-pro-img { width:auto; height:auto; max-width:100%; max-height:100%; }
.i-partner-list ul li:nth-child(4n) { margin:5px 0 30px 0; }

/* 訂單列表 */
.order-search { padding-left:30px; }
.order-list { padding-left:30px; }
.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 { padding:5px 0; width:116px; color:#fff; text-align:center; }
.order-list .order-list-th.pro-name { width:calc(100% - 464px); }
.order-list .order-list-td { padding:5px 0; width:116px; font-size:15px; color:#333; text-align:center; }
.order-list .price { font-size:15px; color:#900; }
.order-list .numb { width:calc(100% - 464px); font-size:15px; color:#abc10b; text-align:left; }
.order-list .numb a { color:#abc10b; }
.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 0 30px; padding:0; }
ul.order-list li { border-bottom:1px solid #eee; }
ul.order-list li:nth-child(odd) { background:#f8f8f8; }
ul.order-list li.th { background:#666; color:#fff; padding:10px 0; border:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; }
.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 { display:table-cell; float:left; width:10%; font-size:15px; vertical-align:middle; text-align:center; }
.order-list-img02 { display:table-cell; float:left; width:10%; 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; background:rgb(248,80,50);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
.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 { margin:0 auto; padding:0 20px 20px; }

/* 會員登入 */
.member-login-box { max-width:1140px; margin:0 auto; padding:0 20px 20px; }

/* 購物車 */
.cart-body { width:95%; max-width:1140px; margin:0 auto; }
.shopping-car { padding:0 30px 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 dotted #ccc; border-right:1px dotted #ccc; }
.shopping-car img.pro-photo { width:auto; height:90px; padding:3px; border:1px solid #ccc; }
.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; }
.shopping-car .count { font-size:15px; color:#333; }
.shopping-car .count-portal { background-color:#f8f8f8; padding: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 .count-price, .shopping-car .count-price02 { font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.shopping-car .freight { display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right; }
ul.shopping-car-list { display:table; width:100%; list-style:none; margin:0; padding:0; border-top:2px solid #000; }
ul.shopping-car-list li { display:table-row; padding:5px 0 20px; }
ul.shopping-car-list li.th { font-weight:bold; color:#9fb312; }
ul.shopping-car-list li.th >div { padding:10px 0; }
ul.shopping-car-list li>div { display:table-cell; border-bottom:1px solid #eee; }
.th .shop-car-img, .th .shop-car-name, .th .shop-car-name.confirm, .th .shop-car-price, .th .shop-car-quantity, .th .shop-car-subtotal, .th .shop-car-del,
.shop-car-img, .shop-car-name, .shop-car-price, .shop-car-quantity, .shop-car-subtotal, .shop-car-del { vertical-align:middle; text-align:center; }
.th .shop-car-img, .shop-car-img { width:15%; padding:0; }
.th .shop-car-name { width:30%; padding:0 10px; }
.th .shop-car-name.confirm { width:55%; padding:0 10px; }
.shop-car-name { width:30%; padding:0 10px; text-align:left; }
.shop-car-name.confirm { width:55%; padding:0 10px; text-align:left; }
.th .shop-car-price, .shop-car-price,
.th .shop-car-quantity, .shop-car-quantity,
.th .shop-car-subtotal, .shop-car-subtotal,
.th .shop-car-del, .shop-car-del { width:20%; padding:0 10px; }
.shop-car-img img { width:auto; height:90px; padding:3px; border:1px solid #ccc; margin:5%; text-align:center; }
.shop-car-del a { color:rgb(248,80,50); padding:3px 15px; font-size:18px; line-height:1.5em; background-color:#f8f8f8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }

.shopping-car .oproject { display:none; font-size:15px; color:#000; font-weight:bold; }
.checkout-box { background:#f8f8f8; padding:10px; margin:0 30px 30px; border-bottom:2px dotted #fff; }
.checkout-box h3 { background:#f5aa00; font-size:18px; color:#222; line-height:30px; padding:10px 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%; border:0; margin:0 10% 0 0; right:70px; vertical-align:middle;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px; }
.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 dotted #ccc; margin-bottom:20px; }
.pro-search-info { font-size:18px; color:#64691f; line-height:1.5em; border-bottom:1px dotted #ccc; margin-bottom:20px; text-align:center; padding-bottom:10px; }
.pro-list-main { width:calc(100% - 284px); float:left; }
.pro-list ul { max-width:1140px; margin:0 auto; padding:0; list-style:none; display: flex; flex-wrap: wrap; }
.pro-list ul li { width:24%; flex: none; margin:0 .5% 30px; padding:.5%; text-align:center; border:1px solid #eee; position:relative; }
.pro-list ul li:hover {  }
.pro-list ul li h4 { font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0; min-height:54px; }
.pro-photo { display:table; background:#fff; width:100%; position:relative; /*table-layout:fixed;*/ overflow:hidden;}
.pro-photo a { display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; }
.pro-photo a img.index-pro-img { width:auto; height:auto; max-width:100%; max-height:100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease; }
.pro-photo a:hover img.index-pro-img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.pro-list ul li .index-pro-store { display:block; color:#938c83; line-height:1.5em; padding:10px 0; }
.pro-list ul li .index-pro-price { display:block; color:#b83400; font-size:18px; padding:5px 0 15px 0; }
.pro-info{padding-left:30px;}
h3.pro-detaile-title { border-bottom:1px dashed #ccc; font-size:18px; color:#333; line-height:1.6em; margin:0 0 20px; padding:0 0 10px; font-weight:normal; }
.pro-detaile .pro-photo { background:#fff; width:100%; margin:0 0 10px; padding:0; }
.pro-detaile .pro-photo img { width:100%; height:auto; }
.pro-specification { position:relative; margin-bottom:15px; }
.pro-content { margin-bottom:30px; padding:0; font-size:15px; line-height:1.5em; color:#333; clear:both; }
.pro-content p.spec { margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333; }
h3.pro-introduce { font-weight:normal; border-bottom:1px solid #ccc; padding:5px 0 5px; font-size:20px; color:#222222; margin-bottom:30px; }
.pro-qr-code img { width:100px; height:auto; }
.cart-info { vertical-align:middle; }
.cart-info .price { display:block; font-size:20px; font-weight:bold; text-align:right; margin:0 0 50px; color:#f00; vertical-align:middle; }
.cart-info .quantity { display:block; font-size:16px; color:#333; vertical-align:middle; padding:0 0 15px; line-height:30px; text-align:right; }
.cart-info .quantity select { line-height:25px; }
.check-out { display:block; text-align:center; vertical-align:middle; }
.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; background:#fff; border:1px solid #d4d4d4;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; }
.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 { margin-bottom:30px; text-align:center; }
.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; }

/* 合作專區 */
.cooperation-list ul { max-width:1140px; margin:0 auto; padding:0; list-style:none; }
.cooperation-list ul li { width:24%; margin:15px .5%; padding:.5%; text-align:center; float:left; border:1px solid #ccc; position:relative; }
.cooperation-list ul li:hover { background:#f5eedf; }
.cooperation-list ul li h4 { font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0; }
.cooperation-photo { display:table; background:#fff; width:100%; position:relative; table-layout:fixed; border:1px solid #eee; }
.cooperation-photo a { display:table-cell; height:193px; vertical-align:middle; text-align:center; }
.cooperation-photo img.index-pro-img { width:auto; height:auto; max-width:100%; max-height:100%; }
.cooperation-list ul li .index-pro-store { display:block; color:#938c83; line-height:1.5em; padding:10px 0; }
.cooperation-list ul li .index-pro-price { display:block; color:#b83400; font-size:18px; padding:5px 0 15px 0; }

/* 產明細圖片特效樣式 */
.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%; }

/* 聯絡我們 */
.contect-body { padding:5px 0; }
.contact-body { padding:30px 1% 0 1%; }

.contact-info { font-size:16px; line-height:2em; margin-bottom:50px; }
.contact-info div { text-align:center; }
.contact-info div>span, .contact-info div>span a{display:block; color:#666; font-size:15px; font-weight:normal; }
.contact-info div>i.glyphicon { font-size:40px; color:#555b5b; }
.contact-info div>span.title { font-weight:normal; font-size:16px; color:#94A70C; line-height:20px; }
.contact-info .glyphicon:before { display:flex; align-items:center; justify-content: center; width:80px; height:80px; background-color:#f4f4f4; border-radius:40px; margin:5px auto; }

.map{margin-bottom:50px;}
.contact-note { padding:10px 0; text-align:center; color:#f30; font-weight:bold; }
.contact-left img { width:100%; height:auto; margin-top:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px; }
.btn-cancel { font-size:13px; }
a.btn-cancel { background:#656564; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-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; }
a.btn-cancel:hover { background:#444444; }
a.btn-ok { background:#90c31f; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-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; }
a.btn-ok:hover { background:#75A016; }
a.btn-cancel-over { background:#79919f; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; }
a.btn-cancel-over:hover { background:#63aebd; }
a.btn-reset { background:#f5aa00; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-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; }
a.btn-reset:hover { background:#f58900; }
img.code { width:100px; height:32px; margin:0 5px; vertical-align:middle;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
/* 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; border-left:8px solid #333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
.faq ul li a { display:block; color:#333; font-size:15px; 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 20px 50px 20px; }
.news ul { margin:0; padding:0; list-style:none; }
.content-body .time { display:block; float:left; width:170px; text-align:right; color:#999; font-size:14px; padding:5px 20px; }
.news-title { background:#f2f2f2; padding:10px 10px; font-size:15px; color:#333; }
.news-list { list-style:none; border-top:2px solid #000; }
.news-list li { clear:both; border-bottom:1px solid #d1d0d0; padding:10px; }
.news-list li.th, .news-list li.th span { font-weight:bold; font-size:15px; color:#222; }
.news-list li span { display:block; width:100px; float:left; font-size:14px; color:#94A70C; text-align:right; }
.news-list li:hover span { font-weight:bold; font-style:italic; }
.news-list li .news-lis-cont { float:left; width:calc(100% - 130px); }
.news-list li:hover a .news-lis-cont { color:#94A70C }
.news-list li a { display:block; color:#333; font-size:15px; }
.news-list li a i.fa { float:left; display:block; width:30px; line-height:27px; }

/* 最新消息-明細頁 */
.news-detail {  }
.news-detail .time { width:100%; text-align:left; margin:-50px 0 40px 10px; font-weight:bold; font-style:italic; font-size:15px; color:#b9ce74; }


/* 內頁架構 */
.content-body { width:95%; max-width:1140px; margin:0 auto; }
.page-title { font-size:19px; color:#2f2f2f; padding:0 0 5px 25px; line-height:30px; margin: 0 0 50px; border-bottom:1px solid #d6d6d6; background:url(../images/icon001.png) no-repeat left 5px; }
.page-main { margin:0 20px 50px; }
.side-bar { float:left; width:274px; margin-right:10px; padding-right:70px; }
.left-menu-title { font:30px "Times New Roman", "新細明體"; color:#222; letter-spacing:1px; padding:0; line-height:30px; }
.in-left-menu { background-color:#f8f8f8; border-top:4px double #c9c9c9; border-bottom:4px double #c9c9c9; padding:10px 15px; }
.in-left-menu>ul { margin:0; padding:10px 0 0; list-style:none; }
.in-left-menu>ul>li { font-size:15px; color:#666; padding:5px 0; }
.in-left-menu>ul>li>a { display:block; color:#505050; padding:5px 10px 5px 25px; font:15px/1.5em Helvetica, Arial, "微軟正黑體", "微軟雅黑體", sans-serif;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px; }

.in-left-menu>ul>li>a:before { content:"● "; margin-left:-25px; padding-left:12px; }
.in-left-menu>ul>li>a:hover, .in-left-menu>ul>li>a.current { background-color:#fbab66; color:#fff; }
.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 { display:block; font-size:13px; color:#666; }
.in-left-menu>ul>li ul li a:hover { color:#71743d; }

/* 內頁BANNER */
.inside-banner { padding:0; }
.inside-banner .banner-title { position:relative; font-size:30px; color:#7c5c04; margin:0 auto 70px; padding:18px 2.5%; line-height:1.8em; text-align:center; background-color:#e6ebeb; border-bottom:3px solid #ffc215; text-shadow:1px 1px 0 #fff; }
.inside-banner .banner-title strong { font-weight:normal; font-size:20px; color:#061540; }
.inside-banner .banner-title em { display:inline-block; font:15px Century Gothic, Verdana, Helvetica, sans-serif, "微軟正黑體"; color:#999; }
.inside-banner .banner-title:after { content:""; position:absolute; bottom:-12px; left:49.4%; width:0; height:0; border-style:solid; border-width:12px 15px 0 15px; border-color:#ffc215 transparent transparent transparent; }

/* 首頁產品 */
.index-pro { max-width:1140px; 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:1140px; 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 { display:block; color:#938c83; line-height:1.5em; padding:10px 0; text-decoration:line-through; }
.index-pro ul li .index-pro-price { display:block; color:#b83400; font-size:20px; padding:0 0 10px 0; font-family:Helvetica, Arial; }
.cart-check { position:absolute; bottom:5px; width:96%; clear:both; }
a.cart { display:block; background:#91b223; padding:6px 3px; color:#fff; font-size:13px; line-height:18px; border:0 solid #dbdbdb; width:48%; margin-right:2%; float:left; text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; }
a.cart:hover { background:#75A016; }
a.cart img { padding-right:0px; vertical-align:middle; }
a.check { display:block; background:#f5aa00; padding:6px 3px; color:#fff; font-size:13px; line-height:18px; border:0 solid #dbdbdb; width:48%; margin-left:2%; float:left; text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; }
a.check:hover { background:#f58900; }
a.check img { padding-right:0px; vertical-align:middle; }
.index-more { max-width:1140px; border-top:1px solid #dad0d0; margin:50px auto 0; height:50px; position:relative; }
.index-more a { display:block; background:url(../images/index-more-pro.png) no-repeat; color:#a7a7a7; width:132px; height:36px; margin:0 auto; text-align:center; position:absolute; top:-10px; left:50%; margin-left:-66px; }

/* 首頁連結 */
.index-link { max-width:1140px; 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:1140px; 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%; border:0; margin:0 5% 0 0; right:51px; vertical-align:middle;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px; }
.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: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-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; }
.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; }

/* 訂位填寫 */
.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; font-weight:normal;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; }
.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 0 50px; padding:20px 0 0; }
.step li { float:left; width:25%; font-size:28px; line-height:1.2em; background-color:#d9d9d9; color:#999; border-left:1px solid #d9d9d9; padding:0; text-align:center; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";font-style:italic; border: 1px solid #fff; border-radius:3px;}
.step li.active { background-color:#75a016; color:#fff; font-weight:bold; }
.step li.active span { color:#ddd; }
.step li span { font-weight:bold; font-style:normal; font-size:15px; font-family:"微軟正黑體"; color:#333; line-height:18px; padding:5px 0 0; 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; margin:1% 1% 0 0; width:11.5%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
.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; margin-bottom:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
.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 { margin-bottom:30px; }
.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:5px; }
.opinion-left01 { background-color:#f4f4f4; float:left; width:30%; border:1px solid #cbcbcb; border-right:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; }
.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;
	-webkit-box-shadow:0 0 5px #e9e9e9 inset;
	-moz-box-shadow:0 0 5px #e9e9e9 inset;
	box-shadow:0 0 5px #e9e9e9 inset; }
.input-main-style02 { background:#fff; float:left; width:70%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; }
.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;
	-webkit-box-shadow:0 0 5px #e9e9e9 inset;
	-moz-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:#900; }
.input-main-style02.vericode { width:160px; }

/* 輸入欄位 */
.input-style01 { border:1px solid #cbcbcb; padding:5px 3%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; width:100%; margin-bottom:5px; }
.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; margin-bottom:5px; text-shadow:1px 0 #fff; font-weight:800;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
.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;
	-webkit-box-shadow:0 0 5px #e9e9e9 inset;
	-moz-box-shadow:0 0 5px #e9e9e9 inset;
	box-shadow:0 0 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%);
	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)));
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
	filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#00000000', endcolorstr='#0f000000', GradientType=0 );
}
.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%);
	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)));
	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%);
	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%);
	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%);
	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%);
	filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#f85032', endcolorstr='#e73827', GradientType=0 );
}

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

/* 底部資訊 */
footer { background:#ffc1de url(../images/footer_bg.png) no-repeat top center; border-top:3px solid #6f7272; }
footer span { display:inline-block; }
footer .footer { width:95%; max-width:1140px; margin:0 auto; padding:29px 0; color:#666; font-size:15px; text-align:center; }
footer .footer .wd { padding:0 3px; color:#666; font-size:14px; }
footer .footer a { color:#666; }
footer .footer a:hover { color:#f5aa00; }


.time-limit {position: absolute;bottom: 15px;right: -75px;background:#ec8585;color: #ffffff;font-size: 16px;padding: 5px 75px;z-index: 990;transform: rotate(-45deg);}
.time-limit:before { content: '優選推薦'; }




@media screen and (max-width:1140px){
	nav { position:absolute; right:0; top:85px; }
	.head-main .logo { margin:3px 0 22px; }
	
}



@media screen and (max-width:1050px){
	.i-news .i-news-right { width:100%; margin:0; }
	.i-news .i-news-left { width:100%; }
	.i-n-f { margin:40px 0 0; padding:0 0 20px; }
	.i-fb { height:640px; }
	.pro-list ul li { width:32.33%; }
	.pro-list-main { width:calc(100% - 234px); float:left; }
	.side-bar { float:left; width:224px; margin-right:10px; padding-right:20px; }

}



@media screen and (max-width:942px){
	nav { position:absolute; right:0; top:120px; }
	.head-main .logo { margin:3px 0 57px; }
	.order-list { padding-left:0; }
		
}



@media screen and (max-width:900px){
	.step li span { display:inline-block; margin:0; padding:0; }
	.step li { float:left; width:25%; font-size:28px; line-height:28px; background-color:#d9d9d9; color:#999; border-left:1px solid #d9d9d9; padding:10px 0; text-align:center; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";font-style:italic; border: 1px solid #fff; border-radius:3px;}
	
	/* 歷史訂單 */
	ul.order-list li.th { display:none; }
	.oproject { display:inline-block; color:#333; margin-right:5px; }
	.order-list .order-list-td { display:block; width:100%; text-align:left; border-bottom:0; }
}

@media screen and (max-width:800px){
  .slicknav_menu { display:block; position:relative; top:18px; z-index:9999; width:100%;}
	.js #menu { display:none; }
	.js .slicknav_menu { display:block; }
	.home { display:none; }
	.home_w { display:block; width:30px; height:auto; }
	nav { display:none; }
	.head-main .logo { margin:3px 0; }
  .head-tool { top:66px; }
	.i-news { width:100%; }
	.i-n-f-main { width:100%; }
	.i-news h3 { background:url(../images/icon001.png) no-repeat 2.5% center; padding:13px 2.5% 13px calc(2.5% + 25px); }
	.i-news-block { padding:calc(2.5% + 7px); margin:0; }
	.i-fb { width:93%; margin:0 3.5%; }
	.i-partner-main ul { height:280px; overflow-y:scroll; }
	.pro-list ul li { width:49%; }
	.pro-list ul li h4 { min-height:auto; }
}



@media screen and (max-width:750px){
	.wrapper { max-width:1000px; margin:0 auto; }

	/* 上版 */
	.head-main .logo { font-size:30px; font-family:"Times New Roman"; }
	.home { display:block; position:absolute; top:-35px; right:0px; width:25px; height:auto; }

	/* 訂單列表 */
	ul.order-list li.th { display:none; }
	.order-list { padding-left:0px; }
	.order-list-img, .order-list-img02 { float:left; width:100%; font-size:15px; text-align:center; }
	.order-list-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:2%; border:1px solid #ccc; margin:5%; text-align:center; }
	.order-list-name { width:100%; padding-top:0; font-size:15px; text-align:center; }
	.order-list-price { float:left; width:100%; padding-top:0; font-size:15px; text-align:center; }
	.order-list-quantity, .order-list-quantity02 { float:left; width:100%; padding-top:0; font-size:15px; text-align:center; }
	.order-list-subtotal, .order-list-subtotal02 { float:left; width:100%; padding-top:0; font-size:15px; text-align:center; }
	.order-list-del { float:left; width:100%; padding:20px 0; font-size:15px; text-align:center; }
	.order-list-del a { padding:5px 10%; }
	.order-list .portal { width:100%; text-align:center; }
	.order-list .freight { width:100%; text-align:center; }
	.order-list .oproject { display:inline; font-size:15px; color:#000; }

	/* 購物車 */
	.shop-car-img img { width:100%; max-width:100%; height:auto; padding:2%; border:1px #CCC solid; margin:0; text-align:center; }

	/* 首頁產品 */
	.index-pro ul li { width:23%; padding:1%; text-align:center; float:left; }

	/* 首頁連結 */
	.index-link ul li { float:left; width:33.3333%; margin:0; padding:0; border:0; }

	/* 會員登入 */
	h3.login-title { margin:10px 0 10px 0; font:30px/30px "Times New Roman"; 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; }

	/* 版面欄位 */
	.main { padding-top:0; }
	.col-p-100 { width:100%; }
	.col-p-015 { width:13%; margin-right:2%; float:left; }
	.col-p-020 { width:18%; margin-right:2%; float:left; }
	.col-p-025 { width:23%; margin-right:2%; float:left; }
	.col-p-030 { width:28%; margin-right:2%; float:left; }
	.col-p-040 { width:38%; margin-right:2%; float:left; }
	.col-p-045 { width:43%; margin-right:2%; float:left; }
	.col-p-050 { width:48%; margin-right:2%; float:left; }
	.col-p-055 { width:53%; margin-right:2%; float:left; }
	.col-p-060 { width:58%; margin-right:2%; float:left; }
	.col-p-065 { width:63%; margin-right:2%; float:left; }
	.col-p-070 { width:68%; margin-right:2%; float:left; }
	.col-p-075 { width:73%; margin-right:2%; float:left; }
	.col-p-080 { width:78%; margin-right:2%; float:left; }
	.col-p-085 { width:83%; margin-right:2%; float:left; }
	.cor-p-015 { width:15%; float:left; }
	.cor-p-020 { width:20%; float:left; }
	.cor-p-025 { width:25%; float:left; }
	.cor-p-030 { width:30%; float:left; }
	.cor-p-035 { width:35%; float:left; }
	.cor-p-040 { width:40%; float:left; }
	.cor-p-045 { width:45%; float:left; }
	.cor-p-050 { width:50%; float:left; }
	.cor-p-055 { width:55%; float:left; }
	.cor-p-060 { width:60%; float:left; }
	.cor-p-065 { width:55%; float:left; }
	.cor-p-070 { width:70%; float:left; }
	.cor-p-075 { width:75%; float:left; }

	/* 親子心教養-全程教育 */
	.education-list ul li { width:32.3%; padding:1%;
		-webkit-transition:500ms;
		-moz-transition:500ms;
		transition:500ms; }

	/* 定位-選項-時段 */
	.order-opinion { width:100%; margin-right:0; float:none; }
	.time { width:100%; float:none; }

	/* 輸入欄位 */
	.input-style01 { border:1px #cbcbcb solid; padding:5px 3%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; width:93%; }
	.input-botton01 { border:1px #cbcbcb solid; padding:5px 3%; line-height:20px; font-size:16px; font-family:Arial; color:#4e4e4e; width:100%; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px; }

	/* 底部資訊 */
	footer { text-align:center; }
	
}



@media screen and (max-width:640px){
	.wrapper { max-width:640px; margin:0 auto; }
	
	.in-left-menu { background-color:transparent; border-top:0; border-bottom:0; padding:0; }
	.side-bar { width:100%; padding-right:0; }

	/* 類別 */
	ul.classLink { display:none; }
	.m_classLink { display:block; position:relative; margin-bottom:40px; }
	.m_classLink a.main { display:block; font-size:15px; color:#fff; border:1px solid #6ba723; position:relative; padding:10px; background:#6ba723; text-align:left;}
	.m_classLink a.main i { display:block; font-size:15px; position:absolute; right:10px; top:-15%; }
	.m_classLink ul { padding:0; list-style:none; display:none; width:100%; background:#FFF; border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box; }
	.m_classLink ul li { padding:0; }
	.m_classLink ul li a { display:block; padding:15px 10px 15px 40px; border-top:1px solid #d1d1d1; color:#505050; text-align:left; }
	.m_classLink ul li a:before { content:"● "; margin-left:-30px; padding-left:12px; }
	.m_classLink ul li a.current, .m_classLink ul li a:hover { color:#abc10b; }
	.m_classLink ul li:first-child a { border:none; }
	.m_classLink dl { margin:0 0 20px 20px !important; }

	/* 上版 */
	.m-banner { width:100%; overflow:hidden; position:relative; z-index:1000; }
	.m-banner img { position:absolute; top:-50%; }
	.banner img { width:100%; }
	.oproject { display:inline; color:#900; }
	.inside-banner .banner-title { line-height:16px; }


	/* 訂單列表 */
	.order-search { padding-left:0; }
	ul.order-list li.th { display:none; }
	.order-list { padding-left:0; }
	.order-list-img, .order-list-img02 { float:left; width:100%; font-size:15px; text-align:center; }
	.order-list-img { height:auto; }
	.order-list-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:2%; border:1px solid #ccc; margin:5%; text-align:center; }
	.order-list .order-list-td { font-size:15px; color:#333; text-align:left; }
	.order-list-name { width:100%; padding-top:0; font-size:15px; text-align:center; }
	.order-list-price { float:left; width:100%; padding-top:0; font-size:15px; text-align:center; }
	.order-list-quantity, .order-list-quantity02 { float:left; width:100%; padding-top:0; font-size:15px; text-align:center; }
	.order-list-subtotal, .order-list-subtotal02 { float:left; width:100%; padding-top:0; font-size:15px; text-align:center; }
	.order-list-del { float:left; width:100%; padding:20px 0; font-size:15px; text-align:center; }
	.order-list-del a { padding:5px 10%; }
	.order-list .portal { width:100%; text-align:center; }
	.order-list .freight { width:100%; text-align:center; }
	.order-list .oproject { display:inline; font-size:15px; color:#000; }
	.order-ditaile-info { padding:0; }

	/* 購物車 */
	ul.shopping-car-list li.th { display:none; }
	.shopping-car { padding:0 0 30px; }
	.shop-car-img { display:block; width:100%; height:auto; text-align:center; border-bottom:1px #d3d3d3 dotted; margin-bottom:10px; }
	.shop-car-img img.pro-photo { width:100%; max-width:100%; height:auto; padding:10px; border:1px solid #ccc; margin:10px 0; text-align:center; }
	.shop-car-name { display:block; float:none; width:100%; padding-top:0; font-size:15px; text-align:center; }
	.shop-car-price { width:100%; padding-top:0; font-size:15px; text-align:center; }
	.shop-car-quantity { width:100%; padding-top:0; font-size:15px; text-align:center; }
	.shop-car-subtotal { width:100%; padding-top:0; font-size:15px; text-align:center; }
	.shop-car-del { width:100%; padding:20px 0; font-size:15px; text-align:center; }
	.shop-car-del a { padding:5px 10%; }
	.shopping-car .portal { width:100%; text-align:center; }
	.shopping-car .freight { width:100%; text-align:center; }
	.shopping-car .oproject { display:inline; font-size:15px; color:#000; }
	.checkout-box { background:#f4f3f0; padding:10px; margin:0 0 30px; border-bottom:2px dotted #fff; }
	ul.shopping-car-list li>div { display:block; }
	ul.shopping-car-list li>div { margin: 10px 0; border-bottom:none; }
	ul.shopping-car-list li { display:block; margin:20px 0; padding:20px 0; border-bottom:20px solid #eee; }


	/* 產品專區 */
	.pro-store-info { padding:10px 0 10px 0px; }
	.pro-list ul li { padding:1%; }
	.pro-list-main { width:100%; float:left; }
	.pro-detaile { padding-left:0px; }
	.pro-qr-code { text-align:center; padding-bottom:20px; }
	.pro-qr-code img { width:200px; height:auto; }
	.cart-info .price { display:block; font-size:28px; text-align:center; padding:10px 0 20px; }
	.cart-info .quantity { text-align:center; }
	.cart-info .check-out { display:block; text-align:center; clear:both; }
	.cart-info .check-out a { display:block; font-size:15px; width:100%; padding:10px 0px; margin-left:0px; }
	
	.pro-info { padding-left:0; }
	.pro-detaile .pro-photo { margin: 0 0 30px; }
	
	/* 最新消息-列表頁 */
	.news-list li .news-lis-cont { float:left; width:calc(100% - 30px); }
	.news-list li span { width:100%; }
	.news-list li:hover span { color:#333; }
	.news-list li.th, .news-list li.th span { display:none; }

	
	
	/* 聯絡我們 */
	.contact-body { padding:0; }
  .contact-left { max-height:200px; overflow:hidden;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px; }
	.contact-left img { width:100%; height:auto; margin-top:10px; }
	a.btn-cancel-over { color:#fff; width:100%; float:left; margin-top:5px; }
	a.btn-left { float:none; width:auto; margin:5px 1% 10px 0; }
	a.btn-right { float:none; width:auto; margin:5px 0 10px 1%; }


	/* 內頁架構 */
	.page-main { padding:0; }
	.left-menu-title { font-size:15px; border-top:1px dotted #999; }

	/* 首頁產品 */
	.index-pro ul li { width:98%; padding:1%; text-align:center; float:left; }
	.i-pro .title .i-pro-main .more { top:62px; }
	.i-pro-list ul li { width:49%; margin:15px 1% 10px 0; }
	.i-brand .title .i-brand-main .more { top:62px; }
	.i-brand-list ul li { width:49%; margin:15px 1% 10px 0; }
	.i-partner-main ul { height:140px; }
	.i-partner-main ul li { width:32.33%; }

	
	
	/* 首頁連結 */
	.index-link ul li { float:left; width:50%; margin:0; padding:0; border:0; }

	/* 首頁 搜尋 最新消息模組 */
	.i-news { padding-left:0px; }
	.i-news h3 { border-bottom:1px solid #ccc; }

	/* 會員登入 */
	h3.login-title { margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B; text-align:center; }
	.login-tool { text-align:center; }
	.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; }

	/* 版面欄位 */
	.main { padding:0; }
	.col-m { width:100%; margin-right:0%; float:none; }
	.col-015, .col-020, .col-025, .col-030, .col-035, .col-040, .col-045, .col-050, .col-055, .col-060, .col-065, .col-070, .col-075, .col-080, .col-085 { width:100%; margin-right:0%; }
	.cor-015, .cor-020, .cor-025, .cor-030, .cor-035, .cor-040, .cor-045, .cor-050, .cor-055, .cor-060, .cor-065, .cor-070, .cor-075, .cor-080, .cor-085 { width:100%; }
	.menu { list-style:none; }
	.menu li { color:#fff; width:100%; text-align:center; float:none; }

	/* 訂位區塊 */
	.info-box { font-size:14px; color:#7e7e7e; line-height:20px; }

	/* 定位-選項-時段 */
	.order-opinion { width:100%; margin-right:0; float:none; }
	.time { width:100%; float:none; }
	.time ul li { margin:1% 1% 0 0; width:24%; }

	/* 表單欄位 */
	.form-style01 { font:14px/20px "微軟正黑體"; color:#4e4e4e; padding:5px 3%; width:93%; }
	.input-main-style02 { padding:5px 3%; width:93.3333%; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
	.opinion { margin-bottom:5px; }
	.opinion-left01 { display:block; float:none; width:100%; background-color:transparent; padding:5px 0; font-weight:bold; color:#94A70C; border:0; }
	.opinion-right01 { float:left; width:7.5%; padding:0 2%; }
	.input-main-style01 { float:left; width:81%; margin:0; padding:5px 3%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
	.select-style { font-size:15px; width:96%; line-height:20px; padding:5px 2%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
	.input-style01, .input-main-style02, .input-main-style03 { float:none; width:100%; }
	.checkout-box h3 { margin-right:0; }

	/* 頁次 */	
	.page { height:100px; }
	.page br { display:block; }

	/* 底部資訊 */
	footer .footer a { display:block; }

	.bottom-info-main { padding:0 20px; }
	footer .copytight { max-width:1000px; margin:0 auto; padding:30px 10px; color:#fff; font-size:13px; line-height:24px; text-align:center; text-shadow:0 0 0 #2d2d2d; }
	footer .copytight img.footer-logo { display:block; width:220px; height:auto; margin:0 auto 20px auto; }
	.bottom-info-main h3 { font-size:15px; color:#fff; border-bottom:1px #d4a0a0 solid; line-height:40px; margin-top:0; }
	footer .copytight .footer-logo { float:none; margin-right:0; }
	
}


@media screen and (max-width:580px){
	.head-tool { top:85px; }
	.head-main .logo { margin:3px 0 15px; }
	
}



@media screen and (max-width:375px){
	.head-tool { top:102px; }
	.head-main .logo { margin:3px 0 35px; }
	.pro-list ul li { width:80%; margin:20px 10%;}	


}



@media screen and (max-width:300px){
	.head-tool { top:90px; }
	.head-main .logo { margin:3px 0 40px; }
}