/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,img,form,header {
	font-family: "SimHei", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "STHeiti", "Apple LiGothic", sans-serif, Unicode MS;
	color: #58595B;
}
a:hover {text-decoration:none; }
li{display: inline-block; list-style-type: none; }
.navbar{
	background: #FFF;
	height: 85px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding: 0;
}

h1{ font-size: 47px; font-weight: bold;}
h1 small, h2 small, h3 small{ color: #58595B !important; }

.navbar-header{
	position: relative;
}

.navbar-brand{
	width: 320px;
	height: 40px;
	background: url(../img/logo.png);
	position: absolute;
	left: 18px; top: 22px;
}

.nav_main{height: 85px; }
.nav_main_list{height: 35px; margin-top: 50px;}
.nav_main_list li{height: 35px; padding: 0 13px; }

.nav_main_list li:last-child{margin-right: 0; }

.nav_main_list li a, .nav_main_list li a:hover{ font-weight: bold; color: #58595B !important; }
.nav_main_list li.selected{/*border-bottom: solid 10px #594A42;*/ }
.nav_main_list li.highlight{ border-bottom: solid 10px #594A42; }

.nav_highlight{
	width: 112px;
	height: 35px;
	border-bottom: solid 10px #594A42;
	position: absolute;
	display: none;
}

.navbar-collapse{ position: relative;}
.sub_menu {	position: absolute; right: 21px ; top: 10px; }
.sub_menu a{ margin-right: 7px;}

.container-non-responsive{
	/* Margin/padding copied from Bootstrap */
	 margin-left: auto;
	 margin-right: auto;
	 padding-left: 15px;
	 padding-right: 15px;

	 /* Set width to your desired site width */
	 width: 980px;
	 min-width: 980px;
}

.section_business , .section_contact{
	padding-top: 60px;
}


.section_about{
	width: 100%;
	height: 559px;
}

.section_about .bg{width: 100%; height: 559px; position: relative; }
.section_about .bg div{
	width: 100%;
	height: 559px;
	background: url(../img/about_bg_1.jpg);
	background-size: cover;
	position: absolute;
	z-index: -1;
}
.section_about table td{ font-size: 10px; vertical-align: top;}

#aboutbg1{ z-index: -1; background-position: 50% 100%;}
#aboutbg2{background: url(../img/about_bg_2.jpg); background-size: cover; z-index: -2; background-position: 50% 100%; }

.section_about .container{position: relative; }

.section_about .wrapper_content{
	width: 296px;
	height: 397px;
	background: rgba(255,255,255,.9);
	padding: 20px;
	position: absolute;
	top: 0;
	right: 55px;
	z-index: 5;
}
.section_about h1{
	font-size: 50px;
	margin: 40px 0;
}



.section_business{ text-align: center }
.section_business .menu{ position: relative; margin-top: 26px;}
.section_business .menu li{ width: 164px; height: 40px; font-size: 19px; line-height: 40px; color: #FFFFFF; background: #e6e7e8; cursor:pointer;}
.section_business .menu li.selected{ background: #808285;}
/*.section_business .row{ background: #333; }*/

.arrow_left{ width: 45px; height: 45px; background: url(../img/business_arrow_left.png); position: absolute; left:0; top: 0; cursor:pointer;}
.arrow_right{ width: 45px; height: 45px; background: url(../img/business_arrow_right.png); position: absolute; right:0; top: 0; cursor:pointer;}

.section_business .slider_content .row{ margin-top: 20px;}
.slider_content{ width: 970px; height: 570px;}
.slider_content img{ display: inline-block;}
.slider_content .row {margin-left: 0; margin-right: 0;}
.slider_content .col{ vertical-align: top;}
.slider_content .description{ margin-top: 16px;}

.col{ display: inline-block;}
.col:last-child{ margin-right: 0 !important;}
.section_business .slider_wrapper{ width: 970px; height: 570px; }
.slider_content_1 .col{width: 138px; margin-right: 43px; }
.slider_content_2 .col{width: 125px; margin-right: 25px; }
.slider_content_3 .col{width: 212px; margin-right: 35px; }
.slider_content_4 .col{width: 150px; margin-right: 40px; }
.slider_content_4 .wrapper{ width: 150px; height: 150px; background: url(../img/business_d5.png); line-height: 150px}



.section_service .container{width: 970px; height: 800px; background: url(../img/service_bg.jpg); }
.section_service .wrapper_content{ width: 970px; height: 800px; position: relative; }
.section_service .wrapper_content div{ position: absolute; left: 20px; top: 20px; font-size: 18px; color:#58595B; line-height: 20px; font-weight: bold;}

.section_contact{ height: 625px;}
.section_contact h1, .section_contact .container{ text-align: center }
.section_contact .container div, .section_contact .container textarea{ text-align: left;}
.section_contact .address_wrapper{ margin-left: 50px; margin-bottom: 25px;}
.section_contact .address{ margin-top: 18px;}
.section_contact .contact_row{ width: 769px; display: inline-block; margin-top: 50px;}
.section_contact input, .section_contact textarea{ width: 295px; resize: none; border: 1px solid #A7A9AC; margin-bottom: 20px;}
.section_contact textarea{ height: 125px;}
.section_contact .form_label{ font-size: 11px;}
.section_contact .btn_submit{ width: 87px; height: 34px; font-size:12px; color: #FFFFFF; line-height: 30px; border: 0; background: #d1d2d3; border-radius: 5px;}


.en p{ font-size: 12px; }
.en .section_about .wrapper_content{ width: 350px; height: 450px; }
.en .section_about table td{ font-size: 10px; vertical-align: top;}