/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
        =company-info
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/
body {
	margin:0;
	border:0;
	width:100%;
	color: #274385;
	font-size: 14px;
	line-height:170%;
	background-repeat:repeat-x;
	background-position:0 0;
	background-color:#fff;
	top: auto!important;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
	transition:all linear 0.5s;
	-moz-transition:all linear 0.5s;
	-ms-transition:all linear 0.5s;
	-o-transition:all linear 0.5s;
	-webkit-transition:all linear 0.5s;
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
    overflow:hidden;
}
li{
	list-style: none;
}
a ,
a:hover{
	text-decoration: none;
	cursor: pointer;
}
img{
	max-width:100%;
}
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-track { background: #ebebeb; }
body::-webkit-scrollbar-thumb { background: #272623; }
body::-webkit-scrollbar-thumb:hover { background: #1b1c38; }
section{
	width:1160px;
	margin:0 auto;
	overflow:hidden;
	max-width: 100%;
}
.skiptranslate .goog-te-banner-frame{
	top: auto;
}
header{
	position: fixed;
	width: 100%;
	z-index: 999;
	background: white;
	top: 0;
	margin: 0;
	padding: 10px 0;
}
header section{
    width: 1366px;
    display: flex;
    align-items: center;
    justify-content: center;
}
header section >div,
header .all_languge >div{display: flex;}
header .cis{
	width: 65%;
}
header .call{
	margin: 10px 15px;
}
header .papal{
    margin: 10px 15px;
}

header .all_languge{
	overflow:hidden;
    margin: 10px 10px;
}
header .all_languge >div{
	margin-right:10px;
}
header .google{
	margin: 0;
}
header .google .goog-te-gadget .goog-te-combo{
	margin: 4px 0;
	padding: 10px;
	background: white;
	border: #6666663d 1px solid;
}
header .google .goog-te-gadget .goog-te-combo::-webkit-scrollbar { width: 5px; }
header .google .goog-te-gadget .goog-te-combo::-webkit-scrollbar-track { background: #cfcfcf; }
header .google .goog-te-gadget .goog-te-combo::-webkit-scrollbar-thumb { background: #8bbe3e; }
header .google .goog-te-gadget .goog-te-combo::-webkit-scrollbar-thumb:hover { background: #1b1c38; }
header .google .goog-te-gadget{
    color: rgba(255,255,255,0);
    line-height: 0;
}
header .google .goog-te-gadget >span{
	display:none;
	height:0;
}
.goog-te-combo{
	border: 1px solid #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,e2e2e2+50,f2f2f2+51,f2f2f2+100 */
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top, #e0e0e0 0%, #e2e2e2 50%, #f2f2f2 51%, #f2f2f2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e0e0e0 0%,#e2e2e2 50%,#f2f2f2 51%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e0e0e0 0%,#e2e2e2 50%,#f2f2f2 51%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	padding: 3px;
}
.navbg{
	margin:0 auto;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
}
.main_nav{
    background: #234a38b8;
    padding: 3px 0 2px;
    position: fixed;
    width: 100%;
    top: 78px;
    z-index: 999;
}
.main_nav section{
    width: 1366px;
    padding: 5px 0;
}
.main_nav nav{display: flex;align-items: center;}
.main_nav nav li{
	display:inline-block;
	color:#fff;
}
.main_nav nav li a{
	color:#fff;
	display: inline-block;
	padding: 0 20px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	transition: all linear 0.3s;
}
.main_nav nav li a:hover{
	color:#c4e266;
}
.main_nav .search{
	overflow:hidden;
}
.main_nav .search form{
	border-bottom: 1px solid #fff;
	overflow: hidden;
	padding: 3px 8px;
	display: flex;
	justify-content: center;
}
.main_nav .search form div{display: flex;}
.main_nav .search form div input[placeholder]{}
.main_nav ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.main_nav :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.main_nav ::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}
.main_nav .search form div #goo{
	background-image:url(/img/new/search-go.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 26px;
	height: 26px;
	background-color: #c1e39600;
}
.main_nav .search form div #path{
	background: rgba(255,255,255,0);
	font-size: 16px;
	color: #f9f9f9;
}
.index_banner section{
    width: 100%;
}
.index_banner{
    margin-top: 80px;
    position: relative;
}
#content{
	background-position:50% 100%;
	background-repeat:no-repeat;
	position: relative;
}
.icons{
	text-align:center;
	padding-bottom:20px;
	position: relative;
}
.icons img{
    max-width: 50%;	
}
footer{
	background: #2e5b46;
	color:#fff;
}
footer a{
	color:#fff;
}
footer section{
	padding:30px 0;
}
footer .left{
	float:left;
}
footer .left .footernav a{
	display: inline-block;
    margin: 0 10px;
	font-family: 'Montserrat', sans-serif;
}
footer .left .share{
	overflow:hidden;
	line-height: 30px;
	margin-top: 15px;
	display: flex;
}
footer .left .share p{
	color:#a7d7ea;
}
footer .left .share a{
	float:left;
	display: block;
    background: #26a6d1;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
	font-size: 18px;
	margin: 0 3px;
}
footer .left .share a:nth-child(2){
	background: #3364cb;
}
footer .left .share a:nth-child(3){
	background:#dd4b39;
}
footer .left .share a:nth-child(4){
	background:#f4b45a;
}
footer .right{
	float:right;
}
footer .right p{
	text-align:right;
	font-size:14px;
}
.copyright{
	background: #1c3e2e;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding: 5px 0;
}
.copyright section{
	padding: 0;
}
.copyright p{
	float:right;
}
.copyright a{
	color:#fff;
}
#skypedetectionswf,
.nav-func{
	display:none;
}

/* +footer??
*----------------------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
.phoneWrap{display: none !important;}
footer #footerCompany .plus-information a:hover img{display:block}

}
@media screen and (min-width: 980px) {
	#openseaech{
    display: none;
}
}
@media screen and (max-width: 1024px) {
.phoneWrap{
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 99999;
}
.phoneWrap ul{display: flex;}
.phoneWrap ul li{width: 50%;box-sizing: border-box;background-color: #2e5b46;}
.phoneWrap ul li + li{border-left: 1px solid #fff;}
.phoneWrap ul li a{display: inline-block;width: 100%;color: #fff;text-align: center;padding: 10px 0px;}
.phoneWrap ul li.fax a{
	background:#2e922f;
}
}

@media screen and (max-width: 1180px) {
	.navbg,
	.index_banner section,
	.main_nav section{
		width:100%;
	}
	section{








	    width: 960px;	
	}
	.main_nav nav li a{
	    padding: 0 12px;	
	}
	header .cis{
	    float: none;
		margin: 0;
		text-align: center;
		margin-bottom: 10px;
	}
	header .google{
	    margin: 10px 0 0;	
	}
	header .call,
	header .papal{
	    margin: 10px 10px 0 0;	
	}
}
@media screen and (max-width: 980px) {
	header section{
		display: flex;
		flex-wrap: wrap;
		background: white;
		padding-bottom: 3px;
		top: 0px;
		position: fixed;
	}
	header{
    padding: 0;
    margin: 0;
}
	.main_nav{
        bottom: 0;
        position: fixed;
        width: 100%;
        display: flex;
        z-index: 9999;
        padding: 0;
        top: auto;
        background: #234a38;
    }
    .navbg{
        /* display: flex; */
        justify-content: center;
        flex-direction: column;
    }
	header .call, header .papal, header .all_languge ,header .google{
        padding-top: 2px;
        margin: 0 5px;
    }
	header .cis{
        width: 100%;
        display: flex;
        top: 0;
        background: white;
        justify-content: flex-start;
        z-index: 998;
        left: 0;
        margin-bottom: 0;
        flex-direction: column;
    }
    header .cis a{
        padding: 12px 0;
        display: flex;
        margin-left: 25px;
        flex-direction: column;
        justify-content: flex-start;
    }
    .index_banner img{
    height: 500px;
    object-fit: cover;
    object-position: 45% 50%;
}
	section{
	    width: 768px;	
	}
	.nav-func{
		display: block;
		position: fixed;
		right: 20px;
		top: 18px;
		font-size: 24px;
		color: #fff;
		padding: 5px 8px;
		background: rgb(46 91 70);
		border-radius: 10px;
		z-index: 999;
	}
	.main_nav nav{
		display:none;
		position: fixed;
		top: 138px;
		right: 20px;
		margin: 0;
		width: 150px;
		background: rgb(47 98 74);
		padding: 20px 20px;
		z-index: 9;
	}
	.main_nav nav li{
		display: block;
		color: rgba(255,255,255,0);
		text-align: center;

		margin: 10px 0;
	}
	.main_nav nav li a{
	    padding: 0;	
	}
	#openseaech{
        right: 10px;
        position: fixed;
        bottom: 51px;
        background: #444343;
        padding: 10px;
        border-radius: 500px;
        z-index: 99;
    }
    #openseaech .fa{
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ededed;
}
	.main_nav .search form{
	    margin: 0px 0px 0px 0;
	    width: 100%;
	    border-bottom: none;
	    padding: 0px 0px 6px;
	}
	.openshow{
    bottom: 43px;
    position: fixed;
    background: #444343;
    width: 100%;
    z-index: 98;
    padding: 10px 0;
    border-bottom: #ffffff8c 1px solid;
    display: none;
}
	footer{
        padding-bottom: 43px;
    }
}
@media screen and (max-width: 780px) {
	section{
	    width: 640px;	
	}
}
@media screen and (max-width: 680px) {
	section{
	    width: 480px;	
	}
	header .cis img{
		max-width: 80%;
	}
	.icons img{

		max-width: 100%;
	}
	.footernav{
		text-align:center;
	}
	footer .left .footernav a{
	    margin: 0 5px;	
	}
	header .call, header .papal, header .all_languge, header .google{
	width: 23%;
	margin: 0;
	display: flex;
	justify-content: center;
	}
	.copyright p{
		float:none;
		text-align:center;
	}
	.index_banner img{
    height: 346px;
    object-position: 61% 50%;
}
}
@media screen and (max-width: 500px) {
	section{
	    width: 350px;	
	}
	header .call, header .papal{
	    margin: 0;
	}
	header .call img, header .papal img{
	    width: 88%;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.skiptranslate .goog-te-banner-frame{display: none;}
	header .cis a{
        margin-left: 10px;
    }
    .index_banner img{
    height: 330px;
}
    .main_nav nav{
        top: 112px;
        right: 0;
    }
	header .call, header .papal, header .all_languge, header .google{
	padding-top: 1px;
	}
	
	header .all_languge >div img{
	}
	header .all_languge >div{
	    margin-right: 5px;	
	}
	.goog-te-gadget .goog-te-combo{
		width: 100%;
		margin: 0;
		font-size: 12px;
	}
	header .cis img{
		max-width: 78%;
	}
	header .google .goog-te-gadget .goog-te-combo{
    padding: 5px 0;
}
	.index_banner{
        margin-top: 70px;
    }
	.footernav{
		display:none;
	}
	footer .left .share{
	    margin-top: 0;	
	}
	footer .right{
	    margin-top: 10px;
	}
	footer .right p,
	.copyright{
		font-size:12px;
	}
}
@media screen and (max-width: 360px) {
	section{
	    width: 95%;	
	}
	header{
	    margin: 25px 0 0;
	}
	header .call img, header .papal img{
		height: 20px;	
	}
}