/*html,body{height: 100%;min-height: 100%;}*/
body{color:#333;position: relative;font-size:22px !important;font-family: Arial, Helvetica, sans-serif,
 "微軟正黑體", "新細明體"; text-decoration:none; }
.border_1-9 { border:1px solid #999;}
.cis1 { color:#aedde5} 
* {outline: 0}
a { color:#333;}
a:hover { color:#0b074c;}
.checkitem .th td { color: #e89f0e}
.cis2 { color: #e89f0e}
.panel-title > a { color:#333;}

.Bbox_navbar_02 .toplink a {_color:#fff; font-size:13px;outline: 0;_font-weight: bold;}
/*==Banner Slid Setting==============================================================================*/
/*首頁*//*banner輪播區塊內的文字*/
/*#banner-slid-01 .show1 .txtbox1 {color:#fff;background:rgba(0,0,0,0.2);top:30%;right:18%;padding:30px;}
#banner-slid-01 .show2 .txtbox2 {color:#fff;width:50%;background:rgba(0,0,0,0.3);bottom:50px;right:0;padding:5px;text-align:center;}
#banner-slid-01 .show3 .txtbox3 {color:#fff;width:50%;background:rgba(0,0,0,0.4);top:40%;left: 25%;padding:20px;text-align:center;}
*/


/*banner 高度 (當螢幕 >768px，ex PC、NB)*/
@media (min-width: 768px) {    			  

							.h 			{height:350px;min-height:350px;}   			  /*設定高： height 及 min-height 皆需設定*/
							.h-index	{height:550px;min-height:550px;}   			  /*設定高： height 及 min-height 皆需設定*/
							}

/*banner 高度 (當螢幕 <1200px，ex 平板)*/
@media (max-width: 1200px) { 
							.h,																	 			/*設定高： height 及 min-height 皆需設定*/
							.h-index	{height:340px;min-height:340px;margin-top:50px;}   					/*設定高： height 及 min-height 皆需設定*/
						
						  }


/*banner 高度 (當螢幕 <768px，ex 平板、手機)*/
@media (max-width: 768px) { 
							.h,																	 			/*設定高： height 及 min-height 皆需設定*/
							.h-index	{height:200px;min-height:200px;margin-top:10px;}   					/*設定高： height 及 min-height 皆需設定*/
						
						  }




/*banner 高度 (當螢幕 <560px，ex 平板、手機)*/
@media (max-width: 560px) { 
							.h,																	 			/*設定高： height 及 min-height 皆需設定*/
							.h-index	{height:100px;min-height:100px;}   					/*設定高： height 及 min-height 皆需設定*/
						  }


/*banner 左右鍵位置*/
  .carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {left: 20%;}
  .carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {right: 20%;}


/* 基本設定 ===========================================================================*/
img { max-width:100%} /*很重要，不然客戶上的圖會破版*/
/*div {word-break:break-all;}*/

/* logo ===========================================================================*/
@media (max-width: 1920px) and (min-width: 1400px){
.logo { /*width:100% !important*/}
.logo img { width:300px;; clear:both}
.Bbox_in_2c_L2 > div > div:nth-of-type(2) { width:80% !important}
		}
@media (max-width: 1399px) and (min-width: 1100px){
.logo { width:100% !important}
.logo img { width:300px;}
.Bbox_in_2c_L2 > div > div:nth-of-type(2) { width:90% !important; clear:both}
		}
		
@media (max-width: 1099px) and (min-width: 300px){
.logo { /*width:100% !important*/}
.logo img { width:300px;}
.Bbox_in_2c_L2 > div > div:nth-of-type(2) { width:100% !important; clear:both}}
		
/* NavBar ===========================================================================*/
.Bbox_navbar_02 {padding-top:0;padding-bottom:0; background: #f7efdf;}
.Bbox_navbar_02 nav.normal ul li {padding:25px 0;}

.normal * {      -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-animation-duration: .5s;}
.Bbox_navbar_02 nav.normal ul li.active,
.Bbox_navbar_02 nav.normal ul li:hover {background:#efddbb;}
.Bbox_navbar_02 nav.normal ul li.active a,
.Bbox_navbar_02 nav.normal ul li:hover a{_color:#fff;}
.Bbox_navbar_02 .logo img { max-width: 180px;}
.Bbox_navbar_02 nav.normal ul li a h6 { display: none;}
.Bbox_navbar_02 nav.normal ul li a h4 {color: #895925; font-size: 1em;_font-weight: bold;  margin-bottom: 1px; margin:0 10px 0 10px}
.Bbox_navbar_02 nav.normal ul li a:hover h4 {_color:#fff;}
[class*="banner_"] .slick-dots button:hover { background:#333;}
[class*="banner_"] .slick-dots button { background: #fff;}
[class*="banner_"] .slick-dots .slick-active button { background: #333;}

@media (max-width: 768px) {
	.Bbox_navbar_02 {padding:10px 0;}
	.sm {margin-left: -10px;margin-right: -10px}
	.sm nav {position: relative;}

}
@media (max-width: 1200px) {
	.breadcrumb { display:none} }
.section01 h4 {color:#0b074c;}
.section01 p {color:#e60012;}

.section02 .imgtxt a.img{padding-bottom:66.60%;}


.section03 .imgtxt a.txt p span:last-child {/*color:#BD0008;font-size:1.3em;*/    font-size: 0.9em;
    padding: 5px 5px;}

/*.footer_01 {padding:135px 40px 40px;}*/
/*.footer_01 {background: url(../images/index01/footer-bk.png) no-repeat bottom  !important ;background-size: 100%}

.banner_01 {border-top: 5px solid #0E6EB8;}*/



.section03 .imgtxt a.img { padding-bottom: 65%;}

.footer_01 {  color:#;background: #f7efdf;}

@media (max-width: 768px) {
.Bbox_navbar_02 { padding: 40px;}}

.links { margin-top: 15px;padding-right: 330px;}
.links a { outline: none;}

.toplink01 { right: 0;}


.glyphicon { padding-right: 5px;}

.dropdown-menu { background-color: #fff;}
/*==次選單 SubMenu============================================================================*/
.SubMenu ul {display: inline-block;}
.SubMenu li a{border:1px solid #eee;}

 li.sf-tw > a{ width: auto!important;}
@media (max-width: 768px){	
							.SubMenu li {width: 48%;margin:0 auto; float: left;}
							.SubMenu ul {width: 100%; }
							.dropdown-toggle,.sf-le { display: none;}	
							}

/*== botton =====================================================*/
.btn-primary { color:#fff;background:#F90; padding:10px 20px;border:0}
.nav-pills 
.btn-default { color:#fff !important;background:#F90 !important;}
.form-control { border:1px solid #ccc}

/*== about =====================================================*/

.m_com{display:block;padding:5px 20px;text-align:justify;}
.m_com img { max-width: 100%; margin: 20px 0;border-radius: 10px;}
.m_com p{ font-size:15px; line-height:24px;display:block;padding:0 0 10px 0;}
.m_com h1{ color:#900; font-size:20px; font-weight:bold}
.m_com h2{ color:#600; font-size:18px; font-weight:bold}
.com_br { border-radius:10px;}  .m_com hr { clear:both}

.com_picL {float:left; margin:0 20px 30px 0px !important;border-radius: 10px;}
.com_picR {float:right; margin:0 0 30px 20px  !important;border-radius: 10px;}
@media (max-width: 520px){
.com_picL,.com_picR { width:100%; display:block; margin:0 0px 20px 0px}
 }

.picx3 { display: table; margin: 20px 0 15px 0; border:px solid #f90; border-radius: 10px}
.picx3 img{ width:33.3%;float:left; border-right:2px solid #fff}
@media (max-width: 600px){.picx3 img{ width:100%; margin:10px auto} }


.prolist { height:320px;}

/*==news ===============================================================*/
.newlist { text-align:center}
.newlist h4 {height: 3em; overflow: hidden; line-height: 1.5em}
.newlist .thumbnail  { height:190px}
.newlist .Bbox_sin_4c_1c { margin:0 0 50px;border-bottom:3px solid #ccc}


/*==products ===============================================================*/
.left_menu_title { color:#333;font-size:24px; background:#eee; margin:0 0 0 0px; padding:0 15px;}
.list-unstyled li { padding:3px 0 3px 22px;border-bottom:1px solid #eee}
.pro_detail .btn { font-size:1em !important}
.pro_detail .label { font-size:1em !important}

/*==products 手機版===============================================================*/
.collapse_product {color:#fff !important; font-size:22px; text-align:center; border:0; margin:0px; padding:5px; width:100%; cursor:pointer}
@media (max-width: 990px){
	.prod_caret { font-size:10px}
    .list-unstyled  {text-align:center}
    .list-unstyled li { padding:0px; border:0} }



/* 首頁下方選單 品名及價格位置調整  */
.imgtxt a.txt p span {display: block;}
.imgtxt a.txt p span:last-child,
.imgtxt a.txt p span:first-child {width: 100%;}
.imgtxt a.txt p span:last-child{text-align: left;}
.imgtxt a.txt p span:last-child span.label {float: right;width: auto}


/* ------------- 通用樣式 2------------- */
.center { text-align:center}
.marginauto { margin: auto}
.cboth { clear: both;}
.absolute { position: absolute;}
.border_1-e { border:1px solid #eee}
.border_1-d { border:1px solid #ddd;padding:10px 15px}
.border_1-9 { border:1px solid #999; padding:10px 15px}
.margin_20-0 { margin:20px 0; display:table}
.padding_0 { padding:0 !important}
.bradius_5 {border-radius: 5px} .bradius_10 {border-radius:10px}
.c_f { color: #fff}
.f22 { font-size:22px}
















/* navmenu rwd fixxed  */

@media (min-width:1440px){
	.Bbox_navbar_02{padding-left:40px;padding-right:40px;}
}

@media (min-width: 1025px) and (max-width:1440px){
	/* .Bbox_navbar_02 .logo {position:static;float: left;transform:none;-webkit-transform:none;} */
	/* .Bbox_navbar_02 nav.normal {float: left;} */
}


@media (min-width: 768px) and (max-width:1024px){
	 .Bbox_navbar_02 .sm { display: block ;}
	.Bbox_navbar_02 nav.normal { display: none;}
	.Bbox_navbar_02 {padding: 40px;}
	.sm nav {position: relative;} */
}



/*  fix collapse at 768px */
@media (min-width: 768px) {.navbar-collapse.collapse {display: none !important; visibility: hidden !important; } }
@media (min-width: 768px) {.navbar-collapse.collapse.in {display: block !important; visibility: visible !important; } }



.no_css_transition,
.no_css_transition * {transition:none;-webkit-transition:none;}