@charset "utf-8";
.warpper { max-width:640px; 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;}



.head-tool { width:310px; position:static; margin:10px auto; }


.m-banner { width:100%; overflow:hidden; position: relative; z-index:1000;}
.m-banner img { position:absolute; top:-50%;  }
.banner { }
.banner img { width:100%;}
.oproject { display: inline; color:#900;}


/** 優惠課程 **/
.i-preferential ul li h4 { padding:5px;}

@media screen and (max-width:450px){
.i-preferential h3 .i-preferential-title-ch{display:block;margin: 10px 0 2px 0;padding: 0 0 2px 0 ;}
	.i-featured h3 .i-featured-title-ch{display:block;margin: 10px 0 2px 0;padding: 0 0 2px 0 ;}
	.i-news h3 .i-news-title-ch{display:block;margin: 10px 0 2px 0;padding: 0 0 2px 0;}
}
@media screen and (max-width:340px){
	.i-preferential h3{font-size:36px;}
	.i-featured h3{font-size:36px;}
	.i-news h3 {font-size:36px;}
}
@media screen and (max-width:400px){
.i-preferential ul li {width: calc(100% - 0px);margin: 5px 0; }
}

/** 關於我們 **/
.i-about{display:block;padding:30px 10px ;}
.i-about-content{width: calc(100% - 15px);margin:30px auto 20px auto;padding: 10px;box-shadow: 0 0 0 10px rgba(0,0,0,.8)}

/** 影片 **/
.i-video ul li {flex: 1;margin:8px 0;}

/** 精選課程 **/
.i-featured ul li {width: calc(100% - 0px); margin:5px 0;}
.i-featured-photo-main .i-featured-information{margin: 0 0 0 50%;}
.i-featured-photo-main .i-featured-information h4 {padding:0 5px;}
.i-featured-photo-main .i-featured-information .i-featured-content { padding:0 5px;}

/** 內頁精選課程 **/
.featured ul li {width: calc(50% - 10px);margin: 5px; }
.featured ul li a{display: block;}
.featured ul li .featured-information{padding: 5px;}
.featured ul li .featured-information h4 {max-height:inherit;}
.featured ul li .featured-information .featured-content {height:auto;margin: 5px 0 0 0;}
.featured-photo { width:100%;}

@media screen and (max-width:400px){
.featured ul li {width: calc(100% - 0px);margin: 5px 0; }
}


/** 首頁最新消息 **/
.i-news {width:calc(100% - 20px);margin: 0 10px;}

/** 門市據點 **/
.store ul li .store-map {padding-bottom:50%;}
@media screen and (max-width:400px){
.store ul li .store-map {padding-bottom:80%;}
}

/** 品牌代理　**/
@media screen and (max-width:400px){
.brands ul li {  width:calc(100% - 0px);margin:5px 0;}
}



/***** 訂單列表  *****/
.order-search { padding-left:0px;}
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 { height:auto;}
  .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 .order-list-td { font-size:15px; color: #333; text-align: left;}
  
  
.order-list-name { 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; }
.order-ditaile-info { padding:0 0 0 0px; }

/*****  購物車  *****/
ul.shopping-car-list li.th { display:none;}
.shopping-car { padding:0px;} 
.shop-car-img { width:100%; height:auto; text-align:center; border-bottom:1px #D3D3D3 dotted; margin-bottom:10px; display:block;}
  .shop-car-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:10px; border:1px #CCC solid; margin:10px auto; text-align:center; display:block;}
  
.shop-car-name { float:none; display:block;  width:100%;  padding-top:0PX;  font-size:15px; text-align:center;} 
.shop-car-price {  width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-quantity {  width:100%; padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-subtotal{ width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-del {  font-size:15px; text-align:center; width:50px;}
.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 { font-size:15px; color:#000; display: inline; }

.checkout-box { background:#F4F3F0; padding: 10px; margin-left:0px; border-bottom:2px #FFF dotted; }


/*****  產品專區  *****/
.pro-store-info {  padding:10px 0 10px 0px; }
.pro-list ul li {  width:calc(50% - 10px); }
@media screen and (max-width:400px){
.pro-list ul li {  width:calc(100% - 0px);margin: 5px 0; }
.pro-list ul li h4 { height:auto;}
.pro-list ul li .pro-contact {height:auto;}
}
.pro-detaile {}
.pro-detaile .pro-photo-box { padding:0 0px 0 0;}
.pro-qr-code { text-align:center; padding-bottom:20px;}
.pro-qr-code img { width:200px; height:auto;}
.cart-info{margin: 15px 0 0 0;}
.cart-info .quantity {text-align: center;}
.cart-info .check-out { text-align:center; clear:both; display:block;}
.cart-info .check-out a { font-size:15px; width:100%; padding:10px 0px; margin-left:0px; display:block;}
.cart-info .price { width: 50%; }
.cart-info .experience-price { width:50%; }

@media screen and (max-width:460px){
.cart-info .price { width: 100%;}
.cart-info .experience-price { width: 100%; }
}
.pro-detaile-box { display: block;}
.pro-detaile-box>div {  -webkit-flex: 1;  flex: 1;margin: 0 0 15px 0;}
.pro-detaile-photo-box { width: 100%;}
.pro-detaile-spe-box { width: 100%; position: relative; padding-bottom: 0px;}

.cart-info { position: static; bottom: auto; }


/*****  內頁BANNER  *****/
@media screen and (max-width:610px){
.inside-banner .banner-title .banner-title-en{font-size:50px;margin: 0 auto -28px auto;padding:0 72px;}
.inside-banner .banner-title .banner-title-ch { font-size:22px;top:-2px;}
}
@media screen and (max-width:530px){
.inside-banner .banner-title .banner-title-en{font-size:40px;margin: 0 auto -23px auto;padding:0 0px;text-shadow: 3px 3px 2px rgba(0,0,0,0); }
.inside-banner .banner-title .banner-title-ch { font-size:20px;position: inherit;left: inherit;top: inherit;text-align: center; background: none;padding: 0;text-shadow:3px 3px 2px rgba(0,0,0,0);filter: drop-shadow(3px 3px 2px rgba(0,0,0,0));z-index: 0;margin: 0 0 -20px 0;}
}

/***  版面欄位  ***/
.main { }
.col-m  { width:100%; margin-right:0%; float:none;}
.col-100 {}
.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%;}


nav { }



 .menu { list-style:none;}
 .menu li { color:#fff; width:100%;  text-align:center; float:none;}
 
 

/***  表單欄位  ***/


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

/******  底部資訊  ******/
footer .f-menu{display: none;}
footer .f-information{border-top: 2px #004b5f solid;}
@media screen and (max-width:510px){
footer .f-information{padding:0 10px 10px 10px;}
footer .f-information ul li{width: 100%;}
footer .f-information ul li .information-title{padding:5px 0 0px 0;}
footer .f-information ul li .information-glory{padding:5px 0 0px 0;}	
	footer .f-information ul li .footer-icon{padding:5px 0 0 0;}
footer .copyright .wd{display:block;width: 100%;padding: 0;}
}