@charset "utf-8";

body{

	font-family: "Microsoft JhengHei";

}

/*SELECTION*/

p::selection {

    background: #666;

    color: #fff;

}

i::selection {

    background: #666;

    color: #fff;

}

::selection {

    background: #666;

    color: #fff;

}

p::-moz-selection {

    background: #666;

    color: #fff;

}

i::-moz-selection {

    background: #666;

    color: #fff;

}

::-moz-selection {

    background: #666;

    color: #fff;

}

html, button, input, select, textarea{

	font-family: "Raleway", sans-serif, "Microsoft JhengHei" !important;

}



h1, h2,  h4, h5, h6{

	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif !important;

	color: #04327D;

}

h3{

	font-family: "Arial", sans-serif, "Microsoft JhengHei" !important;

}

.slider-text-description{

	color: #2d2d2d;

}

.top-bar{

	background: #0D397D;

}

.call-us, .top-bar-block{

	margin-right: 0;

}



.lang-switch{

	border-right:1px solid #E8E8E8; 

}

#header{

	padding-bottom: 4px;

	border-bottom: 5px solid #cf0025;

	background: #ffffff;

	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));

	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

	background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

}

.header .logo{

	margin: 0px 0 0 0px;



}



img.logo {

	height: 88px;

}

img.slogan {

	margin-top: 12px;

	height: 64px;

	float: left;

}

.navigation > li > a > span.label-nav{

	font-size: 16px;

	font-family: "Raleway", sans-serif, "Microsoft JhengHei" !important;

	font-weight: bold;



}

.mobile-menu-button, .mobile-nav, .slider-fixed-container{

	background: #0D397D;

	border-radius: 4px;

}

.lang-switch{

	padding-left: 12px;

	color: #888;

	background: #fff;

}

.lang-switch a{ margin-left: 7px; color: #ababab; }

.lang-switch a:hover { color: #23527c; }



input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, input[type=text].form-control:focus, input[type=email].form-control:focus, textarea.form-control:focus{

	background-color: #8d8d8d;

	border-radius: 4px 4px 0 0 ;



}

.navigation > li:hover > a, 

.navigation > li > a:hover, 

.navigation > li > .activelink, 

.navigation > li:hover > a > i, 

.navigation > li > a:hover > span.label-nav-sub::before, 

.navigation > li > a:focus > span.label-nav-sub::before{

	color: #365B97;



}.thumb-label-item {

	margin: 0 auto;

	text-align: center;

}

.item-img-overlay .item_img_overlay_content{

	background: #555;

}

.item-img-overlay a{

	font-size: 14px;

	text-transform: none;

}

.top-title-wrapper {

	background: rgba(146,146,146,1);

	background: -moz-linear-gradient(top, rgba(146,146,146,1) 0%, rgba(168,168,168,1) 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(146,146,146,1)), color-stop(100%, rgba(168,168,168,1)));

	background: -webkit-linear-gradient(top, rgba(146,146,146,1) 0%, rgba(168,168,168,1) 100%);

	background: -o-linear-gradient(top, rgba(146,146,146,1) 0%, rgba(168,168,168,1) 100%);

	background: -ms-linear-gradient(top, rgba(146,146,146,1) 0%, rgba(168,168,168,1) 100%);

	background: linear-gradient(to bottom, rgba(146,146,146,1) 0%, rgba(168,168,168,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#a8a8a8', GradientType=0 );

}

h2.h2-section-title{

	margin-top: 0 !important;

	padding: 16px 0 12px 12px;

	text-align: left;

	font-size: 16px;

	border-bottom: 2px solid #365B97;

	color: #04327D;

	font-weight: bold;

}

h2.h2-article-title{

	margin-top: 0 !important;

	padding: 18px 0 12px 12px;

	text-align: left;

	font-size: 24px;

	border-bottom: 2px solid #365B97;

	color: #04327D;

	font-weight: bold;

}

h2.h2-detail-title{

	font-family: Arial, "Microsoft JhengHei" !important;

	margin-top: 0 !important;

	padding: 12px 0 12px 24px;

	text-align: left;

	font-size: 24px;

	border-bottom: 2px solid #DD0000;

	color: #700000;

}

h2.h2-section-title i{

	padding-right: 12px;

	color: #C70528;

}

h3.h3-body-title{

	font-weight: normal !important;

	color: #04327D !important;

}

.slider-text-title{

	font-family: Arial, "Microsoft JhengHei" !important;

	line-height: 1.75;

}

.title-block .title-seperator{

	background: url(../images/divider-stripe1.png);

}

.indexAbout{

	padding: 0px 14px;

	line-height: 1.65 !important;

	height: 203px;

}

.indexAbout img {
	width: 100%;
}

.indexNews{margin: 0 7px;}

.indexNews tbody > tr > td{

	border: 0;	

	padding-top: 18px;

	padding-bottom: 18px;

}

.indexNews tbody > tr > td:first-child{

	padding-right: 0;

	padding-left: 22px;

}

.indexNews tbody > tr {	

	border: 0;

	border-bottom: 1px solid #d8d8d8;

}

.indexNews tbody > tr:last-child{

	border-bottom: 0;

}

.boxedWrap{ 

	padding: 3px;

	border: 1px solid #ddd;

	background: #fff;

}

.listRow {

	margin: 0 0 10px 0;

}

.listRow .listItem{

	padding: 0 !important;

}

.thumb-label-item .thumb-label-item-img{

	margin: 4px;

	margin-bottom: 7px;

}

.testimonial-big .testimonial-big-text{

	padding: 50px 60px;

	color: #555;

	/*background: #DD0000;*/

}



.testimonial-big{

	background-image: url(../images/grayBg.png);

	background-repeat: repeat;

	border-bottom: 1px solid #fff;

}

.pp_description{

	padding-left: 35px;

}

.pp_inline{

	line-height: 1.75;

	padding: 30px;

	font-size: 14px;

}

.inChImg {

	text-align: center;

}

.popAbout-title{

	display: block;

font-size: 16px;

text-transform: uppercase;

line-height: 40px;

width: 100%;

margin: 0 auto;

}

.popEvents{

	width: inherit;

	text-align: center;	

	height: 188px;

	overflow: hidden;

}

.eventBox {

	margin-bottom: 8px;

	padding: 3px 3px;

	border: 1px solid #DDDDDD;

}

.leftBox{

	width: 48%;

}

.rightBox{

	width: 48%;

	margin-left: 4%;

}

.inChImg img, .popEvents img{

	margin: 10px 0px;

	width: 100%;

}

.eventTitle {

	padding: 0px -15px;

	background: #eee;

}

.imgFrame{

	width: 100%;

	margin-top: 20%;

	padding-top: 6%;

	padding-bottom: 6%;

	color: #fff;

	position: absolute;

	float: left;

	background-color: #111;

	opacity: .7;

	text-align: center;

	text-transform: none;

	font-size: 14px;

	-webkit-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.75);

	-moz-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.75);

	box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.75);

	text-transform: uppercase;

	line-height: 20px;

	font-weight: bold;

}

.event-box-text {

	padding: 6px 10px;

	font-size: 12px;

}

.imgFrame span{

	font-size: 20px;

}

.h1-page-title{

	font-family: "Arial", sans-serif, "Microsoft JhengHei" !important;

	font-weight: normal;

}



.listHr{

	margin: 10px auto;

	width: 100%;

	border-bottom: 1px solid #D0D0D0;

}

.body-wrapper{ padding-bottom: 0; }

.proIntro{ text-align: left; line-height: 1.75;}

.aboutArticle{

	padding: 0 10px; 

	text-align: left; 

	line-height: 2;

}



.newsArticle{

	padding: 0 10px; 

	text-align: left; 

	line-height: 2;

}

.h2-article-title span{

	float: right;

	font-size: 18px;

}

.detailName{

	font-family: "Arial";

}

.picarray{

	margin-bottom: 7px;

	padding-top: 30px;

	border-top: 1px solid #D0D0D0;

}

.picarray img{

	width: 100%;

}

/*side*/

.list-group-item{ padding: 0; }

.list-group a{ display: block; }

.leftMenu a:after{

	content: "\f054";

	font-family: FontAwesome;

	float: right;

	font-size: 10px;

}

.list-group a:hover:after{ color: #fff; }

.list-group .left_item02focus a:after{ color: #00A00C; content: " "; }

.list-group .left_item02 a:after{  color: #00A00C; content: " "; }



.list-group a:hover{

	color: #033506;

}

.list-group-item:first-child, .list-group-item:last-child { border-radius: 0; }

.left_item01focus a{

	color: #033506;

	border-bottom: 1px solid #365B97 !important;

	font-size: 14px;

	padding-right: 20px;

	padding-left: 18px;

	background: #365B97;

	color: #fff;
	position: relative;
	&:after {
		position: absolute;
		right: 10px;
		top: 10px;
		float: none;
	}

}

.left_item01 a{

	font-size: 14px;

	padding-right: 20px;

	padding-left: 18px;
	position: relative;
	&:after {
		position: absolute;
		right: 10px;
		top: 10px;
		float: none;
	}

}

.left_item01focus a:hover{

	color: #fff;

	background-color: #0D397D;

}

.list-group .left_item01focus a:hover:after{ color: #fff; }

.left_item01 a:hover{
	color: #fff;
	background-color: #91AAD2;
}


.left_item02focus a{
	font-size: 14px;
	padding-left: 30px;
	background-color: #ddd;
	color: #365B97;
}


.left_item02focus a:hover{
	background-color: #ddd;
	color: #04327D;
}


.left_item02 a{
	font-size: 14px;
	padding-left: 30px;
	background: #F9F9F9;
	color: #365B97;
}


.left_item02 a:hover{
	color: #04327D;
	background: #F3F3F3;
}


.left_item03 a{
	font-size: 13px;
	padding-left: 42px;
	background: #F9F9F9;
	color: #365B97;
}


.left_item03 a:hover{
	color: #04327D;
	background: #F3F3F3;
}


.left_item03focus a{
	font-size: 13px;
	padding-left: 42px;
	background-color: #E7E7E7;
	color: #365B97;
}


.left_item03focus a:hover{
	background-color: #E7E7E7;
	color: #04327D;
}


.sub_menu-level3{
	padding-left: 10px;
}

.item-img-overlay .portfolio-zoom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	line-height: 1;
}

.item-img-overlay .portfolio-zoom__icon{
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: inherit;
}

.proListItem{

	margin-bottom: 20px;

	text-align: center;

}

.adContact{

	margin-top:40px;

	padding:15px 0 15px 15px;

	padding-top: 20px;

	border: 1px solid #DDDDDD;

	border-top: 2px solid #365B97;

	line-height: 1.75;

	background: #fff;

}

.adContact i{

	margin-right: 15px;

}

/*pagination*/

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{

	background-color: #365B97;

	border-color: #365B97;

}

.pagination > li > a.prev, .pagination > li > a.next, .pagination > li > a:hover, .pagination > li > a.current{

	color: #fff;

	background-color: #868686;

}

.tab-content{

	line-height: 1.5;

}

.tab-pane{

	padding: 16px 10px;

	background: #fff;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{

	color: #00A00C;

}

/*button*/

.rev-slider-full .button.btn-flat, .rev-slider-fixed .button.btn-flat{

	background-color: #A50000;

	font-family: "Arial", sans-serif, "Microsoft JhengHei" !important;

}

.btn.btn-red{

	background-color: #DD0000;

	border-color: #E43333;

}

.btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red:focus{

	background-color: #A50000;

}

.backBtn {
	margin-top: 60px;
	text-align: center;

}

.backBtn a{
	padding: 5px 55px !important;
	background-color: #AEAEAE;
	border-color: #D21E22;
	font-size: 13px;
	border-radius: 28px;
	color: #fff;
	text-shadow: 0 0 black;
	box-shadow: 2px 2px 0 rgba(0,0,0,.5);
	transition: all 500ms ease-in-out;
	i {
		margin-right: 5px;
	}
	&:hover {
		background-color: #27B9A3;
		color: #fff;
	}
}

.btn, input[type="submit"], input[type="button"], button.btn, .btn-primary{

	height: 26px;

	margin: 0 7px 4px 0;

	padding: 0 20px !important;

	line-height: 26px;

	border-radius: 28px;

	background-color: #79B3AA;

}

.btn:hover, input[type="submit"]:hover, input[type="button"]:hover, button.btn:hover, .btn-primary:hover{

	background-color: #27B9A3;

}

.content-box.content-style4{height: inherit;}

.rev-slider-full{max-height: 500px;}

.index-wrapper {padding-top: 20px; background:#eee;}

.body-wrapper {padding-top: 20px; background:#fff;}

.indexPic{

	padding:3px 15px;

}

.thumb-label-item{

	width: 100%;

}

/*page NEWs*/

.newsArticle{margin: 0 7px;}

.newsArticle tbody > tr > td{

	border: 0;	

	padding-top: 18px;

	padding-bottom: 18px;
}
.glyphicon {
	font-family: FontAwesome !important;
	&:before {
		content: "\f054" !important;
		font-weight: bold;
	}
}
.newsArticle tbody > tr {	

	border: 0;

	border-bottom: 1px solid #d8d8d8;

}

.newsArticle tbody > tr:last-child{

	border-bottom: 0;

}

.listHr{

	clear:both;

	border-bottom: 1px solid #ddd;

	padding-top: 5px;

}

/*page Member*/

.memberArticle{margin: 0 7px;}

.form-inline .form-group{

	margin-bottom: 7px;

}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, input[type=text].form-control:focus, input[type=email].form-control:focus, textarea.form-control:focus{

	background-color: #fff;

	color: #000;

}

.form-control{

	padding: 6px 4px;

}

input	{

	font-family: "Arial", sans-serif !important;

}

.memberInfos{

	padding-top: 7px;

}

.full-map {	

	width: 100%;

}

.placeholderBlock{

	width: 100%;

	min-height: 200px;

}

/*page Dealer*/

.loc_cn, .loc_tw, .loc_in, .loc_it{

	position: absolute;

}

.loc_cn{

	top: 194px;

	left: 34%;

}

.loc_tw{

	top: 237px;

	left: 38%;

}

.loc_in{

	top: 230px;

	left: 29%;

}

.loc_it{

	top: 192px;

	left: 13%;

}

.TabbedPanelsContentGroup{

	border: 0;

	background: #fff;

}



.TabbedPanelsContent{

	min-height: 420px;

	padding: 0 20px;

	font-size: 18px !important;

	line-height: 1.5;

}

.TabbedPanelsTab{

	border: 0;

	background: rgba( 255,255,255,.6);

}

.TabbedPanelsTabHover{

	background: rgba( 255,255,255,1);

}

.TabbedPanelsTabSelected, .TabbedPanelsTabFocused{

	background: #CF4936;

	color: #fff;

	outline: none;

}

/*footer*/

.footer{

	border-top: 3px solid #D23753;

	background-image: url(../images/grayBg.png);

	background-repeat: repeat;

	background: #fff;

;

}

.subNav{

	/*margin-bottom: 1px;*/

	padding: 8px 0;

	background-color: #0D397D;

	color: #fff;

	font-size: 12px;

	line-height: 20px;

}

.footer-wrapper a{

	color: #777;

	font-size: 12px;

}

.footer-wrapper span{

	font-weight: bold;

	color: #666;

	font-size: 13px;

}

.footer .footer-col .footer-content{

	color: #333;

	line-height: 1.7;

	font-size: 13px;

}

.footer-content-logo{

	text-align: right;

}

.footer-content-logo img{

		height: 90px;

}

.footer .copyright{

	height: 10px;

	background-color: #111;

}

.footer-wrapper{ padding-bottom: 36px; }

.footer .footer-col .footer-content a{ color: #666; }

.footer .footer-col .footer-content a:hover{ color: #E43333; }

.pull-sm-right {

float: right;

}


/*123123*/
/*MEDIA QUERY*/

@media (min-width: 1200px){

	.portfolio-items{

		width: 100%;

	}

}

@media (max-width: 1400px){

	.rev-slider-full {

	height: 350px !important;

	}

}

@media (max-width: 1200px){

	img.slogan {	

	margin-top: 20px;

	height: 54px;

	}

	.navigation > li{

	margin-right: 12px;

	}

}

@media (max-width: 1024px){

	.left_item01focus a{

	font-size: 14px;

	padding-right: 14px;

	padding-left: 18px;

	}

	.left_item01 a{

		font-size: 14px;

		padding-right: 14px;

		padding-left: 18px;

	}

	.rev-slider-full {

	height: 280px !important;

	}

}

@media (max-width: 988px){

	.proListItem img{

		width: 100%;

	}

}

@media (max-width: 992px){

	.loc_cn, .loc_tw, .loc_in, .loc_it{

	position: static;

	}

	.loc_cn{

		top: inherit;

		left: inherit;

	}

	.loc_tw{

		top: inherit;

		left: inherit;

	}

	.loc_in{

		top: inherit;

		left: inherit;

	}

	.loc_it{

		top: inherit;

		left: inherit;

	}

	.TabbedPanelsTab{

		margin-bottom: 10px;

	}

	.rev-slider-full {

	height: 270px !important;

	}

}



@media (max-width: 767px){

	.footer-content-logo{

		text-align: center;

	}

	.footer-content-logo img{

		margin: 0 auto;

	}

	.pull-sm-right {

	float: none;

	}

	.sp4 {

	min-height: auto !important;

	}

	

	.inChImg {

		width: 100%;

		margin-top: 30px;

		text-align: center;

		}

	.thumb-label-item .thumb-label-item-img{

		margin: 10px 16px;

	}

	.rev-slider-full {

	height: 210px !important;

	}

	.indexAbout {

	height: 282px;

	}

	.sp4 input[type="image"] {

	width: 100%;

	height:auto;

	}
	.sp4 img {
		width: 100%;
		height: initial;
	}

}/*123qwe*/

@media (max-width: 680px){

	img.slogan {

	display: none;

	}

}



@media (max-width: 640px){

	.thumb-label-item .thumb-label-item-img{

		margin: 10px 20px;

	}	

	.rev-slider-full {

	height: 180px !important;

	}

}

@media (max-width: 480px){

	.footer-content-logo img{

		margin: 0 auto;

		text-align: center;

	}

	.rev-slider-full {

	height: 150px !important;

	}



}

/*TMP CSS*/



.item-img-overlay{

	border: 1px solid #ddd;

}

.slotholder img {

	width: 100% !important;

	height: auto !important;

}

.rev-slider-full {

	height: auto;

}

.sp4 {

	min-height: 400px;

}

.mgb-40 {

	margin-bottom: 40px;

}