@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Bree+Serif); /* font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700); /* font */

/* CSS Document */
body, html { height:100%; }
body {
	font-family: 'Bree Serif', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
}
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; /*連結淡入淡出*/ text-decoration:none;
}

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

/*元件(共用)*/
.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; }

/* 回頂端 */
#goTop {
	color:#FFF;
	text-align:center;
	position:fixed;
	bottom:20px;
	right:20px;
	width:50px;
	height:50px;
	font-size:3rem;
	line-height:40px;
	cursor:pointer;
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(45deg,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#goTop:hover { background:#FFF; color:#1e5799; }


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

/*頁碼*/
.page_01{ clear:both; text-align:center; margin:2em 0 1em 0;}
.page_01 a{ margin:0 5px; display:inline-block; width:25px; height:25px; line-height:24px; color:#999; }
.page_01 a:hover, .page_01 a.on{ border:1px solid #1363ba; color:#1363ba;}


/*主選單*/
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.3);
    text-transform: uppercase;
	padding:10px 0;
}
.navbar-custom .navbar-brand {
    font-weight: 700;
	max-width:280px; padding:0 15px;    position: absolute;
    top: 20px;
}
.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;
	color:#999;
	font-weight:bold;
	padding:10px 20px;
}
.navbar-custom .nav li > a:hover {
    outline: 0;
    color: rgba(0,0,0,.8);
    background-color: transparent;
}
.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);*/
	color:#000;
}
.navbar-custom .nav li.active > a .i1{ display:block; position:absolute; width:1px; height:8px; background:#000;    left: 50%;
    bottom: -31px; }
.navbar-custom .nav li.active > a .i2{ display:block; position:absolute; width:100%; height:1px; background:#000;    left: 0;
    bottom: -31px;}
.navbar-custom .nav li.active > a:hover {
    color: #fff;
}
.navbar-custom .nav li > a:hover .i1{ display:block; position:absolute; width:1px; height:8px; background:#000;    left: 50%;
    bottom: -31px; }
.navbar-custom .nav li > a:hover .i2{ display:block; position:absolute; width:100%; height:1px; background:#000;    left: 0;
    bottom: -31px;}
@media(min-width:980px) {
	.navbar-custom {
		padding: 30px 0 30px 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;
		border-bottom:1px solid #fafafa;
	}
	.navbar-custom.top-nav-collapse {
		padding: 12px 0 12px 0;
		background:#1363ba;
		
	}
	.navbar-custom.top-nav-collapse .nav li > a{ color:#FFF;}
	.navbar-custom.top-nav-collapse .nav li.active > a .i2{  bottom: -12px; height:4px; background:#d1bd9c;}
	.navbar-custom.top-nav-collapse .nav li.active > a .i1{ display:none;}
	.navbar-custom.top-nav-collapse .nav li > a:hover .i2{  bottom: -12px; height:4px; background:#d1bd9c;}
	.navbar-custom.top-nav-collapse .nav li > a:hover .i1{ display:none;}
	.navbar-custom.top-nav-collapse .navbar-brand{ background:#FFF; top:0; left:0; height:inherit; max-width:280px;}
}

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

/*----banner---*/
.banner { height:400px; position:relative; }
.carousel .carousel-inner .item {  transition-property: opacity; }
.carousel .carousel-inner .item,.carousel .carousel-inner .active.left,.carousel .carousel-inner .active.right {  opacity: 0.8; }
.carousel .carousel-inner .active,.carousel .carousel-inner .next.left,.carousel .carousel-inner .prev.right {  opacity: 1; }
.carousel-indicators { bottom:0; }
.carousel { max-width:100%;}
.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 { 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; }
.carousel-caption h2 { font-size:40px; color:#000; 	font-family:Georgia, "Times New Roman", Times, serif;  text-transform:uppercase;}
.carousel-caption { text-align: left;  max-width: 500px; max-height: 300px; overflow:hidden;  padding: 2em;  top: 30%; left: 15%; text-shadow: none;}
.top_20{ top:25%;}
.line_d{ position:relative; display:block; height:1px; background:#ccc;}
.line_d span{ position:absolute; display:block; width:6px; height:1px; background:#000; left:0; top:0;}
.slogan{ margin:6px 0 14px 0; color:#666;}
.slogan_tx{ position:absolute; bottom:0px; left:0px; width:100%;  background:rgba(0,0,0,.5);  text-align:center; color:#FFF; text-shadow:2px 2px 5px #333; padding:20px 0; font-weight:bold;}
.index_slogan{ margin-top:20px; font-size:2rem; color:#2480dc; font-weight:bold;}
.carousel-indicators li{ border-radius: 0px; width:14px; height:14px;}
.carousel-indicators .active {     background-color: #0f5089; width:16px; height:16px;}
/*首頁*/
.container_wrap{ max-width:1100px; width:100%; margin:0 auto;}
.index_img{ position:absolute; width:20%; margin-top:-120px;  }
.index_img img{  position: relative;   width: 100%;    display: block;  border:2px solid #FFF; box-shadow: -10px 10px 12px #e2e2e2; }
.index_img .overlay_box{ position:absolute; display:block;  padding:20px;  width:100%; height:100%; left:0; top:0;}
.index_img .overlay_box .content{ background:rgba(0,102,204,0.6); position: relative;    width: 100%;    height: 100%;    text-align: center;    padding: 0px 15px;}
.index_img .overlay_box .content a h3{ font-size:7rem; color:#FFF; margin:0; padding:1.4em 0 30px 0;}
.index_img .overlay_box .content a p{ display:inline-block; border:1px solid #fff; padding:4px 25px; color:#FFF;}
.index_img .overlay_box .content a:hover p{ background:#FFF; color:#0066cc;}
.index_news{ min-height:360px; margin-left:40%;}
.news_all{ list-style-type:none; margin:4em 0 0 0; padding:0; }
.news_all li a{ display:block; border:2px solid #f2f2f2; padding:30px; position:relative; margin-bottom:3em;}
.news_all li a .date{ display:block; background:#2480dc; padding:6px 20px; text-align:center; position:absolute; top:-20px; left:-12px; color:#FFF;}
.news_all li a:hover .date{ background:#333;}
.news_all li a:hover{ display:block; background:#2480dc; color:#FFF;}
.service_bg{ /*position:relative;*/ background:url(../images/index/service-bg.png) right top no-repeat; padding:12em 0 2em 0; overflow:hidden;}
.service_bg .service_tx{ /*position:absolute; left:50%; top:180px;  margin-left:-550px;*/ max-width:1100px; width:100%; margin:0 auto;}
.service_bg .service_left p{ margin:0; padding:0; line-height:1.6;}
.service_bg .service_left{font-size:4rem; color:#666;  width:100%; /*float:left;*/ text-transform:uppercase; }
.service_bg .service_right{ float:left; width:30%;}
.service_tx2{ font-weight:bold; margin-top:12px;}
.box-animation-skew{ margin:2em 0 0 0; overflow:hidden;}
.box-animation-skew .view { padding: 20px 15px; }
.box-animation-skew .view:nth-child(4n+1) { clear: both; }
.box-animation-skew .view .picbox { 	position: relative;  text-align: center;  overflow: hidden;     margin-bottom: 8px;  border: 5px solid #fff;  box-shadow: 0 0 10px #e1dfdf;}
.box-animation-skew .view .picbox::before { position: absolute; top: 0; left: -75%;	z-index: 2; display: block;	content: ''; width: 50%; height: 100%;	background: -webkit-linear-gradient(left, rgba(255,255,255,.2) 0%, rgba(255,255,255,.3) 100%);
													 background: linear-gradient(to right, rgba(255,255,255,.2) 0%, rgba(255,255,255,.3) 100%);
													 -webkit-transform: skewX(-25deg);	transform: skewX(-25deg);}
.box-animation-skew .view .picbox:hover::before { -webkit-animation: shine 2s; animation: shine 2s;}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/*表尾*/
.footer{ background:#1363ba;}
.copyright{ text-align:center; padding:20px 0; border-top:1px solid #c8eeff; font-size:1.6rem; color:#fff;}
.copyright a{ color:#fff;}
.footer_pad{ padding:2em 0; overflow:hidden;}
.footer_inf{ background:rgba(255,255,255,.3); padding:30px;}
.footer_list{ list-style-type:none; margin:0; padding:0;}
.footer_list li{ width:31.3333%; display:inline-block;  color:#fff; padding:0 30px; font-size:1.8rem;}
.footer_list li a{ color:#fff; font-size:1.8rem;}
.footer_list li.f{ border-left:1px solid #1363ba; border-right:1px solid #1363ba;}
.ft_mjtitle{ color:#b5975b; font-size:2rem;}
.footer_tx2 .col-md-8{ color:#fff;}
.footer_tx2 .col-md-8 a{ color:#FFF;}
.footer_tx2 .col-md-4 .footer_lsit2{ list-style-type:none; margin:0 0 0 30px; padding:0;}
.footer_tx2 .col-md-4 .footer_lsit2 li { display:inline-block; width:48%; padding:0 0 10px 0;}
.footer_tx2 .col-md-4 .footer_lsit2 li a{ color:#fff;}
.link, .link a{ color:#FFF;}

/*服務項目*/
.mjtitle{ position:relative; font-size:3rem; font-weight:bold; text-align:center;     margin-bottom: 30px;
    padding-bottom: 22px;}
.mjtitle:after{    content: '';    position: absolute;    left: 0px;    bottom: 0;    width: 100%;    height: 8px; background:url(../images/all/icon2.png) center bottom no-repeat;}
.service_bg1{ background:url(../images/p3/bg1.png) right top no-repeat;}
.service_bg2{ background:url(../images/p3/bg2.png) right top no-repeat;}
.service_bg3{ background:url(../images/p3/bg3.png) right top no-repeat;}
.service_box{  position:relative; padding:1em; border:1px solid #CCC; margin:20px 0; }
.service_box::after{content:""; display:block; clear:both;}
.service_box .s1{ width:10px; height:10px; border-top:1px solid #000; border-left:1px solid #000; position:absolute; left:-1px; top:-1px;}
.service_box .s2{ width:10px; height:10px; border-top:1px solid #000; border-right:1px solid #000; position:absolute; right:-1px; top:-1px;}
.service_box .s3{ width:10px; height:10px; border-bottom:1px solid #000; border-left:1px solid #000; position:absolute; left:-1px; bottom:-1px;}
.service_box .s4{ width:10px; height:10px; border-bottom:1px solid #000; border-right:1px solid #000; position:absolute; right:-1px; bottom:-1px;}
.listbg-limg-rtxt .picbox img{ width:260px; margin:0 auto; -webkit-border-radius: 130px;-moz-border-radius: 130px;border-radius: 130px;}
.listbg-limg-rtxt img {  transition: all 0.6s ease-out;   transform: scale(0.9); }
.listbg-limg-rtxt img:hover{ transform: scale(1.0);} 
.bbx-icon-list{     list-style-type: none;    margin: 0;    padding: 0;}
.bbx-icon-list li{ padding-left: 36px;    margin-bottom: 10px; position: relative;}
.bbx-icon-list li i{  position: absolute;    display: block;    height: 24px;    width: 24px;    line-height: 24px;    text-align: center;    font-size: 1.6rem;    top: 0;    left: 0; color: #1abc9c;}
/*最新消息*/
.list-date-more .listbox { overflow: hidden;  position: relative;  border-bottom: 1px solid #e3e3e3; padding: 0 10px 10px; margin-bottom: 20px; }
.list-date-more .listbox .tit,.list-date-more a:hover .listbox .tit { font-size: 18px; margin-bottom: 5px; }
.list-date-more .listbox .tit p{ line-height:24px; }
.list-date-more .listbox:hover .tit,.list-date-more a:hover .listbox .tit {  color: #b5975b;  }
.list-date-more .listbox .date,.list-date-more a:hover .listbox .date { display: inline-block; float: left; background: #1363ba; color: #fff; padding: 0 7px; line-height: 30px; text-align: center; font-size: 14px; margin-right: 10px; }
.list-date-more .listbox .more-btn { width: 0; height: 0; border-style: solid; border-width: 0 0 40px 40px; position: absolute; right: 0; bottom: -30px;  border-color: transparent transparent #5698d1 transparent; }
.list-date-more .listbox .more-btn i {  margin-top: 20px;  margin-left: -17px;  color: #fff; }
.list-date-more .listbox:hover .more-btn {  bottom: 0px; }
.page_yellow{ background:#f8f8f0; padding:30px;}
.news_all2{ position:relative; padding:0 0 0 120px; background:#f8f8f0;}
.news_all2::after{content:""; display:block; clear:both;}
.date_tx{ position:absolute; left:0; top:0px; background:#373737; color:#FFF; padding:12px 10px; line-height:1.8;}
.news_title{ color:#b5975b; font-size:1.8rem; padding:10px 0 0 0; font-weight:bold; }
/*  detail style - 四圖四文  */
.page-content table { max-width:100%; }
.imgg { max-width:100%; display:block; margin:1em 0; }
.imgg2 { max-width:100%; display:block; }
.tx01 { clear: both; margin-bottom:2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.img-left,.img-left1 { float: left; padding-bottom: 1em; padding-right: 2em;}
.img-right,.img-right1 { float: right; padding-bottom: 1em; padding-left: 2em;}
.img-left img, .img-right img { max-width:300px; }
.img-left1 img, .img-right1 img { max-width:430px; }
.img_center img {  float: left;  padding: 1em;  width: 33.3%;   text-align: center;}
.btn_box a{ display: block;  max-width: 120px;  margin: 30px auto 30px auto; padding: 4px 0; background: #bb9a66; border:1px solid #bb9a66;  color: #FFF; text-align: center; font-weight:bold;}
.btn_box a:hover{ background:#FFF; border:1px solid #bb9a66; color:#bb9a66;}
/*聯絡我們*/
.contact_box{    border: 1px solid #bb9a66;    padding: 60px 68px 35px;    text-align: center;    background-color: #f8f8f0;}
.contact_box .icon{  border: 2px solid #bb9a66;  border-radius: 30px;color:#bb9a66;   font-size: 22px;  height: 60px; line-height:60px;   width: 60px;    text-align: center; margin:0 auto;}
.contact_box h3{ font-size:2rem; margin:10px 0;}
.contact_box span{ display:block; height:24px;}
.map{ margin:0 0 0 0;}
.c_tx{ clear:both; padding:20px 0; margin:0; overflow:hidden;}
.text_box{ width:100%; height: 35px;    background: #fff;    border: 1px solid #ccc;    font-size: 15px;    padding: 0 10px;box-sizing:border-box;}
.text_textarea{    width: 100%;    height: 200px;    max-height: 200px;    background: #fff;    border: 1px solid #ccc;    font-size: 15px;    padding: 10px; box-sizing:border-box;}
.contact_form .row{ margin: 30px 0 0 0;}
.contact_form .col-md-6, .contact_form .col-md-12{ padding:0;}
.contact_form .page_form .name{ width:20%;    display: inline-block;    vertical-align: top;    padding-top: 8px;}
.contact_form .page_form .text{ /*width: calc(100% - 100px);*/ width:76%;    display: inline-block;    vertical-align: top;}
.contact_form .page_form .name2{  width:10%;    display: inline-block;    vertical-align: top;    padding-top: 8px;}
.contact_form .page_form .text2{ /*width: calc(100% - 100px);*/ width:88%;    display: inline-block;    vertical-align: top;}
.contact_form .page_form .code_tx{ max-width:200px; width:100%;}
.contact_slogan{ text-align:center; margin:4em 0 0 0;}
.contact_slogan i{ margin-right:12px; font-size:3rem; color:#1363ba;}
/*實績案例*/
.two_list li{ width:47%; display:inline-block; vertical-align:top; }
.title{ padding:0 0 10px 0; position:relative; border-bottom:2px solid #f2f2f2; font-size:2.2rem;}
.title .fa{ margin-right:10px;}
.title span{ display:block; width:126px; height:2px; background:#1363ba; position:absolute; left:0; bottom:-2px;}
.union_list{ list-style-type:none; margin:30px 0 0 0; padding:0; text-align:center;}
.union_list li{ display:inline-block; /*width:24%;*/ max-width:220px; height:220px; color:#FFF; text-align:center; padding:90px 20px 0 20px; font-size:2.2rem; vertical-align:top; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100&0.62+0,0.62+100 */
background: -moz-linear-gradient(-45deg,  rgba(109,179,242,0.62) 0%, rgba(84,163,238,0.62) 50%, rgba(54,144,240,0.62) 51%, rgba(30,105,222,0.62) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(109,179,242,0.62) 0%,rgba(84,163,238,0.62) 50%,rgba(54,144,240,0.62) 51%,rgba(30,105,222,0.62) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(109,179,242,0.62) 0%,rgba(84,163,238,0.62) 50%,rgba(54,144,240,0.62) 51%,rgba(30,105,222,0.62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e6db3f2', endColorstr='#9e1e69de',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 }
 .brand_bg{ padding:30px 0 0 0; background:url(../images/p4/img1.jpg) center top no-repeat; height:500px;}
 /*公司簡介*/
.top_btn{ text-align:center;}
.top_btn a{ display:inline-block; width:120px; color:#bb9a66; background: #f8f8f0; padding:6px 0; border:1px solid #bb9a66; margin:0 6px;}
.top_btn a:hover, .top_btn a.active{ background:#bb9a66; color:#FFF;}
.title_pad{ margin:20px 0 14px 0;}
.gray_bg{ background:#f2f2f2; padding:30px 0 30px 0;}
.book_list{ list-style-type:none; margin:0 0 20px 0; padding:0;}
.book_list li{ display:inline-block; width:30.3333%; margin:0 1%;}
.title_name{ font-size:2.6rem; text-align:center; margin-top:40px; font-weight:bold;}
.title_name2 { line-height:30px; margin:30px 0; font-size:2rem; color:#1363ba;}
.title_name2 a{ color:#1363ba;}
.title_name2 span{ display:inline-block; margin-right:12px; width:20px; height:20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.stp_list{ list-style-type:none; margin:0; padding:0;}
.stp_list li{ position:relative; padding:0 0 0 180px; margin:0 0 20px 0;}
.stp_list li .stp_title{ position:absolute; left:0; top:0;}
.stp_title{ float:left; width:160px; text-align:center; display:block; background:#1363ba; position:relative; padding:6px 12px;color:#FFF;}
.stp_title span{ position:absolute; right:-10px; top:50%; margin-top:-10px; display:block; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 12px;border-color: transparent transparent transparent #1364ba; }
.stp_all{ overflow:hidden;}

@media (max-width: 1680px) { 

.index_news{  margin-left:34%;}
}
@media (max-width: 1280px) { 
.index_img{  width:30%;   }
.index_news{  margin-left:40%;}
}
@media (max-width: 1024px) { 
.carousel-caption h2{ font-size:30px;}
.carousel-caption{ top:30%;}
.service_bg{ background-position:-600px top;}
/*表尾*/
.footer_inf{ padding:20px;}
.footer_list li{ padding:0 20px;}
}

@media (max-width: 996px) { 
/*服務項目*/
.listbg-limg-rtxt .picbox{ display:none;}
/*聯絡我們*/
.contact_form .row{ margin: 0;}
.contact_form .col-md-6{ float:left; width:50%; margin-bottom:20px; padding:0 10px;}
.contact_form .col-md-12{ margin-bottom:20px; padding:0 10px;}
.contact_form .page_form .name{  width:100%;    display: block;    padding-top: 0px;}
.contact_form .page_form .text{ width:100%;    display: block;    vertical-align: top;}
.contact_form .page_form .name2{    width:100%;    display: block;    padding-top: 0px;}
.contact_form .page_form .text2{width:100%;    display: block; }

}

@media (max-width: 768px) { 
.container_wrap{ width:90%; margin:0 auto;}
/*banner*/
.banner{ background-position:center top !important;}
.carousel{margin-top: 70px;}
.carousel-caption { position: static;  max-width: 100%;  padding: .5em;  }
.carousel-caption h2{ font-size:30px;}
.carousel-indicators { display:none; }
/*選單*/
.navbar-nav {  margin: 0;}
.navbar-toggle{ float: none; width:100%;   text-align: right;   border-radius: 0px; margin: 0px;  background: #1363ba; padding:22px 10px; }
.navbar-custom{ padding:0; background:#1363ba;}
.navbar-custom{  border-bottom: 0px solid #fafafa;}
.navbar-custom .navbar-brand{  max-width:288px;     padding: 0 15px 0 0; top:0px;  background: #FFF;  height:auto;}
.navbar-header i{ font-size:2rem; color:#FFF;}
.navbar-custom .nav li > a{ color:#FFF; padding:16px 0px; border-bottom:1px solid #448dd7; text-align:center;}
.navbar-custom .nav li > a:hover{ color:#FC0;}
.navbar-custom .nav li.active > a{ color:#FC0;}
.navbar-custom .nav li.active > a span{ display:none;}
.navbar-custom .nav li.active > a .i1, .navbar-custom .nav li.active > a .i2{ display:none;}
.navbar-custom .nav li > a:hover .i1, .navbar-custom .nav li > a:hover .i2{ display:none;}
.navbar-collapse{ padding:0;}

/*首頁*/
.index_img{ position:relative; width:90%; margin:0 auto; height:200px; overflow:hidden;}
.index_news{  width:90%; margin:0 auto;}
.index_img .overlay_box .content a h3{ font-size:6rem;     padding: 30px 0 10px 0;}
.service_bg{ background:#eaf2f7;     padding: 2em 0 2em 0;}
.service_bg .service_left p{ font-size:3rem; margin-left:15px;}
.service_bg .col-xs-3{ width:31.3333%;}

/*表尾*/
.footer_list li.f{ border-right:none;}
.footer_list li {   width: 48%; margin-bottom:20px;}
.footer_list li:last-child{ width:100%;}
.footer_inf, .footer_tx2{ width:90%; margin:0 auto;}
/*聯絡我們*/
.contact_box{ margin-bottom:20px;}
.contact_box span{ display:none;}
/*公司簡介*/
.stp_all .col-xs-6{ float:none; width:100%;}
.title_name_pad{margin: 40px 0 20px 0;}
/*服務項目*/
.union_list li{   max-width:inherit; width:48%; height:200px;  padding:60px 20px 0 20px; margin: 0 0 4px 0;}
}

@media (max-width: 640px) { 
.news_all2{ padding:0;}
.date_tx{ position:inherit; left:0; top:0px; background:#373737; color:#FFF; padding:6px 10px; line-height:1.8;}
.news_title{  padding:10px 10px 0 10px;  }
/*實績案例*/
.two_list li(2n+1){ clear:both;}
.stp_list li .stp_title{ position:inherit; float:none;}
.stp_list li{ padding:0;}

}
@media (max-width: 480px) { 
.service_bg .col-xs-3{ float:none; width:80%; margin:0 auto;}
/*表尾*/
.footer_list li, .footer_list li.f{   width: 100%; margin-bottom:10px; border-left: 2px solid #666;}
/*服務項目*/
.service_bg1, .service_bg2, .service_bg3{ background-size:cover; }
/*最新消息*/
.list-date-more .listbox .date{ float:inherit; }
.list-date-more .listbox .tit p{ margin-top:.5em; }
/*  detail style - 四圖四文  */
.img-left1 img, .img-right1 img { max-width: 100%; }
.img-left,.img-left1,.img-right,.img-right1 { float:inherit; padding: 0 0 1em 0;}
.page-content iframe { height:250px; }
/*聯絡我們*/
.contact_form .col-md-6{ float:none; width:100%;  padding:0;}
.contact_form .col-md-12{  padding:0;}
/*實績案例*/
.two_list li{ width:100%; display:block;}
.two_list li(2n+1){ clear:inherit;}
.union_list li{ width:140px; height:140px; font-size:1.8rem;     padding: 30px 20px 0 20px; margin:0 0 4px 0;}
.brand_bg{ height:auto; background-size:cover;     padding: 30px 0 30px 0;}

}

@media (max-width: 380px) { 
/*聯絡我們*/
.contact_form .page_form .code_tx{ max-width:inherit; width:100%; }
.contact_form .page_form img{ margin:12px 0 0 0;}

.union_list li{ width:100%; height:inherit; font-size:1.6rem;  padding: 10px 0;}

}

@media (max-width: 320px) { 

}