@charset "utf-8";
body { width:100%; height:100%; margin:0; padding:0;font-family:"微軟正黑體";  font-size: 14px; line-height:1.8em;}
html { width:100%; height:auto;}

.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;}

.slicknav_menu {display:none;}

header { position: inherit;height:84px;padding: 0 10px;}
.head-main { position: inherit;}
.head-main .logo { position: inherit; top: inherit; left: inherit; max-width:280px;width: 100%!important; height:auto; margin:0 auto; padding:9px 0; }
.head-main .logo img { width:100%!important; height:auto;}
.head-tool {min-width:280px; position: absolute; top:-11px; right: inherit; left:0; text-align:center; overflow:hidden ; display:block;  }

.home { display: block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
.home_w { display:none;}
.banner{position:relative;  padding: 0 ; }
.c-banner{position:relative;  padding: 0 ; }
/** 研發中心 **/
.research_block{float: left;position: relative;width:50%;}

/** 研發中心列表 **/
.research-list ul li{flex-basis:49%; }


/**相關連結**/
.link ul li {width: calc(33.33% - 10px); padding:0; text-align:center; float:left;border:1px #cecece solid; margin:7px 5px; position:relative; background:#fff;}

/** 專業服務 **/
.service-photo { background:#fff; width:100%; position: relative; display:table; width:180px;}

/***** 訂單列表  *****/

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 #CCC solid; 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;}
.order-list .oproject { font-size:15px; color:#000; display: inline; }


/** 首頁區塊 **/
.i-main{ margin:0; padding:10px;}
.i-block .i-block-left{ float:left; width:100%; margin:0 0 10px 0;}
.i-block .i-block-right{ float:right;width:100%; margin:0 0 10px 0;}

/*****  首頁產品  *****/
.i-pro { padding:10px 0 0 0;}
.i-pro ul { height:260px; overflow:hidden; margin: 0 0 20px 0; padding:20px 0 0 0;}
.i-pro ul li {width: calc(33.33% - 9.5px); }
.i-pro ul li:nth-child(3n){ margin:7px 0;}
.i-pro-photo a { display: table-cell; height:182px; vertical-align: middle; text-align:center;}


/*****  最新消息  *****/
.news ul li{ float:left; width:100%;  padding:0; margin:10px 0; }


/*****  購物車  *****/
  .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: calc(50% - 7px); padding:0; text-align:center; float:left;border:1px #cecece solid; margin:7px 14px 7px 0px; position:relative; background:#fff;}
.pro-list  ul li:nth-child(4n){ margin:7px 14px 7px 0px; }
.pro-list  ul li:nth-child(3n){ margin:7px 14px 7px 0px; }
.pro-list  ul li:nth-child(2n){ margin:7px 0px 7px 0px; }

.pro-photo a { display: table-cell; height:209px; 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;}
.login-tool {}
.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: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;}

.wd_font004{ float:left; width:100%;}								
.wd_font006{ display:none;}	
.wd_font009{ background: none;}	

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

/***  選單與下拉  ***/
.slicknav_menu { display:none;}
.js #menu {	display:none;}
.js .slicknav_menu {display:block;}
.menu { list-style:none;}
.menu li { color:#fff; width:100%;  text-align:center; float:none;}
 
/***  定位-選項-時段  ***/
.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;}
.input-botton-blue { }

/******  底部資訊  ******/
footer .footer .bottom-info .bottom-right .f-information .f-information01{ padding:5px 0 5px 0; float:left; width:98%; margin:0 1% ; }
footer .footer .bottom-info .bottom-right .f-information .f-information02{ padding:5px 0 5px 0; float:left; width:98%; margin:0 1%  }
footer .footer .f-link{ clear:both; float: inherit;width:310px; margin:0 auto; }

@media screen and (max-width:750px) {
footer .footer .bottom-info .bottom-left>ul>li{ float: inherit; }

.block-width001{ width:100%;}
.block-width002{ width:100%;}
footer .footer .bottom-info .bottom-left>ul>li>ul{ min-height: inherit; text-align:center; padding:0 0 10px 0;}
footer .footer .bottom-info .bottom-left>ul>li>ul>li{ display:inline-block; width: auto; padding:0; margin:3px 0; font-size:15px; color:#bae9ff; line-height:1.6em; }

footer .footer .bottom-info .bottom-left>ul>li>ul>li a{ font-size:15px; color:#bae9ff; padding:0 10px;}
.footer_bg{ background:url(../images/footer_bg.png) no-repeat bottom center; min-height:60px; background-size:cover; }

}