@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);/*思源黑體  'Noto Sans TC'*/
/* CSS Document */
a:link,a:visited{color:#5e2b88;font-weight:bold;} 
a:hover{color:#ac98b5; text-decoration:none;}
img{max-width:100%;height:auto!important;}

.padding-top{padding-top: 92px}
@media (max-width: 767px) {
.padding-top{padding-top: 70px}
}
.color_red{ color: #FF0004}
footer{ margin-top: 15px;}

.bg_purple{background-color: #5e2b88}

/*商品介紹的表格*/
table { border:#ccc;max-width:100%;margin: 0 auto;}
table tr td{ padding:2px}
@media (max-width: 767px) {
table{width:95%!important;max-width:95%}
}

/*index_bottom_自助頁面*/
.index_bottom{background-color: #efefef; color:#323232; font-family:"微軟正黑體", "Arial Unicode MS"; padding:30px 0px;}
.index_bottom2{ border-top:2px solid #b3b3b3; color:#323232; font-family:"微軟正黑體", "Arial Unicode MS"; padding:30px 0px;}/*限首頁*/
.index_bottom a,.index_bottom2 a{color:#323232;}
.index_bottom a:hover, .index_bottom2 a:hover{ color:#5f2b88}
.index_bottom h3, .index_bottom2 h3{font-weight: normal; margin:10px 0 5px; font-size:20px;}

.tel,.airplane,.line{
	color:#323232;
	padding: 20px 35px;
	}
.mail{
	color:#323232;
	padding: 20px 20px;
	}
.icon{
    background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	background-position: 0px -70px;
	display: block;
	float: left;
	margin-top: -5px;
	}
.tel_icon{background-image: url(../images/symbol/tel.png);}
.airplane_icon{background-image: url(../images/symbol/airplane.png);}
.mail_icon{background-image: url(../images/symbol/mail.png);}
.line_icon{background-image: url(../images/symbol/line.png);}
.border_right_line{border-right:1px solid #7f7f7f;}
.airplane:hover .icon,.tel:hover .icon,.mail:hover .icon,.line:hover .icon{background-position: 0px 0px;color:#5f2b88;display:block;}
@media screen and (max-width: 767px){
	.icon{float:none}
	.border_right_line{border-right: 0px;}
}

/*nav_style_white*/
.nav_style_white{ font-size:16px;color:#fff}
.nav_style_white >a{ color:#fff}
.nav_style_white >a:hover{ color:#ac98b5}
.nav_style_white li a{ color:#fff}
.nav_style_white li a:hover{ color:#ac98b5}
.nav_style_white .dropdown-toggle a{ color:#fff;}
/*indexnews*/
.indexnews{}
.indexnews 
h4.news_title,h4.prod-title{font-family: 'Noto Sans TC',"微軟正黑體"," 新細明體", Arial Unicode MS;}

h4.news_title a,h4.prod-title a{font-size: 16px;color: #477625;}
h4.news_title:hover,h4.prod-title:hover {color: #ac98b5;text-decoration:none!important;}
.img_height{ 
  width:100%; height:200px; 
  background-position:center center; 
  background-size:cover; 
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  }
.img_height:hover{opacity: 0.6}
/*news_detail*/
.news_detail h3{font-family: 'Noto Sans TC',"微軟正黑體"," 新細明體", Arial Unicode MS; font-weight: 400;color: #5e2b88; margin:10px auto; text-align:center}
/*complist*/  
.img_box{ height:195px; overflow:hidden;}
.img_box:hover{ opacity:0.7;}
.complist_title{ margin:5px 0;text-align:center}
/*==prod===================================================================*/
/*prodimgbox*/
.prodimgbox{ padding:15px; }
.prodimgbox:hover{opacity:0.7;}
/*prodshow*/
.prod_imggroup{}
.prod_imggroup ul{ margin: 10px 5px;}
.prod_imggroup ul li{float: left; border: 3px solid #fff; width:125px;height: 125px;  background-size: cover; background-position: center center;background-repeat: no-repeat;position: relative;display: inline-block;margin-right: 15px; margin-bottom: 10px;}
.prod_imggroup ul li:nth-child(4n){margin-right: 0px;}
.prod_imggroup ul li:after{width:130px;  height: 130px;  content: " ";  position: absolute;  top:-6px;  left:-6px;  border: 1px solid #c9c9c9;}
/*prodtext*/

.prodtext { }
.prodtext h6{color:#5e2b88; font-size: 14px; font-weight: 600;margin: 10px 0 10px }/*型號*/
.prodtext h3{font-family: "微軟正黑體"," 新細明體", Arial Unicode MS; font-weight: 800;color: #000;font-size: 20px;margin: 10px 0 20px; }
.prodtext h4{color: #898989;line-height: 1.8;font-size: 15px;margin-bottom: 40px;}

.prodname{font-family: "微軟正黑體","新細明體", Arial Unicode MS; font-size: 15px;color: #000}
.prodname a{color: #000}
.prodname a:hover{color:#632a89 }
@media (max-width: 767px){
	.prodname{ height: 40px}
	
}
.price{color: #898989; line-height:20px; font-size:13px;}/*原價*/
.price2{color: #632a89;font-weight: 600;line-height:20px; font-size:14px;}/*熱銷價*/

/*==prod===================================================================*/
/*footer*/
.f_bot {
	padding:10px 0; background-color:#5e2b88;
}
.f_bot .f_bot_left {
	font-size:14px;
	line-height:20px;
	color:#898989;
	margin:0;
	padding:0;
	float:left;
}
.f_bot .f_bot_left a{color:#fff;}
.f_bot .f_bot_left strong {
	font-family: 微軟正黑體,'latobold';
	font-weight:normal;
	color:#fff;
}
.f_bot .f_bot_right {
	font-size:14px;
	line-height:20px;
	color:#898989;
	margin:0;
	padding:0;
	float:right;
}
.f_bot .f_bot_right a {
	color:#fff;
}
.f_bot .f_bot_right a:hover {
	color:#ac98b5;
}

/*my_info_save*/
.col_bg{ background-color:#eee; padding:5px 0px 5px 10px; margin-bottom:5px;}

/*prodshow_content*/
.prodshow_content{}
@media screen and (max-width: 767px){
	.prodshow_content h1{ line-height: 1.3}
	.prodshow_content table{width: 96% !important}
	.prodshow_content table td span{font-size: 11pt !important;}
	.prodshow_content img{ max-width: 100% !important; height: auto !important;}
	
}
.pordshow_prodsize_box{ margin: 1%;padding:3px; float:left;text-align:left; font-weight:bold;color:#000}
/*購物車icon*/
.car_box{position:relative; display:inline}
/*購物車數量顏色*/
.badge_purple{background-color:#ac98b5; z-index:99; position:absolute; right:-15px; top:-7px;}

/*news_home*/
.news_title{ margin-top:5px; margin-bottom:5px;}
.new_box{ margin-bottom:10px;}

/*leftemenu_prod*/

h5.lar i{color:#5e2b88}
h5.lar a{ color:#333;}
#menu{
	margin:0px; padding:0px;
	}
#menu h4{
	padding-bottom: 5px;
	color:#333; font-size:16px; font-weight:bold;letter-spacing:1px;
	padding-left: 5px;
	cursor: pointer;
	background-image: url( ../images/symbol/prodlar_bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 15px; margin-top:30px;
	}
#menu h4 span{color: #ccc;font-size: 15px;font-weight: normal;margin-left: 3px;}
#menu li{
	list-style-type: none;}
#menu li i{color: #5e2b88;}	
#menu li a{
	color: #000; letter-spacing:1px;font-size:15px; padding: 2px 0px 2px 15px; display: block;position: relative;
	}
#menu li a:hover{
	color: #5e2b88;
	}
#menu li .active,#menu li .active:hover{
	background-color: #5e2b88;
	color: #fff;
	}
#menu li .active::before{
	content: "．";
	left:1px;
	position: absolute;
    color: #fff;
	}
.menu_style{
	display:none;
	}
.menu_style li{
	list-style-type: none;
	font-size:14px;
	}
	
/*prodlist 熱銷、特價、折扣圖示*/
.price-icon{position:absolute; top: 15px;left: 15px; z-index: 99; width:35px;}

.remark {
	background-color: #632a89;
	color: #fff;
	border: 1px solid #eee;
   	text-align:center;
    line-height: 35px;
    width: 35px;
    height: 35px;
	font-size:15px;
	display:block;
	margin-bottom:3px;
}
.tejia {
	background-color: #632a89;
	color: #fff;
	border: 1px solid #eee;
   	text-align:center;
    line-height: 35px;
    width: 35px;
    height: 35px;
	font-size:15px;
	display:block;
	margin-bottom:3px;
}
.discount {
	background-color: #FF0004;
	color: #fff;
	border: 1px solid #eee;
   	text-align:center;
    line-height: 35px;
    width: 35px;
    height: 35px;
	font-size:15px;
	display:block;
	margin-bottom:3px;
}
.discount-num {font-size:14px;}

/*btn-black*/
.btn-black{ background-color:#000; color:#fff;display: block;width: 100%;}
.btn-black:hover{background-color:#5e2b88;color:#fff}
/*會員註冊.購物車.FB 選單*/
.nav-menu2{display:block; text-align:right}
@media screen and (max-width: 767px){
.nav-menu2{text-align:left; margin-top:10px;}	
	}
/*首頁選單_old*/
.lar-menu{ background-color:rgba(255,255,255,0.5); color:#333; z-index:99; position: absolute; top:40px; right:50px; width:80%; height:50px;}
.lar-menu ul{ padding-left:40px;margin:0}
.lar-menu ul li{ list-style:none; float:left;display:block; color:#bcbabb}
.lar-menu ul li a{color:#333;  font-size:16px;line-height:50px;padding:0 15px;text-align:center;}
.lar-menu ul li a:hover{color:#5e2b88}
/*首頁選單2*/
.lar-menu2{ background-color:rgba(94,43,136,0.2); color:#333; z-index:99; position: absolute; width:100%; height:50px;}
.lar-menu2 ul{ padding-left:30px;margin:0}
.lar-menu2 ul li{ list-style:none; float:left;display:block; color:#bcbabb}
.lar-menu2 ul li a{color:#fff;  font-size:16px;line-height:50px;padding:0 28px;text-align:center;}
.lar-menu2 ul li a:hover{color:#5e2b88}		
/*選單小圖連結*/
.slide-img{}
.slide-img img{top:1px; left:0;}
.slide-img img:hover{ opacity:.8;top:1px; left:0; position:relative}

/*公司網頁選單*/
.com-mid-text{ margin-bottom:5px; font-size:15px}

/*公司網頁選單2 leftmenu_comp2*/
.comp2{ float:left;margin-bottom:30px;position: relative;}
.comp2 ul{ margin:0; padding:0;}
.comp2 ul li { float:left;  padding:2px 20px; font-size:16px;border-right:1px solid #333; text-align:center}
.comp2 ul li a{display:block;}
@media (max-width: 767px){
	.comp2 ul li { border-right:0px solid #333;padding:10px 15px;background-color:#eee;margin:5px 3px;}
	.comp2 ul li a{  display:block;}
	}


/*跑馬燈*/
.marq{z-index:99;position:absolute; width:100%; height:45px; font-size:16px; line-height:45px;bottom:0; left:0;background-color:rgba(0,0,0,0.3); color:#fff}
.marq-title{background-color:rgba(0,0,0,0.4);height:45px;line-height:45px; width:15%; float:left; margin-right:20px; text-align:center; }
.marq-text{float:left; display:inline; width:75%; letter-spacing:1px; }
.marq-text a{color:#fff;}
.marq-text a:hover{color:#5e2b88;}

/*首頁商品分類*/
.index-prod-box{width:100%; font-size:16px; line-height:45px;;background-color:#FFFFFF; background-image:url(../images/symbol/index-prod-bg.jpg) ; background-position:bottom center;color:#333; padding:20px 0;background-repeat: repeat-x}
.index-prod-box-xs{width:100%; font-size:16px; line-height:45px;background-color:#FFFFFF; background-image:url(../images/symbol/index-prod-bg.jpg) ; background-position:bottom center;color:#333; padding:20px 0;background-repeat: repeat-x}
.prod-item {float: left; margin: 0 35px; display: block;}
.border_right_line2 {border-right:1px solid #7f7f7f;}
.prod-item  h4{ margin:0; padding-top:15px; padding-left: 30px; text-align:center; font-weight:700;float: left;color: #7f7f7f}
.prod-item a h4 {color: #7f7f7f}
.prod-item a:hover h4 {color: #5e2b88;}
.prod-item span{ color:#ccc; display:block; font-weight:normal; font-size:15px; margin:3px 0; }
.prod-item a:hover span {color: #333;}

.prod-icon{
    background-repeat: no-repeat;
	height: 65px;
	width: 65px;
	display: block;
	float: left;
	}
@media (max-width: 767px){
	/* 一排2個
	.prod-icon{margin: 5px ;}
	.prod-item { margin: 0 20px 20px; display: block;}
	.prod-item  h4{ display: block; margin:0; padding: 0; text-align:center; font-weight:700;float: none;color: #333}
	*/
	.prod-icon{ background-repeat: no-repeat;height: 40px;	width: 40px;display: block;	float: left;margin: 5px ;}
	.prod-item{margin: 5px; display: block;}
	.border_right_line2 {border-right:1px solid #999;}
	.prod-item span{ display:none;}
	.prod-item h4{ display: block; margin:0; padding: 0; text-align:center; font-weight:700;float: none;color: #333; font-size:16px;}
	.xs-padding{ padding-left:10px; padding-right:10px;}
}
.tops_icon{background-image: url(../images/symbol/tops.svg);}
.prod-item a:hover .tops_icon{background-image: url(../images/symbol/tops_hover.svg);}
.apron_icon{background-image: url(../images/symbol/apron.svg);}
.prod-item a:hover .apron_icon{background-image: url(../images/symbol/apron_hover.svg);}
.accessories_icon{background-image: url(../images/symbol/accessories.svg);}
.prod-item a:hover .accessories_icon{background-image: url(../images/symbol/accessories_hover.svg);}
.suit_icon{background-image: url(../images/symbol/suit.svg);}
.prod-item a:hover .suit_icon{background-image: url(../images/symbol/suit_hover.svg);}
/*首頁公告*/
.post{padding-top:40px; padding-bottom: 20px;}
@media (max-width: 767px){.post{padding-top:0px; padding-bottom: 0px;}}
.post img{max-width: 100%; height: auto}
/*公司網頁內容*/
.comp_content{}
.comp_content img{max-width: 100%; height: auto;}
.comp_content table{max-width: 98% !important; }
/*產品說明 prodshow-tab-panel*/
.tab-panel-title>li >a{color: #555;}
.tab-panel-title>li.active>a,.tab-panel-title>li.active>a:focus{color: #5e2b88;}
/*==============================flex-box==============================*/
.flex-box{display: flex;flex-wrap:wrap;}
.flex-box:before,.flex-box:after{display: none}/*for IOS bug*/