@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);/*思源黑體  'Noto Sans TC'*/

/* CSS Document */

a:link,a:visited{color:#333;font-weight:bold;} 

a:hover{color:#304269; text-decoration:none;}



.padding-top{padding-top: 100px}

@media (max-width: 767px) {

.padding-top{padding-top: 75px}

}

.color_red{ color: #FF0004}



/*商品介紹的表格*/

table { border:#ccc;}

table tr td{ padding:2px}



/*index_bottom_自助頁面*/

.index_bottom{background-color:rgba(143,195,31,0.1);; color:#304269; font-family:"微軟正黑體", "Arial Unicode MS"; padding:15px 0px;}

.index_bottom h3{font-weight: normal; margin:10px 0 5px; font-size:20px;}

.index_bottom a{color:#304269;}

.index_bottom a:hover{color:#333;}



@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{padding:3% 2%; border: 1px solid #eee;}

.indexnews ul{ margin:0; padding-left:10px;}

.indexnews ul li{font-size: 17px; display:block;  border-bottom:1px #ccc dashed;}

.indexnews ul li::before{content: "\f101";  font-family: FontAwesome; padding-right: 5px;}

.indexnews ul li a{color: #333;line-height:1.8; letter-spacing:1px; }

.indexnews ul li a:hover{color: #304269;}



.row-height h3{margin-bottom: 5px}

.indexnews 

h4.news_title,h4.prod-title{font-family: 'Noto Sans TC',"微軟正黑體"," 新細明體", Arial Unicode MS;}

h4.news_title a,h4.prod-title a{}

h4.news_title:hover,h4.prod-title:hover {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_height2{ 

  width:100%; height:191px; 

  background-position:center center; 

  background-size:cover; 

  background-repeat: no-repeat;

  position: relative;

  display: inline-block;

  }

.img_height:hover,.img_height2:hover{opacity: 0.6}

.postDate{ font-size:14px; font-weight:normal;}

/*news_mv*/

.new_box{ margin-bottom:2%; width:100%}

/*news_detail*/

.news_detail h3{font-family: 'Noto Sans TC',"微軟正黑體"," 新細明體", Arial Unicode MS; font-weight: 400;color: #333; margin:10px auto; text-align:center}

.news_detail p,.news_detail div{ line-height:1.8; letter-spacing:1px;}

.news_detail .small-height p{line-height:1.2; font-size:10px}

/*complist*/  

.img_box{ height:195px; overflow:hidden;}

.img_box:hover{ opacity:0.7;}

.complist_title{ margin:5px 0;}

/*==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: #3F3D3D;line-height: 1.8;font-size: 15px;margin-bottom: 40px;}



.prodname{font-family: "微軟正黑體","新細明體", Arial Unicode MS; color: #000; margin-top:5px; font-weight:normal}

.prodname a{color: #000;font-weight:normal}

.prodname a:hover{color:#005211}

@media (max-width: 767px){

	.prodname{ height: 40px}

	

}

.price{color: #333; line-height:20px}/*原價*/

.price2{color: #333;font-weight: 600;line-height:20px}/*售價*/



/*==prod===================================================================*/

/*footer*/

.f_bot {

	padding:10px 0; background-color:#00561f;

}

.f_bot .f_bot_center {

	font-size:14px;

	line-height:20px;

	color:#898989;

	margin:0;

	padding:0;

	text-align:center;

	}

.f_bot .f_bot_center 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;

	right:0;

	top:0;

	position:absolute;

}

.f_bot .f_bot_right a {

	color:#d9e8f5;

}

.f_bot .f_bot_right a:hover {

	color:#d2d2d2;

}



/*my_info_save*/

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



/*prodshow_content*/

.prodshow_content{ font-size:17px; padding-top:2%; line-height:1.8; letter-spacing:1px;}

.prodshow_content img{ max-width:100% !important}

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



/*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:#000; color:#fff;display: block;width: 100%;}

.btn-black:hover{background-color:#007130;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; }



/*首頁聯絡我們*/

.index-info{}

.index-info h2{margin-top: 0px;}

.index-info ul{}

.index-info > ul > li{ font-size:15px; line-height:1.8}



/*首頁常用連結icon*/

.index-link{}

.index-link ul{ margin:0; padding:0}

.index-link > ul > li{font-size:16px; line-height:2.0; border-bottom:1px #91bed4 dashed; padding-right:30px; padding:0; width:47%; float:left; box-sizing:border-box; margin-right:3%}

.index-link > ul > li:after{ content: "\f0da";  font-family: FontAwesome; float:right}

.index-link > ul > li a { color:#304269; }

.index-link > ul > li a:hover{ color:#333}

@media (max-width: 767px) {

	.index-link > ul > li{width:100%}

	}

/*首頁icon*/

.index-icon{ text-align:left; margin-top:10px;}

.index-icon span{display:inline-block; margin:0 2px}

.index-icon span img{width:35px; border-radius:50%; border:2px solid #fff; box-shadow:0 0 3px #888888}

@media (max-width: 767px) {

.index-icon{ margin-bottom:10px;}

	}

/*首頁slide-img*/

.slide-img{ margin-bottom: 5px; position: relative;width: 20%;float: left;box-sizing: border-box;padding: 0 8px;}

@media (max-width: 767px) {

 .slide-img{width: 100%;float: left;box-sizing: border-box;padding: 0 8px;margin-bottom: 10px;}

	

}

.slide-img img:hover{ opacity: 0.7; top: 0; left: 1}

.slide-img-text{ position: absolute; left: 0; bottom: 0; height: 40px; line-height: 40px; background-color: rgba(255,255,255,0.7); color: #000; width: 100%; text-align: center; margin: 0; font-size: 16px;}



/* 會員登入.購物車*/

.nav2 a:link{ color:#707070 }

.nav2 a:hover{ color: #333}

@media (max-width: 767px) {

.nav2{padding-top: 15px;padding-left: 15px;}	

	}



/*no-padding*/

.no-padding{ padding: 0}

/*no-margin*/

.no-margin{ margin: 0}

/*padding-top*/

.container-padding{ padding-top: 15px; padding-bottom: 15px;}

.bgcolor{ min-height:52vh;}

.comp_content{background-color: rgba(255,255,255,0.7); padding: 15px;}

.comp_content3{background-color: #fff; padding: 15px;}/*針對complist3*/

.comp_content img,.comp_content3 img{ max-width:100% !important}

/*===========complist=============*/

.list{ position: relative;}

.list img{ opacity:0.7}

.list img:hover{opacity:1.0}

.list-text{position: absolute; left: 0; bottom: 0; text-align: right;width: 100%;margin-bottom: 0; }	

.list-text a{ padding: 10px 30px;color:#fff;display: block; background-color: rgba(210,220,44,0.8);}

.list-text a:after{content: "\f055";  font-family: FontAwesome; padding-left: 10px;}

.list-text a:hover{color: #6f8619;background-color: rgba(255,255,255,0.80);}

@media (max-width:767px){

	.list-text{font-size: 18px;}

	

	}

/*===========compshow=============*/

/*leftmneu*/

.leftmenu{ padding-top:60px; }

.lar-text{color: #4d4d4d; padding-bottom: 10px; border-bottom: 3px solid #4d4d4d; text-align: center}

.mid-text{color: #4d4d4d;padding-bottom: 10px; font-size: 16px;margin-left: 0px;}

.mid-text a{color: #4d4d4d}

.mid-text a:hover{color: #304269}

.comp-title{color: #4d4d4d}

/*===========自助頁面============*/

.indx-iframe{ font-size: 16px; margin: 20px 0; }

/*===========prodlist=============*/

/*prod-content*/

.prod-content{ background-color: #fff; padding:15px;}

.prodlist{ margin-bottom:20px;align-items:stretch; }

.prod-text{}

.proddisc{height:130px}

.car-flex-end{ align-self:flex-end}

/*===========order=============*/

.order-content{ background-color: #fff; padding:15px;}

/*===========logo=============*/

.logo img{padding-top: 7px}

@media (max-width: 767px) {

	.logo img{width: 50%;padding-top: 0px;padding-left: 10px}		

	

}

@media (max-width: 767px) and (orientation: landscape){

	/*橫式*/

	.logo img{width: 30%;padding-top: 0px;padding-left: 10px}	

	

}

/*===========news=============*/

.news{ }

.news img{ box-sizing:border-box; border:8px rgba(255,255,255,0.7) solid}

.news img:hover{ border:8px #d9e8f5 solid}

.news h3.news_title { color:#333;margin:5px auto 15px;}

.news h3.news_title:hover{ color:#304269;}

.news-more-link{ font-size:16px; float:right; display:inline; padding-right:10px; padding-top:5px;}

.news-more-link2{ font-size:16px; float:right; display:inline; padding-right:10px; padding-top:20px;}

.news-more-link2 a{ color:#fff}

/*===========包車旅遊 table 顏色設定=============*/

.table-blue{}

.table-blue th{ background-color:#00b7ee; color:#fff}

.table-blue tr:nth-child(odd){ background-color:rgba(0,183,238,0.1)}

/*===========blank=============*/

.blank{}

.blank img{ max-width:100% !important; height:auto !important;}

/*===========warnimg=============*/

.warning-icon{color:#eb6100; font-size: 26px; margin-bottom: 10px;}

.warning-icon::after{

    content: "";

    height: 5px;

    background-color: #eb6100;

    width:calc(100% - 150px);

	max-width: 85%;

    margin-left: 1%;

    display: inline-block;

    top: -7px;

    position: relative;	

	}

/*===========內容=============*/

.memospec ol li{ list-style-type:decimal!important; }