@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);/*思源黑體  'Noto Sans TC'*/
/* CSS Document */
a:link,a:visited{color:#006633;font-weight:bold;} 
a:hover{color:#32b16c; text-decoration:none;}

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

.bg_purple{background-color: #006633}

/*商品介紹的表格*/
table { border:#ccc;}
table tr td{ padding:2px}

/*index_bottom_自助頁面*/
.index_bottom{background-color: #efefef; color:#323232; font-family:"微軟正黑體", "Arial Unicode MS"; padding:30px 0px;}
.index_bottom a{color:#323232;}
.index_bottom a:hover{ color:#5f2b88}
.index_bottom 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:#eee}
.nav_style_white .dropdown-toggle a{ color:#fff;}
/*indexnews*/
.indexnews{}
.indexnews ul li{list-style:none}
.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;margin:10px auto; text-align:center}
/*complist*/  
.img_box{ }
.img_box:hover{ opacity:0.7;}
.complist_title{ margin:5px 0;}
/*==prod===================================================================*/
/*prodimgbox*/
.prodimgbox{ }
.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 img{float:left;margin-right:15px }
.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: 24px;margin: 10px 0 20px; }
.prodtext h4{color: #434343;line-height: 1.8;font-size: 16px;}

@media screen and (max-width: 767px){
.prodtext img {
    max-width: 100% !important;
    height: auto !important;
}
}


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

/*==prod===================================================================*/
/*footer*/
.f_bot {
	padding:10px 0; background-color:#006633;
}
.f_bot a{
	color: #fff;
}
.f_bot .f_bot_left {
	font-size:14px;
	line-height:20px;
	color:#898989;
	margin:0;
	padding:0;
	/*float:left;*/
}
.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;
	}
#menu li{
	list-style-type: none;
	}
#menu li i{color: #5e2b88;}	
#menu li a{
	color: #818181; letter-spacing:1px;font-size:15px;
	}
#menu li a:hover{
	color: #5e2b88;
	}
.menu_style{
	display:none;
	}
.menu_style li{
	list-style-type: none;
	font-size:14px;
	padding: 2px 0px 2px 20px;
	}
	
/*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:#990000; color:#fff;display: block;width: 100%;}
.btn-black:hover{background-color:#ff0000;color:#fff}
/*會員註冊.購物車.FB 選單*/
.nav-menu2{display:block; text-align:right}
@media screen and (max-width: 767px){
.nav-menu2{text-align:left; margin-top:10px;}	
	}
/*首頁選單*/
.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}	
/*選單小圖連結*/
.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}

/*跑馬燈*/
.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;}

/*首頁公告*/
.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; }
/*不要間距*/
.no-padding{ padding-left:0px; padding-right:0px}

/*小螢幕手機logo*/
@media (max-width: 480px){
.logo-s img{ width:80%}
}

.memoSpec img{max-width:100%;}
/*==============================flex-box==============================*/
.flex-box{display: flex;flex-wrap:wrap;}
.flex-box:before,.flex-box:after{display: none}/*for IOS bug*/