/* 1a9b3b ! ，0096da */

body{color:#333;font-size:15px;padding:0;margin:0;word-break:break-all;}
img { max-width:100% ;}
/*手機版選單樣式 (必調整,調整後請刪除此註解) */

#googleTransLate a:hover { background:none !important}
.navmenu_collapse.top               {background: #efefef;}
.navmenu_collapse.top .hamburger a  {border-style:solid;border-width:1px;border-color:#aaa;background: #ddd}
.navmenu_collapse.top .hamburger a i{width: 20px;height: 1px;background: #aaa;}

.navmenu_collapse .menu_main ul            {background: rgba(0,0,0,.15)}
.navmenu_collapse .menu_main li            {border-bottom:1px solid rgba(0,0,0,.20)} 
.navmenu_collapse .menu_main li a          {color:#fff;} 
.navmenu_collapse .menu_main li.active>a   {color:#;}
.navmenu_collapse .menu_main li a:hover , 
.navmenu_collapse .menu_main li a:focus , 
.navmenu_collapse .menu_main li a:active   {background:rgba(255,255,255,.5);color:#000;}

.navmenu_collapse .menu_lang               {background:#000}
.navmenu_collapse .menu_lang li            {border-right:1px solid rgba(255,255,255,.5);} 
.navmenu_collapse .menu_lang li a          {color:#fff;} 
.navmenu_collapse .menu_lang li.active a   {background: #ccc;color:#6495ed;}
.navmenu_collapse .menu_lang li a:hover , 
.navmenu_collapse .menu_lang li a:focus , 
.navmenu_collapse .menu_lang li a:active   {background: #ddd;color:#000;}

.navmenu_collapse .menu_others li a:not(.goog-te-menu-value)    {color:#fff;} 


/*banner 高度*/
.banner img, .banner div {height: auto; min-height:0 ;} 
.h div {height: 100%;}

@media (min-width: 768px) {
        .h-index    {height:auto ;min-height:auto;}  /*設定首頁banner高： height 及 min-height 皆需設定*/
        .h          {height:450px ;min-height:450px;margin-top:100px}    /*設定內頁banner高： height 及 min-height 皆需設定*/
                            }

 @media (max-width: 768px) {
        .h-index    {height:auto ;min-height:0;}  /*設定首頁banner高： height 及 min-height 皆需設定*/
        .h          {height:450px ;min-height:auto;margin-top:100px} 
  }       */

@media (max-width:1300px) and (min-width:992px) { 
        .h,.h-index  {height: auto;min-height: auto;margin-top:190px}


    }
}


/* NavBar ===========================================================================*/
.navbar {height: 100px !important;}
.navbar_menu    {float:right;}
.navbar-default {border:0;}                       /*navbar 框線*/
.navbar-default {background: rgba(255,255,255,0.9);}    /*navbar 主選單背景色*/
.navbar-brand   { height:auto;max-width:100%;padding:5px 0 0 30px !important;}
.navbar-brand img {height:100%;max-height: 100%;}
.navbar-nav > li > a{ margin:10px 0 0 0;padding:25px 10px;}
.navbar-header   {height:85px;}
.navbar-default .navbar-toggle {border: 0}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}
.navbar-header >  .navbar-toggle .icon-bar{width: 18px;height: 2px;background-color: #6F4B23;}

.dropdown-menu li {min-width: 160px;}

@media (max-width:1300px) {
    .navbar-header {display: table;width:100% !important;}
    .navbar-header+div {display: table;width:100% !important;}
    .navbar-brand {float: none !important;;padding:0 !important;}
    .navbar-brand img {margin:0 auto;}

    .navbar_menu {float: none !important;}
    .navbar-nav {float: none !important;text-align: center;}
    .navbar-nav li{float: none !important;display: inline-block !important;}
    
        /*設定內頁banner高： height 及 min-height 皆需設定*/

}




/*<992 hide menu and show collapse menu*/
@media (max-width:992px) {
    header:not(.navmenu_collapse) {display: none}
    .SubMenu {display: none}
    .breadcrumb {display: none;}
}


/*==Footer==========================================================================*/
footer {
background: #077724; /* Old browsers */
background: -moz-linear-gradient(left,  #00671a 0%, #1a9b3b 35%, #1a9b3b 65%, #00671a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #00671a 0%,#1a9b3b 35%,#1a9b3b 65%,#00671a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #00671a 0%,#1a9b3b 35%,#1a9b3b 65%,#00671a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00671a', endColorstr='#00671a',GradientType=1 ); /* IE6-9 */
}

footer{ padding: 10px;margin-top:0px;}
footer *{color:#fff;}
.copybar {color:#;background:none;}



/*== About ==========================================================================*/

.m_com{display:block;padding:5px 20px;text-align:justify;}
.m_com p{ font-size:; line-height:24px;display:block;padding:0 0 10px 0;}
.m_com h1{ color:#900; font-size:16px; font-weight:bold}
.m_com h2{ color:#600; font-size:15px; font-weight:bold}





/* hoverEffect_01 淡入淡出圓角10px */

.hoverEffect_01 a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 90;   

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.hoverEffect_01 a:hover:before {

    opacity: 1;

    background: rgba(0, 0, 0, 0);

    border-radius:10px;

}



.hoverEffect_01 a:hover:after {

    background: rgba(255, 255, 255, 0.4);border-radius:10px;
}


/* 文字輪播(需搭配JS) */

.marquee-scroll {       
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.marquee-scroll ul {
    position: absolute;
    padding-left:0;
    list-style: none;

}

.marquee-scroll li {
   height: 50px;
    -webkit-transition: top .8s ease;
    transition: top .8s ease;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
}





/*==video============================================================================*/
@media (max-width: 768px){  
                            .video .albumlist .thumbnail {height: 250px;}
                            }

/*===album=======*/
@media (max-width:768px){
    .album .albumlist {    width:50%;}
}


/*==內頁分項======*/

@media (max-width: 992px){

.SubMenu li {width:100%;float: none;padding:5px;}

.SubMenu .nav-pills > li + li {margin: 0}

}



/* ------------- rwd通用樣式 ------------- */

.center { text-align:center}
.both { clear: both;}
.absolute { position: absolute;}
.border_1-e { border:1px solid #eee;padding:10px 15px}
.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}

#pro_features img { height:auto !important} /*產品詳細圖片才不會變形，勿刪*/

/* ------------- 組件樣式 ------------- */

.Rbox { border:1px solid #ccc; padding:10px 5px}

.search_icon { margin:2px 0 0 0}

.searchCopy { margin:0 0 20px 0}

@media (max-width: 992px){

.searchCopy { width:200px;margin:0 auto}}


/*btn*/
.btn-default, .btn-primary
  {color: #fff;font-size: 15px;padding:5px 40px;background: #1a9b3b; border:0;}

.btn-default  {padding:5px 20px;}

.btn-primary:hover , .btn-primary:focus , .btn-cus:hover , 
.btn-default:hover, .btn-default:focus , .btn-cus:focus ,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{color: #fff ;background: #0096da;}
.btn-on {color: #fff;background: #1a9b3b;margin: 0;} .btn-off {color: #333;background: #EEE;}
.btn-off a:hover {color: #000;}

.nav-pills {_margin:0 0 50px 0;}
.nav-pills > li.active > a {color: #fff;background: #1a9b3b; border:0;}
.nav > li > a:hover, .nav > li > a:focus {color: #fff;background: #0096da; border:0;}
.normal a {color: #FFF;display: block;}
.normal li a:hover ,.hidden-md {color: #1a9b3b;background: #fff; border:0;}



/* 結帳時生日欄位 年份下拉選單文字 */
.ui-datepicker-year ,
.ui-datepicker-year *{color:#333 !important;}




/*fix word wrap*/
* {word-wrap: break-word;}

/* fix prodlist thumbnail height */
.prolist .thumbnail {padding-bottom: 75%;height:inherit;margin-top:0;}
.prolist .thumbnail img{ height: 100%;  width: auto; max-width: none!important;}
.prolist>div>div    {padding-left:10%;padding-right:10%;}
.prolist .box_pro_list_txt h5{line-height: 1.5em;height: 1em;overflow: hidden;}

/*==product========================================================================*/
.deco_1 { color:#fff;font-size:20px;background:url(../images/deco_1.png) #1a9b3b; padding:5px 15px}
.deco_2 b {color: #333;font-size: 26px;font-weight: normal}
.deco_2 { color: #1a9b3b;font-size: 20px;font-weight: normal;background:url(../images/deco_2.png) ; padding:5px 15px}

.list-unstyled > li { font-size:15px;padding:5px 0px 5px 20px;background: url("../images/list-unstyled.png") no-repeat;
border-bottom:1px solid #eee;}
.list-unstyled li a {color:#333;}
.list-unstyled li a:hover {color:#8f1043;}
.list-unstyled [class*="submenu_"] li { color:#900;border:0 !important}
.list-unstyled [class*="submenu_"] a , .list-unstyled [class*="submenu_"] a:hover {color:#333 ;background: #eee;}

@media (max-width: 992px){
.prodlist { width:100% !important}
.pro_detail { width:100% !important}
}



/*fix mobile sin_box*/
@media (max-width:768px){
    [class*="Bbox_sin_1c_2cL4"] > div > div:nth-of-type(1){width:50%;}
    [class*="Bbox_sin_1c_2cL4"] > div > div:nth-of-type(2){width:50%;}
}
@media (max-width:440px){
    [class*="Bbox_sin_1c_2cL4"] > div > div:nth-of-type(1){width:100%;}
    [class*="Bbox_sin_1c_2cL4"] > div > div:nth-of-type(2){width:100%;}
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: inherit;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 16px;
	text-align: left;
	background-color: #fff;
	border: 1px solid rgba(26, 155, 59, .5);
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box;
}

.list-unstyled > li:hover {
    background: url(../images/list-unstyled-w.png) no-repeat;
	background-color: #1a9b3b;
}

.list-unstyled li:hover a {
	color: #fff;
}
.prolist .box_pro_list_txt h5{
	margin-top: 0;
	line-height: 1em;
	color: #1A9B3B;
}

.title-sm.forServices{
	background-color: #1a9b3b;
	color: #FFF;
	border-radius: 4px;
	display: inline-block;
	padding: 0 20px;
}
.menu_lg_view {
    margin: 20px 0 20px 0;
}

.prolist {
    margin-bottom: 0;
}