@charset "utf-8";
@import url("menu.css"); /*重置*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,700');

/* CSS Document */
body, html { height:100%; }
body {
	font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
	background-color:#f4f4f4;
}
a { color:#000; text-decoration: none; }
a:hover { color:#777; 
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear; /*連結淡入淡出*/
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.css-shadow {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
}
.imgholder img{
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img{
	transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
}
.rotation360 {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.rotation360:hover {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
.fadeout img {  filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;    
    transition: opacity .5s ease-in-out; }
.fadeout:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }


/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }

/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #0097de; }
.red { color: #be0000; }
.green { color: #19a568; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }
.main_color{ color:#117fcc;}

/* 回頂端 */
#goTop {
	text-align:center;
	cursor:pointer;
}



/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }
.container { width:auto; max-width:1200px; margin:0 auto; }

/*頁首*/
.header {  }
header .container{ position:relative; height: 70px;}
.header ul { list-style:none; padding:0; margin:0; }

/*主選單*/
/*.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.3);
    text-transform: uppercase;
	padding:10px 0;
}*/
.navbar-custom .navbar-brand {
    height: 100%;
}
.navbar-custom .navbar-brand:focus {
    outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}
.navbar-custom a {
    color: #fff;
}
.navbar-custom .nav li > a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.navbar-custom .nav li > a:hover {
    outline: 0;
    background-color: inherit;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}
.navbar-custom .nav li.active {
    outline: 0;
}
.navbar-custom .nav li.active > a {
    /*background-color: rgba(255,255,255,.3);*/
}
.navbar-custom .nav li.active > a:after, .navbar-custom .nav li > a:hover:after { background: #eee; content: " "; display: block; height: 2px; margin: 5px auto 0; width: 50%;}
.navbar-custom .nav li.active > a:hover {
    color: #fff;
}
@media(min-width:768px) {
	.navbar-custom {
		padding: 20px 0 10px 0;
		border-bottom: 0;
		letter-spacing: 1px;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
		background-color: rgba(21, 146, 212, 0.8);
		text-transform: uppercase;
		/*border-bottom: 1px solid rgba(255,255,255,.4);*/
	}
	.navbar-custom.top-nav-collapse {
		padding: 8px 0 0 0;
		border-bottom: 1px solid rgba(255,255,255,.3);
		background-color: rgba(21, 146, 212, 0.95);
	}
}

.nav .open > a, 
.nav .open > a:hover,
.nav .open > a:focus { background:none; }

.navbar-brand{ padding: 10px 15px;}
.navbar-nav>li>a{ padding: 5px 15px;}
.language_box{ text-align:right; padding-right:15px; color:#fff; font-size:14px; margin-bottom:5px;}
.navbar-brand>img{ height:45px;}
.nav>li.language_area{ display:none;}

/*次選單*/
.submenu { }
.submenu li { }

/*頁尾*/
.footer { margin-top:3.5em; background:url(../images/all/footer_bg.jpg)0 10px repeat-x; text-align:center; font-size:14px; }
.footer_info{ margin: 4.5em auto 2em; line-height:2;}
.footer_info a:hover{ color:#117fcc; }
.copyright{ background-color:#117fcc; color:#fff; padding:1em 0;}
.copyright a{ color:#fff;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btn-more{ line-height:24px; background-color:#117fcc; color:#fff; border:3px #117fcc solid; width: 140px; border-radius: 70px;}
.btn-more:hover{ background-color:#f4f4f4; color:#117fcc; border:3px #51a1da solid;}
.btn-lg { padding: 12px 35px;}
.btn-blue { background-color: #117fcc; border:3px #117fcc solid; color: #fff;}
.btn-blue:hover{ background-color:#f4f4f4; color:#117fcc; border:3px #51a1da solid;}

/*背景色*/
.gray_bg{ background-color:#dbdbdb;}
.white_bg{ background-color:#fff;}



/*----banner---*/
.banner { height:360px; }

/*.carousel {  height: 450px; }
.carousel:hover .carousel-control {
	display:block;
}
.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}
.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.carousel .carousel-control {
	background:none;
	display:none;
}
.carousel-control .icon-prev::before,
.carousel-control .icon-next::before {
	content:'';
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
	width:30px;
	height:60px;
	margin:-30px 0 0 0;
}
.carousel-control .icon-prev {
	background:url(../images/all/control-icon.png) 0 0 no-repeat;
}
.carousel-control .icon-next {
	background:url(../images/all/control-icon.png) -30px 0 no-repeat;
}*/

/*首頁*/
.in-about{ background-color:#fff; margin-top: -50px; z-index: 5; position: relative; padding-right: 0px; padding-left: 0px; box-shadow: 0 0 5px #ccc;}
.in-box90{ width:90%; margin:0 auto;}
.blue_more{ background-color:#117fcc; text-align:center; line-height: 55px; box-shadow: 0 0 5px #117fcc;}
.blue_more a{ color:#fff; display:block; text-decoration:none;}
.blue_more a:hover{ font-size:17px;}
.in-title{ margin-top:1.5em; color:#117fcc; font-size:46px; text-align:center;}
.in-title:after { background: #ccc; content: " "; display: block; height: 1px; margin: -25px auto 65px;}
.in-font{  font-family: 'Open Sans', sans-serif; font-weight:bold; margin-right:10px;}
.title_txtbg{ background-color:#fff; padding: 0 30px;}
.in-box90 p{ padding:0 20px 3.5em; font-size:18px;}

.in-service{ text-align:center; border-top:1px #ccc solid; margin-top:3.5em;}
.in-service .container{ padding-right: 0px; padding-left: 0px;}
.in-title2{ font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:100; font-size:48px; color:#5c5c5c; margin: 1.1em 0 .4em;}
.in-serviceBg{ background:url(../images/index/img01.jpg) center no-repeat; margin-top:2em;}
.in-table{ display:table; width:100%;}
.in-table .cell{ display:table-cell; float:inherit; overflow:hidden; width:50%;}
.in-serviceBox{ background-color:rgba(235,235,235,.8); color:#333; text-align:center; width:300px; height:280px;}
.in-serviceBox:before { content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.in-serviceBox p{ display: inline-block; vertical-align: middle;}
.in-serviceBox a{color:#333;}
.br_420{ display:none;}

.in-caseBox{ margin:2em 0;}
.in-caseTitle{ font-size:18px; color:#117fcc; margin-top: 20px; margin-bottom: 5px;}
/*.black_txt{ font-size:30px; color:#333; padding:0 30px 0 0; background-color:#fff;}*/
.black_txt{ font-size:24px; color:#333; padding:0 30px; background-color:#fff; letter-spacing: 6px;}
.black_txt_e{ font-size:20px; letter-spacing: 0px;}
.in-title_e:after { margin: -18px auto 65px;}
.line_height{ line-height:36px;}
.padding_1{ padding:1em;}

/*關於我們*/
.page_titleArea{ margin-top: -185px; text-align: center;}
.page_titleArea_e{ margin-top: -155px; text-align: center;}
h2.page_title_e{ font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:bold; font-size:60px; color:#fff; }
h4.page_title{ font-size:22px; color:#fff;}
h3.item_title_e{ font-size:36px; color:#393939; text-align:center; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:bold;}
h3.item_title_e:after { background: #eaeaea; content: " "; display: block; height: 1px; margin: .8em auto; width: 30px;}
h3.item_title{ font-size:36px; color:#393939; text-align:center;}
h3.item_title:after { background: #333; content: " "; display: block; height: 1px; margin: .8em auto; width: 30px;}
h4.item_title{ font-size:24px; color:#393939; text-align:center;}
.top_area{ margin:1.5em 0;}
.vision_box{ background-color:#fff; padding:2.8em 15px 2em 15px; }
.vision_row{ width:80%; margin:0 auto; margin-top:2em; display:table;}
.vision_row .col-sm-4{ display:table-cell; float:inherit; border-right:1px #ccc dashed; padding:0 30px;}
.vision_row .col-sm-4:last-child{ border-right:0;}
.blue_18{ font-size:18px; text-align:center; color:#117fcc;}
ul.vision_list{ list-style-type:none; padding:0; width:80%; margin:2em auto;}
ul.vision_list li{ margin-bottom:10px;}
ul.vision_list .fa{ margin-right:10px; color:#117fcc;}
.box4_area{ padding-right: 0; padding-left: 0; background-color:#fff;}
.box4_area .nav-tabs>li{ width:25%;}
.h_280{ height:280px; text-align: center;}
.h_280:before { content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.h_280 p{ display: inline-block; vertical-align: middle; }
.box4_area .nav-tabs>li.active>a, .box4_area .nav-tabs>li.active>a:focus, .box4_area .nav-tabs>li.active>a:hover{ border:0; background-color:transparent; border-bottom:5px #117fcc solid;}
.box4_area .nav-tabs>li>a{margin-right: 0; border: 0px solid transparent; border-radius: 0;}
.box4_area .nav-tabs>li{    margin-bottom: 0;}
.box4_infoArea{ background-color:#fff; margin-top:3em; position:relative;}
.center_arrow{ position:absolute; top:-20px; left:49%;}
.box4_infoArea .tab-pane{ padding:3em 0;}
.box4_infoArea .tab-pane ul li{ margin-bottom:15px;}
.info_icon{ border:1px #ccc dashed; width:100px; height:100px; display:inline-block; vertical-align: top; text-align: center; line-height: 100px; border-radius: 10px;}
.info_icon img{ opacity: .3;}
.box4_info{ display:inline-block; vertical-align:middle; width: 90%;}

.blue_box{ background-color:rgba(17,127,204,0.8); color:#fff; padding: 10px 2em 20px 3em;}
.about_coreArea{ background:url(../images/p1/img01.jpg) center no-repeat;}
.fa-check-square-o{ margin-right:10px;}
ul.core_list{list-style-type:none; margin:0; padding:0;}
ul.core_list li{ margin-bottom:5px;}
.item_titleWhite{ font-size:24px; font-weight:bold;}
.item_titleWhite:after { background: #fff; content: " "; display: block; height: 1px; margin: 10px 0; width: 30px;}

.about_yow{ background: url(../images/p1/img02.jpg) center no-repeat #fff; margin: 3em 0;}
.gray_roundBox{ 
  background-image:-webkit-linear-gradient(to bottom, #e7e7e7, #ccc);
  background-image:linear-gradient(to bottom,#e7e7e7,#ccc);
  width:180px; height:180px; margin:0 auto; border-radius: 50%; font-size: 28px; text-align: center; box-shadow: inset 0 0 10px #fff; border: 1px #ccc solid;}
.gray_roundBox:before { content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.gray_roundBox p{ display: inline-block; vertical-align: middle; line-height: 1.2;}
.about_yow .row{ width:80%; margin:0 auto;}
.about_yow a:hover p{ font-size:32px;     transition: all .3s linear;}
.about_mainTXT{ color:#117fcc; font-size:30px;}
.blue_txt{ font-size: 18px; color: #117fcc;}
.about_infoBox{ width:90%; margin: 0 auto 2em;}

/*聯絡我們*/
.contact_box{ background-color:#fff; padding: 2.8em 2em 2em 2em; box-shadow: 0 0 5px #ccc; }
.contact_form{ margin-top:1em;}
.contact_box .page_form { margin: .5em 0; }
.contact_box .form-control.code { text-align: center; display: inline-block; width: 7em; margin: 0 10px 10px 0;}
.contact_box .btnWrap { margin:0; }
.contact_box .contact-map { background:#e7c4e4; margin-top: 1em; padding:2em; }
.contact_row{ margin: 2em auto; }
.contact_row .col-sm-4{ border-right:1px #ccc dashed;}
.contact_row .col-sm-4:last-child{ border-right:0;}
.contact_row i{ border:1px #398ac3 solid;}
.contact_row .fa{ font-size: 24px; color: #fff; width: 40px; height: 40px; border-radius: 50%; padding: 5px; margin-right: 10px; background-color: #398ac3; margin-bottom: 10px;}
.map_box{ margin-top:2em;}

/*服務業務*/
.service_box{ background-color:#fff; padding:2.8em 15px 2em 15px; text-align:center; }
.mission_area{ display:inline-block; list-style-type:none; margin:0; padding:0;     text-align: left;}
.mission_area li{ margin-bottom:10px;}
.mission_area .fa{ font-size:20px; color:#117fcc;}
.aims_area{}
.aims_area ul.core_list{list-style-type:none; margin:2em 0; padding:0;}
ul.core_list li{ margin-bottom:10px;}
.item_titleblack{ font-size:24px; font-weight:bold; color:#333; text-align: left;}
.fa-dot-circle-o{ margin-right:10px;}
.service_mode{ background:url(../images/p3/img01.jpg) center no-repeat;}
.aims_icon{ width: 25%; margin: 0 auto 0.8em auto; opacity: .5;}
.service_mode2{ background:url(../images/p3/img02.jpg) center no-repeat; margin-top:1em;}
ul.circle_list{ list-style-type:none; margin:20px 0 0 0; padding: 0 0 0 20px;}
ul.circle_list >li{ margin-bottom:10px; position:relative;}
ul.circle_list >li:before { font-size: 14px; color: #fff; content: "\f192";  font-family: "FontAwesome"; position: absolute; top: 2px; margin-left: -20px;}
ul.circle_list >li ul{ margin-top:10px;}
ul.circle_list >li ul li{ margin-bottom:10px;}
.service_row{ display:table; width:100%;}
.service_bg{ background:url(../images/p5/step_bg.png) 0 -6px no-repeat; display:table-cell; vertical-align:top; overflow:hidden; width:60%}
.service_bg2{ background:url(../images/p5/step_bg2.png) 0 -6px no-repeat; display:table-cell; vertical-align:top; overflow:hidden; width:40%}
.service_bg3{ background:url(../images/p5/step_bg3.png) right -6px no-repeat;}
.step_round{ width: 38px; height: 38px; border-radius: 50%;}
.round_color{ background-color:#6db8ec; border:3px #c9deec solid;}
.round_color2{ background-color:#117fcc; border:3px #b2d6ef solid;}
.service_bg .flt{ float:left; width:33%;}
.service_bg2 .flt{ float:left; width:65%;}
.service_bg2 .service_bg3{ width:35%;}
.service_row p.wow{ font-size:18px;}
.service_row p.service_list{ font-size:16px; padding:0 8px 0 0;}


/*經營團隊*/
.team_box{ background-color:#fff; padding:2.8em 15px 2em 15px; }
.team_row{ display:inline-block; transform-origin: bottom; transform: skewX(-15deg); padding: 5px 20px; color:#fff; background-color:#51b4dd; font-size:20px; box-shadow: 4px 4px 1px #b5b5b5; }
.team_name{ background-color:#117fcc;}
.team_item{ font-size:20px; color:#117fcc; margin: 10px 0 0 0; position:relative}
.team_item:after { background: #117fcc; content: " "; display:inline-block; height: 1px; width: 20px;margin:
0 0 7px 10px;}
.team_e .team_item:after{}
ul.team_list{ margin-bottom:20px;}
.team_infoBox{ border-bottom:1px #ccc dashed; margin-top: 3em; padding: 0 30px 1em 30px;}
.partner_area .row .col-xs-6{ margin-bottom:2em;}
.partner_box{ text-align:center;}
.partner_box ul{ text-align:left; padding-bottom: 10px;}
.team_area, .case_area, .partner_area, .service_area{ margin-bottom:1.5em;}
.home_icon .fa-home{ font-size:90px;}
.home_icon {width: 135px; height: 135px; margin: 0 auto 15px; border-radius: 50%; background-color: #117fcc; padding: 8px;}
.home_icon a {  color:#fff; display: block;}
.home_icon:hover {  background-color:#51b4dd; box-shadow: 0 0 15px #ccc;}
.home_icon:hover a{  text-decoration:none;}
.red_txt{ color:#ef2a2a;     font-size: 18px;}
.font20{ font-size:24px}


/*投資策略*/
.tactics_box, .case_box { background-color:#fff; padding:2.8em 2em 2em; }
.tactics_area{ /*border-bottom:1px #ccc dashed; padding-bottom:3em; margin-top:3em;*/ width:80%; margin:0 auto;}
.tactics_area .blue_title{ font-size:24px; color:#117fcc;}
.tactics_area .blue_title:after { background: #117fcc; content: " "; display: block; height: 1px; margin: 10px 0;}
.tactics_area_e{ width:100%;}
.tactics_area .blue_title_e{ font-size:20px;}

.tactics_area .fa-check-square-o{ color:#117fcc; }
.partner_box{ border: 1px #117fcc solid;     box-shadow: 3px 3px 1px #ccc;}
.tactics_icon{ text-align:center;}
.tactics_icon img{ width:70px; margin-bottom:10px;}

/*投資案例*/
.case1_list{ display:inline-block; width:23%; text-align:center; vertical-align:top; border:1px #ccc dashed; margin:1em .5% 0; border-radius: 10px; min-height: 110px; padding:5px;}
.case1_box .fa-check-square-o{ font-size: 20px;  color: #117fcc;}
.case_table{ min-width:1100px; border-left:1px #f4f4f4 solid; border-top:1px #f4f4f4 solid; background-color:#bedbef; margin-top:2em;}
.case_table th, .case_table td{ padding:5px; border-bottom:1px #f4f4f4 solid; border-right:1px #f4f4f4 solid;}
.case_table th{ background-color:#117fcc; color:#fff;  text-align:center;}
.case_table td:nth-child(n+4){ text-align:center;}
.case_table tr:nth-child(even){ background-color:#8bc4eb;}
.case_img{ border: 1px #ccc solid; box-shadow: 0 0 4px #ccc;}
.case_box .blue_title{ font-size:24px; color:#117fcc; display: inline-block;}
.case_box .blue_title:after { background: #117fcc; content: " "; display: block; height: 1px; margin: 10px 0; width: 2em;}



/*共用*/
.img_style{ max-height:100%; max-width:100%;}
.flr{ float:right;}
.flt{ float:left;}
.center{ text-align:center;}
.alt{ text-align:left;}
.alr{ text-align:right;}
.clear{ clear:both;}
.no_listNone{ list-style-type:none; margin:0; padding:0;}
.box_shadow{box-shadow: 0 0 5px #ccc;}
.m_t3{ margin-top:3em;}
.m_t1-5{ margin-top:1.5em;}
.font26{ font-size:26px}
.bold{ font-weight:bold}
.w80{ width:80%; margin:0 auto;}


@media (max-width: 1100px) {
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0px solid #ddd;
}
}
@media (max-width: 1060px) {
.box4_info{ width:85%;}

}
@media (max-width: 1024px) { 
.in-about{ margin-top: 0px; }
.about_yow {  margin: 0; background: url(../images/p1/img02.jpg) top center no-repeat #fbfdfa;}
.center_arrow { left: 48%;}
.tactics_area { width: 100%;}

}

@media (max-width: 991px) { 
.partner_clear{ clear:both; }
}
@media (max-width: 960px) { 
.vision_row { width: 100%;}
.vision_box{ padding: 2.8em 15px 2em 15px;}
.about_yow .row { width: 100%;}
.team_infoBox{ padding: 0 15px 1em 15px;}
.navbar-nav>li>a { padding: 5px 10px;}
.in-title_e:after{ height: 0px;}
}
@media (max-width: 880px) {
.navbar-nav>li>a { padding: 5px 6px;}
.language_box{ font-size:13px;}
.navbar-custom .nav li > a{ font-size:15px;}
.navbar-brand>img { height: 38px;}
.black_txt_e { line-height: 0;}
.service_row p.service_list{ font-size:14px;}
}
@media (max-width: 768px) { 
/*.cd-primary-nav-trigger .menu_txt { display:none;}*/
.cd-header{  background-color: rgba(21, 146, 212, 0.8);}
.in-serviceBox{ width: 188px; height: 180px; background-color: rgba(235,235,235,.89);}
.in-title2{ font-size:42px;}
.vision_row .col-sm-4{ display:block; border-right: 0px #ccc dashed; border-bottom: 1px #ccc dashed; padding-bottom: 20px; margin-bottom: 2em; text-align: center;}
.box4_area .nav-tabs>li{ width:50%;}
.box4_area .gray_bg { background-color: inherit;}
.box4_area ul.nav-tabs li:first-child{ background-color:#dbdbdb;}
.box4_area ul.nav-tabs li:last-child{ background-color:#dbdbdb;}
.center_arrow{ left: 47.5%;}
.box4_infoArea{ padding: 0 2em;}
.info_icon, .box4_info{ display:block;}
.box4_info{ width:100%;}
.info_icon{ margin:0 auto 30px auto;}
.box4_infoArea .tab-pane{ width:70%;}
.h_280{ height:150px;}
.contact_row .col-sm-4 { border-right: 0px #ccc dashed; border-bottom: 1px #ccc dashed; padding-bottom: 1em; margin-bottom: 1em;}
.aims_area .row .col-xs-6{ margin-bottom:2em;}
.about_coreArea, .service_mode2, .service_mode{ padding:0;}
.team_infoBox .col-sm-6:nth-child(even){ margin-top:1em; border-top:1px #ccc dashed; padding-top: 3em;}
.tactics_area .alr{ text-align:left;}
.tactics_area{ width: 85%;  margin:0 auto;  padding-bottom:1.5em;}
.tactics_area .col-sm-4, .tactics_area .col-sm-6{ margin-bottom:2em;}
.tactics_area .flr{ float:inherit;}
ul.vision_list{ width:100%; margin:0;}
.service_row p.wow { font-size: 16px;}
.service_row p.service_list { font-size: 14px;}
.service_bg{ width: 55%;}
.service_bg2{ width: 45%;}

.padding_1 { padding: 0;}
.padding_1 img{ width:65px;}
.w80{ width:100%; margin-bottom:1em;}
.tactics_area_e{ width:100%;}

/*主選單*/
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-header{
	background-color:#117fcc;}
.container>.navbar-collapse{ background-color: rgba(21, 146, 212, 0.95); }
.navbar-toggle{ color:#fff;}
.language_box{ display:none;}
.nav>li.language_area{ display:block;}
.navbar-custom .nav li.active > a:after, .navbar-custom .nav li > a:hover:after{ height: 0;     display: initial;}
.navbar-custom .nav li > a { font-size: 16px; text-align: center; padding: 15px; border-top: 1px #fff solid; }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: initial;}
.nav>li>a.language_txt{ display:inline-block; width:50%;}
.nav>li>a.language_txt:first-child{ border-right:1px #fff solid;}
.header ul{ border-bottom:1px #fff solid;}
.navbar-custom .nav li > a:hover, .navbar-custom .nav li.active{ background-color: rgba(255, 255, 255, 0.5); color:#117fcc;}
.navbar-custom .nav li.active a{ color:#117fcc;}
.navbar-custom .nav li.active > a:hover{ color:#117fcc;}
/*menu
.cd-primary-nav{ padding: 95px 0 0px 0;}
.cd-primary-nav .nav-menu li { float:inherit;  width: 100%; }
.cd-primary-nav .nav-menu li:last-child { float:inherit; width: 100%; border-bottom:0px #666 dashed; }
.cd-primary-nav .nav-menu li a{ display:block; padding: 10px 0; border-bottom:1px #666 dashed;}
.cd-primary-nav .nav-menu li a:hover{ background-color:rgba(255,255,255,.1);}
.cd-primary-nav .nav-menu{ margin-bottom: 0; border-bottom: 0px solid #eb6000;}
.none_780{ display:none;}*/
}

@media (max-width: 640px) { 
.in-title{font-size: 30px;}
.in-title:after{ margin: -15px auto 1.5em;}
.in-title2{ font-size:36px;}
.in-table .cell{ padding: 10px;}
.in-serviceBox {    margin: 0 auto;}
.in-table .flr, .in-table .flt{ float:inherit;}
.about_yow .row .col-xs-4{ width:100%; float:inherit; margin-bottom:2em;}
.about_mainTXT { font-size: 24px;}
.box4_infoArea .tab-pane { width: 85%;}
.tactics_area { width: 95%;  margin: 3em auto 0;}
.case1_list{ width:48%;}
/*.service_bg{ width: 100%; background:none; display:block;}
.service_bg2{ width: 100%; background:none; display:block;}
.service_bg2 .flt{ width:50%;}
.service_bg2 .service_bg3{ background:none; width:50%;}
.service_bg p, .service_bg2 p{ display:inline-block; vertical-align:middle;}*/
.tactics_box{ padding: 2em 15px;}
.service_bg{ background:none; text-align:center; }
.service_bg2{ background:none; text-align:center;}
.service_bg2 .service_bg3{ background:none; }
.step_round{ width:18px; height:18px; display: inline-block; margin-bottom: 0;}

}
@media (max-width: 560px) {
.box4_infoArea .tab-pane { width: 100%;}	
.service_bg{ display:block; width:100%; }
.service_bg2{ display:block; width:80%; margin: 2em auto 0;}
.service_bg2 .flt{ width:50%;}
.service_bg2 .service_bg3{ width:50%;}
}
@media (max-width: 520px) { 
h4.item_title { font-size: 20px;}
h2.page_title_e{ font-size: 48px;}
}
@media (max-width: 480px) { 
.in-box90 p{ font-size:16px; padding: 0 10px 1.5em;}
.in-serviceBox { width:100%;}
.about_mainTXT{ font-size: 20px;}
.box4_infoArea{ padding:0 15px;}
.partner_area .row .col-xs-6{ width:100%; float:inherit;}
.center_arrow { left: 45.5%;}
.tactics_area { width: 100%; margin: 3em auto 0;}
.tactics_box, .case_box { padding: 2.8em 15px 2em;}
.black_txt { font-size: 20px; padding: 0 20px; letter-spacing: 1px;}
.black_txt_e{ letter-spacing: 0px;}
.about_infoBox{ width:100%;}

}
@media (max-width: 420px) {
.cd-logo img{ width:auto; height:36px;}
.cd-header{ height: 80px;}
header .container{ height: 80px;}
.in-table .cell{ display:block; width:100%;}
.in-serviceBox{ height: inherit;}
.br_420{ display:block;}
.in-title2 { font-size: 30px;}
.blue_box{ padding: 10px 1em 20px 2em;}
.aims_area .row .col-xs-6{ width:100%; float:inherit;}
h3.item_title{ font-size:30px;}
.item_titleWhite{ font-size: 20px;}
.case1_list{ width:100%; margin:1em 0 0; min-height:inherit;}
.case_box .blue_title{ font-size:20px;}
.service_bg2{ width:100%;}
}
@media (max-width: 360px) { 
.cd-logo img { height: 32px;}
.cd-header{ height: 70px;}
header .container{ height: 70px;}
h2.page_title_e { font-size: 36px;}
.navbar-brand>img { height: 35px;}

}