@charset "utf-8";
body{width:100%; height:100%; margin:0; padding:0; font:14px/1.8em "微軟正黑體";}
html{width:100%; height:100%;}
.warpper{max-width:1000px; margin:0 auto;}
.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{text-decoration:none;}
img{border:0; vertical-align:middle;}
.head-main{height:0; padding:0;}
.head-main .logo{position:absolute; width:298px; height:40px; left:10px; top:8px; background:url(../images/logo-m.png) no-repeat; background-size:100%;}
.head-main .logo a{display: block;  width:298px; height:40px;}
.head-main .logo img{width:298px; height:auto;}

.home{display:block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
.home_w{display:none;}
nav{display:none;}
@media screen and (max-width:780px){
	.slicknav_menu{display:block;}
	.js #menu{display:none;}
	.js .slicknav_menu{display:block;}
}
.menu{list-style:none;}
.menu li{color:#fff; width:100%; text-align:center; float:none;}

.l-o{ display:none;}
.l-o-m{ display:block;width:100%; margin:15px 0 0 0; }

.l-o-m .language-m{float:left; width:173px; margin:0 15px 0 0;}
.l-o-m .language-m .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;}

.slicknav_nav .l-o-m .outside-m{ display:block; padding:0; float:left;width: calc(100% - 188px); margin:-6px 0 0 0;}
.slicknav_nav .l-o-m .outside-m ul{ list-style:none; padding:0; margin:0; text-align: left;border-top: none;}
.slicknav_nav .l-o-m .outside-m ul li{ display: inline-block; padding:0; margin:6px .3%;}
.outside-m 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-m 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-m 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-m 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;}


/** banner **/

.vision .vision-images{ background:url(../images/banner-img.png) no-repeat top center;min-height:325px; margin:-200px 0 0 0; background-size:160%;}
@media screen and (max-width:670px){
.vision .vision-images{ background:url(../images/banner-img.png) no-repeat top center;min-height:290px; margin:-200px 0 0 0; background-size:160%;}
}


.banner{ background: url(../images/edm_bg.jpg) center center; float:right;width:100%; margin:0 0 25px 0; overflow:hidden; position:relative;border:5px #ffffff solid;border-radius:20px; padding:4% 0px 81px 0px;}
.i-n-e{ max-width:1200px; margin:0 auto; padding:0 2% 3% 2%;}

.i-news{ float:left; width:100%; background:url(../images/i-news_bg.jpg) center center; border:5px #ffffff solid;border-radius:20px; padding:10px 20px 20px 20px; margin:0 0 15px 0;}
.i-news ul li{ float:left; width:48%;margin:5.5px 1%; padding:0; text-align:center;}
.i-news-photo a{display:table-cell; max-height:200px; vertical-align:middle; text-align:center; padding:3px;}

/** 首頁產品 **/
.run-photo a{display:table-cell; height:123px; vertical-align:middle; text-align:center;}

/** 關於 **/
	.about-certification 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:100%;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:#ecead8 url(../images/te.png) no-repeat 10px 10px; line-height:1.8em; width:100%;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:#ecead8 url(../images/te.png) no-repeat 10px 10px; line-height:1.8em; width:100%;border-radius:10px; border:1px #aaa solid;}
.certification-photo{ width:100%; position:relative; table-layout:fixed; height:450px; vertical-align:middle; text-align:center; display:flex;align-items:center;justify-content:center; padding:5px;}

/** 芥末 **/
.mustard .mustard-mid-001{float:left; width: calc(100% - 295px);}
.mustard .mustard-right-001{float:right; width:280px; margin:0 0 0 15px ; }
.mustard .mustard-right-001 img{ width:100%;}
.mustard .mustard-block002 .mustard-block002-contect{ color:#333; /*font-size:15px;*/ display: block;  padding:0 0 5px 0;}

/** 辣跟 **/
.spicy .spicy-right-001{float:right; width:100%;}

/** 製作流程 **/
.story_bg001{ background:url(../images/process004.png) no-repeat top left; height:310px;}
.story_bg002{ background:url(../images/process002.png) no-repeat top right; margin:0 0 0 0; }
.production-contect{ padding:20px 250px 0 0;}
.page-main02{padding:0; /*font-size:15px;*/ color:#333; line-height:1.8em;}


/* 訂單列表 */
.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{float:; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.order-list-price{float:left; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.order-list-quantity, .order-list-quantity02{float:left; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.order-list-subtotal, .order-list-subtotal02{float:left; width:100%; padding-top:0PX; 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;}

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

/* 產品專區 */
.pro-list ul li{width:31.33%; padding:1%; margin:30px 1%;}
.pro-photo a{display:table-cell; height:156px; vertical-align:middle; 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-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;}

/* 內頁架構 */
.content-body{max-width:960px; margin:20% 15px 12% 15px; background:rgba(255,255,255,1); padding:15px 20px;border-radius:10px;}
.page-main03{ margin:0; padding:0 15px 0 0;/*font-size:15px; */color:#333; line-height:2.0em;}


/* 版面欄位 */
.main{padding-top:0px;}
.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%; transition:500ms; -moz-transition:500ms; -webkit-transition:500ms;}

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

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


/* 底部資訊 */
.bottom-info-main .f-logo{ background:url(../images/f-logo.png) no-repeat ; background-size:100%; display:block; width:331px; height:44px; float: inherit; margin:0 auto 25px auto;}
.bottom-info-main .f-information{ float: inherit;width:100%; }
footer .footer .copyright{ float:left; width:57%; color:#989898; font-size:12px; margin:0 2% 0 1%;}
footer .footer .wd{ color:#bc3737; font-size:13px; float:left; width:39%; text-align:right; margin:0 1% 0 0;}

.icon005{ width:42%;}
.icon006{ width:56%;}