/*==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;}

*/



body{color:#333;font-size:15px;padding:0;margin:0;word-break:break-all;}

img { max-width:100% !important}



/*banner 高度 (當螢幕 >768px，ex PC、NB)*/

@media (min-width: 768px) {    			  

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

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

							}

@media (max-width: 768px) {               

                            .h          {height:0;min-height:0;display: none}              /*設定高： height 及 min-height 皆需設定*/

                                 

                            }                            



/* NavBar ===========================================================================*/



.navbar_menu	{float:right;}

.navbar-default {border:0;}  					  /*navbar 框線*/

.navbar-default {background: rgba(255,255,255,0);}	/*navbar 主選單背景色*/

.navbar-brand   {padding:0 !important;}

.navbar-brand img {height:100%;max-height: 100%;padding:5px 0;}



.navbar-brand,.navbar,.navbar-header   {max-height:70px !important;min-height:70px !important;height:70px !important;}



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





.navbar-nav > li > a{padding:25px 15px !important;font-weight: bold} 
.navbar-nav > li > a>#google_translate_element{float: left} 
.navbar-nav > li#googleTransLate > a:hover {background: none !important} 





@media (max-width: 992px){

	

	nav {width: 100% !important;}

	nav .Bbox_in_2c_L4 > div > div:nth-child(1){width: 20%;}

	nav .Bbox_in_2c_L4 > div > div:nth-child(2){width: 80%;}

	.navbar-nav > li > a {padding:25px 20px !important;}



}



@media (max-width: 768px){	.toplink {float:none;} 

							.navbar-brand{padding:10px;float: left;width:80%;height:auto;max-height: none;min-height: none;}

                            .navbar-brand img{height: auto;max-height:100%;}

							.navbar-default  {}  /*小螢幕時 navbar 選單背景色*/

							.navbar_menu	{float:none; text-align: center;}

							.navbar-nav > li > a{padding:10px;}			

							.Bbox_full_top  .navbar-collapse {max-height:100%; overflow:display;}  /*下拉選單最大高度*/	

                            .navbar-header   {height:50px;}

                            nav .Bbox_in_2c_L4 > div > div:nth-child(1){width: 100%;}

							nav .Bbox_in_2c_L4 > div > div:nth-child(2){width: 100%;}



							}





@media (min-width: 768px){.toplink {float: right;}}	

@media (min-width: 200px){.toplink>li {float: left;}}



/*==Footer==========================================================================*/

footer {background: #2877A2;margin-top:50px;}

footer * {color:#fff;font-size:13px}

footer h4{font-size:1.3em;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 10px}





footer .footer_proclass li{width: 100%;float: left}

footer .footer_contact article * {line-height: 1em;}



footer .footer_contact ,

footer .footer_proclass,

footer .footer_newslist {padding:10px 50px !important;}

footer .footer_newslist a{display: inline-block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}









/* index =======================*/



	[class*="index_proclasslist_item_"] img{max-width: 100%}

	[class*="index_proclasslist_item_"] p{font-size: 13px}

	[class*="index_proclasslist_item_"] > div > div {padding-left:5px !important;padding-right:5px !important;}

	[class*="index_proclasslist_item_"] > div > div:nth-child(1) a{display:inline-block;width:100%;padding-bottom: 58.33%;overflow:hidden;position: relative;}

	[class*="index_proclasslist_item_"] > div > div:nth-child(2) {height: 7em;overflow: hidden;}

	.index_proclasslist_item_2 > div > div:nth-child(1) a{padding-bottom: 152.1%;}

	.index_proclasslist_item_2  {float: right;}







@media (max-width:1200px){

	[class*="index_proclasslist_item_"] > div > div:nth-child(1) a{padding-bottom: 58.33%;}

}


@media (max-width:767px){

	[class*="index_proclasslist_item_"] > div > div a{padding-bottom:0 !important;position: static;overflow: auto}
	[class*="index_proclasslist_item_"] > div > div a img {position: relative !important;left:0 !important;width: 100% !important;height:auto !important;transform: none !important;-ms-transform: none !important;-moz-transform: none !important;-webkit-transform: none !important;-o-transform: none !important;}

}




/*== 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}









/*==內頁分項======*/
.SubMenu li {margin-bottom: 5px}
@media (max-width: 992px){

.SubMenu li ,
.SubMenu li a{width:100%;float: none;padding:5px;margin-bottom: 0}

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

}




.ContactForm  em {color:#F00;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {border:1px solid #ccc;color:#2877A2;background: #fff;font-weight: bold;}
.menu_lg_view>ul>li.active>a {background: #2877A2;display: inline-block;width: 100%;color:#fff;padding:5px;}
.menu_lg_view ul li a {margin:5px 0;}

















/*==social icon 個案區塊，盡量勿再使用*/



.social_share{ clear:both; display:none; margin-bottom:30px;}

.social_share a{

    width:100%;

    margin:5px;

    float:left;

    padding:18px 10px;

    font-size: 13px;

    font-weight: bold;

    line-height: 1;

    color:#FFF;

    text-align:center;

    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

    border-radius:4px;

    

    -web-box-sizing:border-box;

    box-sizing:border-box;

}

.social_share a.line{

    box-shadow:0 0 0 1px #22a00b;

    border-top:1px solid #e1ffa9;

background: #a7e732;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTdlNzMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMWZiNTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(-45deg,  #a7e732 0%, #1fb50e 35%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a7e732), color-stop(35%,#1fb50e));

background: -webkit-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: -o-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: -ms-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: linear-gradient(135deg,  #a7e732 0%,#1fb50e 35%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e732', endColorstr='#1fb50e',GradientType=1 );

}



.social_share a.fb{

    box-shadow:0 0 0 1px #235c9b;

    border-top:1px solid #8DCFF5;

    background: rgb(93,160,234); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYTBlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDhjZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(93,160,234,1) 0%, rgba(61,140,230,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,160,234,1)), color-stop(100%,rgba(61,140,230,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da0ea', endColorstr='#3d8ce6',GradientType=0 ); /* IE6-8 */}



.social_share a.gPlus{

    box-shadow:0 0 0 1px #874138;

    border-top:1px solid #fd816b;

    background: rgb(214,81,48); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2NTEzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDQ0MmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(214,81,48,1) 0%, rgba(208,68,43,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,81,48,1)), color-stop(100%,rgba(208,68,43,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d65130', endColorstr='#d0442b',GradientType=0 ); /* IE6-8 */

}



.social_share a i{ padding-right:5px; font-size:18px;}





@media (max-width: 767px){

.social_share {

    clear: both;

    display: block;

    margin-bottom: 30px;

    }

}













/* ------------- 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}

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

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

.search_icon { margin:2px 0 0 0}

.searchCopy { margin:0 0 20px 0}
.searchCopy input[type="text"]{width:150px;}

@media (max-width: 992px){

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

.title-c { padding:0 !important}








.prolist .box_pro_list_txt {
	height: 3em;
    overflow: hidden;
}

@media (max-width: 768px) {
	.pro_showimg_tumblist {display: none}
}


.list-unstyled li{
    min-height:30px;
}









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

/* navbar fix rwd  */
@media (min-width: 768px){.navbar-toggle {display: block;}}
@media (min-width: 770px){.navbar-toggle {display: none;}}
@media (min-width: 767px) and (max-width: 992px){
 .navbar_menu {float: none; text-align: center;}
 .navbar .navbar-header{width: 100%!important;float: none;}
 .navbar .vCenter{width: 100%!important;float: none;}
}

@media (min-width: 769px){.navbar-nav > li {float: left;}}
@media (max-width: 769px){.navbar-nav > li {float: none;}}
@media (max-width: 769px){.navbar-nav {float: none;}}
@media (max-width: 769px){
	.navbar-nav > li > a>#google_translate_element {float: none;}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-collapse.collapse.in {display: block!important;}

}









.promenu li a{color:#333;}




.footer_newslist{
	overflow: hidden;
}

@media screen and (min-width:770px){
    header .navbar-header{width: 142px !important;}
    header .vCenter{width: calc(100% - 142px) !important;}
}
@media screen and (min-width:770px) and (max-width:1199px){
    header .navbar{width: 100%;}
}
@media screen and (min-width:770px) and (max-width:1366px){
    .language .dropdown-menu{
        left: auto;
        right: 0;
    }
}
@media screen and (min-width:770px) and (max-width:992px){
    .navbar-nav > li > a{padding: 25px 8px !important;}
}
@media screen and (max-width:769px){
    .Bbox_full_top{padding-left: 0;padding-right: 0;}
    .navbar-nav{background-color: #39708a;}
}