@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Lato:100,400,900); /* font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700); /* font */
@import url('https://fonts.googleapis.com/css?family=Nunito'); /* font */
/* CSS Document */
body, html { height:100%; }
body {
	font-family: 'Nunito', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
}
a { color:#000; text-decoration: none; }
a:hover { color:#777; 
	text-decoration: none;
    -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; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #0068b7}

/* 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: #0068b6; }
.red { color: #be0000; }
.green { color: #19a568; }
.orange { color: #f39700; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
/*縮放*/
.action1{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.action1:hover{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.action4{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.action4:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/*漸變用*/
.gradient-1s{
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* 回頂端 */
#goTop {
	z-index: 1;
	padding-top: 10px;
	border: 1px solid #fff;
	color: #fff;
	background: #0068b7;
	text-align:center;
	position:fixed;
	bottom:20px;
	right:20px;
	width:50px;
	height:50px;
	cursor:pointer;
	display:none;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: #EEE 0px 0px 5px;
	-moz-box-shadow: #EEE 0px 0px 5px;
	box-shadow: #EEE 0px 0px 5px;
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#goTop:hover {background: #f39700;color:#FFF;padding-top: 0;}


/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }
.container {  }

/*頁首*/
.header {  }
.header ul { list-style:none; padding:10px 0; margin:8px 0 0; }

/*主選單*/
/*.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.3);
    text-transform: uppercase;
	padding:10px 0;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left: 0;}
.navbar-custom .navbar-brand {
    font-weight: 700;
    width: 355px;
    height: 50px;
    background: url('../images/all/logo.svg')no-repeat center left;
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navbar-custom .navbar-brand:focus {
    outline: 0;
}
.navbar-brand>img{max-height: 100%}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}
.navbar-custom .navbar-header .navbar-toggle {
	margin-bottom: 0;
    padding: 4px 6px;
    font-size: 16px;
}
.navbar-custom a {
    color: #fff;
}
.navbar-custom .nav li.rwd{display: none}
.navbar-custom .nav>li>a{position: relative;z-index: 1001;padding-bottom: 5px;}
.navbar-custom .nav>li>a::after{
	content: '';
	position: absolute;
	left: 50%;
	top: 80%;
	width: 30px;
	height: 30px;
	background: url('../images/all/lace_blue.svg')no-repeat center;
	background-size:contain; 
    -o-transform: translate(-50%,0) scaleY(0);
    -ms-transform: translate(-50%,0) scaleY(0);
    -moz-transform: translate(-50%,0) scaleY(0);
    -webkit-transform: translate(-50%,0) scaleY(0);
    transform: translate(-50%,0) scaleY(0);
    -o-transform-origin:center top;
    -ms-transform-origin:center top;
    -moz-transform-origin:center top;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}
.navbar-custom .nav li.active > a::after,
.navbar-custom .nav>li.open>a::after,
.navbar-custom .nav>li>a:hover::after{
    -o-transform: translate(-50%,0) scaleY(1);
    -ms-transform: translate(-50%,0) scaleY(1);
    -moz-transform: translate(-50%,0) scaleY(1);
    -webkit-transform: translate(-50%,0) scaleY(1);
    transform: translate(-50%,0) scaleY(1);
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.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.active > a,
.navbar-custom .nav li > a:hover {
    outline: 0;
    color: #0068b7;
    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);
}

.navbar-nav>li>.dropdown-menu{margin-top: 20px;padding-top: 10px;padding-bottom: 10px;}

.dropdown-menu>li>a{padding: 10px 20px;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navbar-custom .nav li .dropdown-menu>li>a:hover{color: #0068b6}

@media(min-width:768px) {
	.navbar-custom {
		padding: 10px 0;
		border-bottom: 0;
		letter-spacing: 1px;
	    background: rgba(255, 255, 255, 1);
		-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;
	}
	.navbar-custom.top-nav-collapse {
		padding: 0;
		border-bottom: 1px solid rgba(255,255,255,.3);
		background: #fff;
		box-shadow: 0 3px 3px rgba(0,0,0,.3);
	}
	.navbar-custom a{color: #666}
	.navbar-collapse{text-align: right}
	.container-fluid>.navbar-header, .container>.navbar-header{margin-right: 2%;}

	.navbar-custom.top-nav-collapse .nav>li>a::after{
		background: url('../images/all/lace_blue.svg')no-repeat center;	
		background-size:contain; 
	}
	.navbar-custom.top-nav-collapse .navbar-nav>li>.dropdown-menu{margin-top: 10px;}
	.dropdown-menu{left: 50%;background: rgba(255,255,255,.9);border:inherit;
	    -o-transform: translate(-50%,0) scaleY(0);
	    -ms-transform: translate(-50%,0) scaleY(0);
	    -moz-transform: translate(-50%,0) scaleY(0);
	    -webkit-transform: translate(-50%,0) scaleY(0);
	    transform: translate(-50%,0) scaleY(0);
	    -o-transform-origin:center top;
	    -ms-transform-origin:center top;
	    -moz-transform-origin:center top;
	    -webkit-transform-origin:center top;
	    transform-origin:center top;
		-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
		-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.dropdown.open .dropdown-menu{
	    -o-transform: translate(-50%,0) scaleY(1);
	    -ms-transform: translate(-50%,0) scaleY(1);
	    -moz-transform: translate(-50%,0) scaleY(1);
	    -webkit-transform: translate(-50%,0) scaleY(1);
	    transform: translate(-50%,0) scaleY(1);
	}

	.header ul.menuRight{display: inline-block;}
	.header ul.menuRight li{padding: 0 15px;}
	.header ul.menuRight li.mail{padding-top: 7px;padding-left: 0;display: inline-block}
	.header ul.menuRight li.mail.searchBox{margin-right: 50px;position: relative;}
	.header ul.menuRight li.mail.searchBox .icon{
    display: inline-block;
    vertical-align: middle;
	}
	.header ul.menuRight li.mail.searchBox .inputBox{display: inline-block; vertical-align: middle;width: 250px;padding-right: 10px;}
	.header ul.menuRight li.mail.searchBox .inputBox input,
	.header ul.menuRight li.mail.searchBox .inputBox input:focus{width: calc(100% - 70px);float: left;outline: none;color: #0068b7;}
	.header ul.menuRight li.mail.searchBox .inputBox a.btn_submit{width: 60px;float: right;padding-top: 3px;}
	.header ul.menuRight li.mail .btnStyle{padding: 5px 30px;border: solid 1px #0068b7;border-radius: 30px;text-align: center;color: #0068b7}
	.header ul.menuRight li.mail:hover .btnStyle{background: #0068b7;color: #fff}
	.header ul.menuRight li.mail a{color: #0068b7}
	.header ul.menuRight li.mail:hover a{color: #fff}
	.header ul.menuRight li.language{background: #0068b7;position: absolute;right: 0;top: 0;height: 70px;line-height: 70px}
	.header ul.menuRight li.language a{color: #fff}

	.header .navbar-custom.top-nav-collapse ul.menuRight li.language{height: 50px;line-height: 50px}
}

.nav .open > a, 
.nav .open > a:hover,
.nav .open > a:focus { background:none; }*/
.rwd-search{display: none;background: #ccc;}
.rwd-search .inputBox input{width: calc(100% - 75px);padding:10px;box-shadow: 0 0 0 #0068b7;}
.navbar-custom { margin-bottom: 0; border:none; border-radius:0; text-transform: uppercase; padding: 10px 0; background-color: #fff; }
.navbar-custom .container {  position:relative; }
.navbar-brand { padding:10px 0; height:70px; float:inherit; position:absolute; left:15px; top:0;}
.navbar-brand img { height:100%; }
.navbar-brand img.logo2 { display:none; }
.navbar-brand:focus { outline: 0; }
.inputBox a.btn_submit{cursor: pointer;}
#menu { height:auto; padding-left: 420px; width: 100%; letter-spacing: 1px;}
#menu > ul {  list-style:none; padding:0; margin:0; }
#menu ul.clearfix{ float: left;  }
#menu ul.clearfix li { position: relative; }
#menu > ul > li { float:left; padding:0; }
#menu > ul > li > a { display:block; padding:12px 15px; color: #666; white-space:nowrap; text-decoration:none; }
#menu > ul > li.mail > a{ padding: 0; }
#menu > ul.clearfix > li > a::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 65%;
    width: 30px;
    height: 30px;
    background: url(../images/all/lace_blue.svg)no-repeat center;
    background-size: contain;
    -o-transform: translate(-50%,0) scaleY(0);
    -ms-transform: translate(-50%,0) scaleY(0);
    -moz-transform: translate(-50%,0) scaleY(0);
    -webkit-transform: translate(-50%,0) scaleY(0);
    transform: translate(-50%,0) scaleY(0);
    -o-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    z-index: 1001;
}
#menu ul.clearfix >li:hover > a::after, #menu > ul.clearfix > li.active > a::after {
    -o-transform: translate(-50%,0) scaleY(1);
    -ms-transform: translate(-50%,0) scaleY(1);
    -moz-transform: translate(-50%,0) scaleY(1);
    -webkit-transform: translate(-50%,0) scaleY(1);
    transform: translate(-50%,0) scaleY(1);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#menu > ul > li > a:hover, #menu > ul > li:hover > a, #menu > ul > li.active, #menu > ul > li.active > a { outline: 0; color: #0068b7; }
#menu > ul > li a:focus, #menu > ul > li a:active { outline: 0; background-color: transparent; }
#menu > ul > li:hover > .dropdown-menu { display:block; }
.dropdown-menu>li>a{ padding: 10px 15px; }
.dropdown-menu>li>a:hover { color: #0068b6;}
.dropdown-menu { background:#1d50a2; margin:10px 0; padding:0; /*left:0; right:0;*/ top:auto; left: 50%; transform: translateX(-50%);
border-top-left-radius: 0;
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-topleft: 0;
background: rgba(255,255,255,.9);
    border: inherit;


}
.dropdown-menu > li > a { color:#262626; padding:10px 20px; }
.dropdown-menu > li > a:hover { background: inherit; color: #0068b7; }
.dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover { background:none; color:#a1d8e6; }
.slicknav_menu {	display:none;}
@media screen and (max-width: 768px) {
#menu { display:none;	}
.slicknav_menu { display:block; }
.rwd-search{display: block}
}


@media(min-width:769px) {
.header #menu ul.menuRight{display: inline-block; float: right; margin-right: 50px;}
.header ul.menuRight li{padding: 0 15px;}
.header ul.menuRight li.mail{padding-top: 7px;padding-left: 0;display: inline-block}
.header ul.menuRight li.mail.searchBox{margin-right: 50px;position: relative;}
.header ul.menuRight li.mail.searchBox .icon{ display: inline-block; vertical-align: middle;}
.navbar-custom {
    padding: 10px 0;
    border-bottom: 0;
    letter-spacing: 1px;
    background: rgba(255, 255, 255, 1);
    -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;
}
.navbar-custom.top-nav-collapse {
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    background: #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
}
.rwd { display: none;}
}
.header ul.menuRight li.mail.searchBox .inputBox{display: inline-block; vertical-align: middle;width: 250px;padding-right: 10px;}
.header ul.menuRight li.mail.searchBox .inputBox input,
.header ul.menuRight li.mail.searchBox .inputBox input:focus{width: calc(100% - 70px);float: left;outline: none;color: #0068b7;}
.header ul.menuRight li.mail.searchBox .inputBox a.btn_submit{width: 60px;float: right;padding-top: 3px;}
.header ul.menuRight li.mail .btnStyle{padding: 5px 30px;border: solid 1px #0068b7;border-radius: 30px;text-align: center;color: #0068b7}
.header ul.menuRight li.mail:hover .btnStyle{background: #0068b7;color: #fff}
.header ul.menuRight li.mail a{color: #0068b7}
.header ul.menuRight li.mail:hover a{color: #fff}
.header ul.menuRight li.language{background: #0068b7;position: absolute;right: 0;top: 0;height: 70px; line-height: 70px; transition: all .3s linear;}
#menu ul.menuRight li.language a{color: #fff; padding: 0 15px;}
#menu > .menuRight > .mail{     margin: 5px 10px;}
#menu > .menuRight > .searchBox{ margin-right: 30px; }
.header .navbar-custom.top-nav-collapse ul.menuRight li.language{height: 53px;line-height: 53px}
.navbar-custom.top-nav-collapse { padding: 2px 0;}
.navbar-custom.top-nav-collapse .navbar-brand{ top: -8px; }
.navbar-custom.top-nav-collapse .dropdown-menu{ margin: 2px 0 0; }


/*---------sidebar--------------*/ 
.sidebar { background-color: #0068b7; }
.sidebar .mtitle {     background-color: #f9f9f9; font-size: 22px; text-align: center; margin-bottom: .4em; border: 1px #cccccc solid; border-radius: 5px; line-height: 40px; color: #aaaaaa;} 
.sidebar .navbar-toggle { display:none; width:100%; float:inherit; text-align:left; margin:0; padding-left:1em; color: #629500; position:relative; }
.sidebar .navbar-toggle .fa-caret-down { position:absolute; top:15px; right:15px; }
.sidebar .navbar { padding-left: 20px; margin-bottom: 0px; text-align: left; }
.sidebar .navbar > li { text-align:center; display:inline-block; margin: 1em 0;}
.sidebar .navbar > li > a { color: #fff; display: block; padding: 0px 25px; border-right: 1px #bcc6cc solid; border-left: 1px #bcc6cc solid; font-size: 17px; margin-left: -5px; text-transform: uppercase;}
.sidebar .navbar > li:hover{  }
.sidebar .navbar > li > a:hover, .sidebar .navbar > li > a.active{text-decoration:none; color:#f9ba09; background-color: inherit;}
.sidebar .navbar > .active {  }
.sidebar .navbar > .active a{ color:#f9ba09;}
.affix { position:inherit;}

/*頁尾*/
.footer {text-align: center;}
.footer .footerBody{padding: 40px 30px 30px;text-align: center;background: #f5f5f5;}
.footer .footerBody .footerMenu{display: inline-block;width: 19%;padding-left: 10px;padding-right: 10px;vertical-align: top; text-transform: uppercase;}
.footer .footerBody .footerMenu img.unit{display: block;margin:auto auto 10px;width: 50px;}
.footer .footerBody .footerMenu h3,.footer .footerBody .footerMenu h3 a{font-size: 1.8rem;color: #0068b6;}
.footer .footerBody .footerMenu p{font-size: 1.4rem;}
.footer .footerBottom{padding: 30px;background: #0068b7;color: #fff;font-size: 1.4rem; }
.footer .footerBottom .row{ border-bottom: 1px #2f7cb7 solid; padding-bottom: 15px; margin-bottom: 20px;}
.footer .footerBottom .col-sm-6{ text-align: left; }
.footer .footerBottom p,.footer .footerBottom p a{color: #fff}
.footer .footerBottom p i{padding-right: 10px;}
.footer .footerBottom .copyright{}
.footer .footerBottom .copyright a{color: rgba(255,255,255,.2)}
.footer .footerBottom .copyright a:hover{color: rgba(255,255,255,.5)}
.footerBottom .row h4{ font-size: 21px; position: relative;  padding-bottom: 5px; margin-bottom: 15px;}
.footerBottom .row h4:after{ content: ""; width: 1.5em; height: 2px; background-color: #1487de; position: absolute; bottom: 0; left: 0px; }
.footer .txt_style{ text-transform: none; }

/*按鈕*/
.btnWrap {display: block;margin-bottom: 30px;text-align:center; }
.btnStyle{display: inline-block;padding: 5px 30px;border: solid 1px #0068b7;border-radius: 30px;text-align: center;color: #0068b7}
.btnStyle:hover{background: #0068b7;color: #fff}
.btn_send{ width: 100%; }

/* 標題 */
.indexTitle{display: inline-block;}
.main-title{text-align: center;border-bottom: solid 1px #333;text-transform: uppercase;}
.news-title{ border-bottom: solid 1px #333; margin-top: 10px; position: relative; padding-left: 40px;     margin-bottom: 35px;}
.news-title:before{ content: ""; position: absolute; top: 0; left: 0; background: url(../images/all/lace_blue.svg)no-repeat center; width: 40px; height: 30px; transform: rotate(90deg) scale(.7);	}
/*----banner---*/
.banner {position: relative; height:25vw; background-repeat:no-repeat; background-position:center top; background-size: cover; }
.banner .unitTitle{position: absolute;bottom:0;left: 0;right: 0;margin: 0;padding: 30px 10px;background: rgba(0, 104, 183, 0.6);text-align: center;color: #fff; text-transform: uppercase;}
.carousel {  height: 33.333vw; }
.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;
}
.carousel-caption{
    bottom: 10%;
    left: 30px;
    right: inherit;
    padding-left: 30px;
    padding-right: 30px;
    /* background: rgba(243, 151, 0,.9); */
    text-shadow: 0 2px 6px rgba(0,0,0,.8), 2px 2px 2px rgba(0,0,0,.5);
}
.carousel-inner h2 {
    text-transform: capitalize;
    font-style: italic;
    letter-spacing: 1px;
}
/* 首頁 */
.indexNews {
	position: relative;
	float: right;
	width: calc(50% - 45px);
	height: 300px;
	margin: 30px 30px 30px 0;
	background: url('../images/all/adornment.png')no-repeat right bottom, linear-gradient(135deg, rgba(183, 219, 255, 1) 0%, rgba(96, 171, 248, 1) 33%, rgba(0, 104, 183, 1) 100%);
	color: #fff;
}
.indexNews .indexTitle{padding: 18px 20px;background: #0068B7;font-size: 3rem;width: 115px;text-transform: uppercase;}
.indexNews .cap{padding: 30px;}
.indexNews .cap ul{}
.indexNews .cap ul li{padding: 0 10px;}
.indexNews .cap ul a{color: #fff}

.indexBlock2 {
	width: calc(50% - 45px);
	height: 300px;
	margin: 30px 0 30px 30px;
	background: #848ea5; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #c2cde4 0%, #5f76a8 44%, #16274f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #c2cde4 0%,#5f76a8 44%,#16274f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #c2cde4 0%,#5f76a8 44%,#16274f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2cde4', endColorstr='#16274f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.indexBlock2 .indexTitle{padding: 18px 20px;background: rgb(57, 77, 121);font-size: 3rem;color: #fff;text-transform: uppercase;}
.indexBlock2 .owl-carousel .item{height: auto;text-align: center;/* margin-top: -50px; */}
.indexBlock2 .owl-carousel .owl-item img{display: inline-block;vertical-align:bottom;max-height: 100%;width: 50%;max-width: 250px;}
.indexBlock2 .owl-carousel .owl-item .summary{display: inline-block;vertical-align:bottom;width: 50%;padding-left: 30px;padding-bottom: 50px;color: #fff;text-align: left;/*border-left: solid 4px #fff;*/}
.indexBlock2 .owl-carousel .item .summary .more{}
.indexBlock2 .owl-carousel .item .summary .more:after{content: '\f101';font-family: 'FontAwesome';padding-left: 2%;
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.indexBlock2 .owl-carousel .item:hover .summary .more:after{padding-left: 20%;}
.indexBlock2 .owl-theme .owl-dots{display: none}
.owl-theme .owl-nav [class*=owl-],
.owl-theme .owl-nav [class*=owl-]:hover{
    position: absolute;
    bottom: 1px;
    background: url(../images/all/control-icon.png)no-repeat,#1f2840;
    width: 30px;
    height: 60px;
    margin: 0;
    border-radius: 0;
    text-indent: -99999999px;
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-prev:hover{right: 30px;/* margin-bottom: 65px; */background-position: left;}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-next:hover{right: 0;background-position: right;}
.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-next:hover{opacity: .5;}

.indexContact{padding: 50px 30px;text-align: center;}
.indexContact .block{padding: 30px;border:solid 2px #0068b6;color: #0068b6;font-size: 2.4rem;}
.indexContact .block p{margin: 0;text-transform: uppercase;}
.indexContact .block p i{padding-right: 10px;}
.indexContact .block:hover{background: #0068b6;color: #fff}
/* 產品底層 */
.pic-txt-cross .grid { clear: both; overflow: hidden;}
.pic-txt-cross .grid [class^=col-] { padding:0; }
.pic-txt-cross .grid img { margin: 0 auto; }
.pic-txt-cross .grid .title{margin-bottom: 30px;font-size: 4rem;font-weight: lighter;}
.pic-txt-cross .grid .txt{padding-left: 30px;padding-right: 30px;}
.pic-txt-cross .arrow_r { float: right; width: 50%;  position: relative; }
.pic-txt-cross .arrow_l { float: left; width: 50%;  position: relative;}
.pic-txt-cross .arrow_l:after{content: '';border-style: solid;border-width: 30px 30px 30px 0;border-color: transparent #fff transparent transparent;position: absolute;right: 0;top: 46%; }
.pic-txt-cross .arrow_r:after{content: '';border-style: solid;border-width: 30px 0 30px 30px;border-color: transparent transparent transparent #fff;position: absolute;left: 0;top: 46%; }
.pic-txt-cross .flr { float: right; min-height: 1px;}
.pic-txt-cross .btn-1 {  border: 1px solid #369ada;   color: #369ada;}
.pic-txt-cross .btn {  padding: .5em 2em; }
.pic-txt-cross .btn-1e:after { background: #369ada; }
.pic-txt-cross .btn-1e:hover, .btn-1e:active {  color: #ffffff; }

.product_detail .grid{font-size: 1.7rem;}
.product_detail .grid.block1{background:#f5f5f5;box-shadow: 0 0 30px 5px rgba(0, 0, 0, .5);position: relative;}
.product_detail .grid.block1,.product_detail .grid.block2,.product_detail .grid.block5{ padding: 50px 0 20px;}
.product_detail .grid.block1 img,.product_detail .grid.block2 img,.product_detail .grid.block5 img{margin-bottom: 30px;}

.product_detail .grid.block1 .title{font-size: 2.5rem;}
.title_number{ font-size:4rem;}
.product_detail .grid p{margin-bottom: 30px;}
/* 開合效果 */
.product_detail .txt-clickopen{padding: 50px 0;}
.txt-clickopen ul,.txt-clickopen li { margin: 0;	padding: 0;	list-style: none;}
.txt-clickopen .qacontent ul.accordionPart { margin: 10px 10px 50px 10px;}
.txt-clickopen .qacontent ul.accordionPart li {	border-bottom: solid 1px #0068b7;	padding-bottom: 12px;	margin-top: 12px;}
.txt-clickopen .qacontent ul.accordionPart li .qa_title { padding-left: 15px; color: #0068b7;  cursor: pointer;  font-size: 2.4rem; display: block;}
.txt-clickopen .qacontent ul.accordionPart li .qa_title_on {color: #f39700}
.txt-clickopen .qacontent ul.accordionPart li .qa_content {  margin: 6px 0 6px 35px;  padding: 20px; border-left:solid 1px #0068b7;font-size: 1.8rem}
.txt-clickopen .hvr-icon-hang:before {content: '\f107';font-size: 1em;  right: .5em;}

/*產品清單頁*/
.pro_area {margin-top: 3em; }
.pro_area .col-xs-6{ margin-bottom: 2em; }
.pro_area .pro_box{ /*border: 1px #eee solid;*/ margin-bottom: 20px; overflow: hidden; }
.pro_area .pro_box img{ transform: scale(1); transition: all .3s linear;}
.pro_area .pro_name{ color: #0068b7;     border-bottom: 1px #ccc dashed; padding-bottom: 10px;}
.pro_area a{ display: block;}
.pro_area a:hover .pro_box{ /*border: 1px #0068b7 solid;*/}
.pro_area a:hover .pro_box img{ transform: scale(1.08);  }
.pro_area a:hover h4{ color: #f39700; }
.pro_area .col-xs-6:nth-child(4n+1){ clear: both; }
.keyword_box{ color:#454545; }
.box_style{ display:inline-block; background-color:#e8e8e8; padding: 3px 5px; font-size: 12px; margin: 3px 6px 3px 0; border-radius: 3px; line-height: 1.2;}
.pro_txt{ color:#666; margin:0;}

/*最新消息*/
.list-date-circle .css-table { display:table; width:100%; }
.list-date-circle .css-row { display:table-row; }
.list-date-circle .css-cell { display:table-cell; vertical-align:middle; }
.list-date-circle .css-cell { width:50%; vertical-align:top; padding:2em; float:left;}
.list-date-circle .css-cell a{display: table;}
.list-date-circle .date { /*float:left;*/ background: #0068b7; color:#fff; font-size:16px; font-weight:bold; line-height:1; font-family:Arial, Helvetica, sans-serif; font-style: italic; width:70px; height:70px; /*padding:10px 20px;*/ text-align:center; display: table-cell; vertical-align: middle; }
.list-date-circle .date strong { display:block; /*font-size: 33px;*/  border-bottom: 1px solid #fff;  margin: 5px 0;  padding-bottom: 5px; }
.list-date-circle .content { /*margin-left:120px;*/ display: table-cell; vertical-align: middle; padding-left: 20px; }
.list-date-circle .content h3 { font-size:22px; margin:10px 0; }
.list-date-circle .content p { color: #9d9d9d;  font-size: 13px;}
.hvr-sweep-to-right:hover a h3{ color: #fff; } 
.hvr-sweep-to-right:hover a .date{background: #fff; color:#0068b7;}
.hvr-sweep-to-right:hover a .date strong { border-bottom: 1px solid #0068b7; }


/*最新消息底層頁*/
.detail_date{ color: #0068b7; }
.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;}
.youtube{ width: 100%; height: 450px; margin-bottom: 2em;}

/*企業沿革*/
.h_color{ background-color: #f39700; color: #fff;}
.cd-timeline-content h2 { color: #0068b7 !important; }
.cd-timeline-content ul{ margin-top: 1em; padding: 0 0 0 25px; }
/*關於我們*/
.m_b{ margin-bottom: 35px; }
.about_area{ margin-bottom: 3em; }
.line_leftBox{ border-left: 5px #0068b7 solid; padding-left: 15px; margin-left: 5px; }
.philosophy_list{ margin: 0; padding: 0 0 0 20px; }
.philosophy_list li{ margin-bottom: 10px; }
.about_visionBox{ background-color: #f1f1f1; padding: 3em; margin-bottom: 3em; text-align: center; }
.about_visionBox h2 { position: relative; margin: 0 0 20px 0; }
.about_visionBox h2:after{ content: ""; position: absolute; left: 50%; top: 35px; width: 50px; height: 3px; background-color: #0068b7; transform: translateX(-50%); }
.mark_box{ display: inline-block; padding: 3px 20px; background-color: #f39700; font-size: 18px; border-radius: 30px; color: #ffffff; }

/*競爭優勢*/
.advantage_area{ margin-bottom: 3em; }
.table_box{ display: table; width: 100%; margin: 20px 0; }
.advantage_area h2{ color: #f39700;  display:table-cell; font-style: italic; margin: 0; vertical-align: middle;}
.number_box{ display:table-cell; width: 90px; }
.number_box div{ background-color: #f39700; color: #fff; font-size: 42px; width: 75px; height: 65px; vertical-align: text-bottom; text-align: center;
    border-radius: 20px 5px; transform: skewX(-15deg); margin-left: 5px;}
.advantage_area ul{ list-style-type: none; margin: 0 0 0 5px; padding: 0; }
.advantage_area ul li{ margin-bottom: 10px; position: relative; padding: 0 0 0 15px; }
.advantage_area ul li:before{ content: "\f054"; font-family: "FontAwesome"; position: absolute; left: 0; top: 5px; color: #0068b6; font-size: 12px;}
.p2_table{ width: 100%; background-color: #fff; }
.p2_table th{ background-color: #0068b7; color: #fff; }
.p2_table th, .p2_table td{ padding: 5px; border-bottom: 1px #cbdce6 solid; }
.p2_table tr:nth-child(odd){ background-color: #deeef7;  }
.p2_table td:nth-child(even), .p2_table th:nth-child(even){ text-align: center; }


/*聯絡我們*/
.con_txt{ text-align: center; margin-top: 1em; }
.contact_form{ margin-top: 1em; }
.contact_form .page_form { margin: .5em 0; }
.contact_form input.form-control.code { text-align: center; display: inline-block; width: 5em; font-size: 18px;margin: 0 10px 10px 0;}
.contact_form .btnWrap { margin:0; }
.contact_info .fa{ color: #f39700; margin-right: 10px; }
.contact_info h3{ color: #0068b7; padding-top: 20px; font-size: 22px;}
.map_box{ padding-top: 30px; border-top: 1px #dedede dashed; }
.contact_info .contact_box{ margin-bottom: 2em; }
.contact_info h3 span{ color:#239bf7;}
.contact_box p{ margin-bottom: 3px;}


/*Search*/
.search_area{ width:350px;}
.search_area .col-xs-12{ margin-bottom:2em;}
.search_box{ border-bottom: 1px #ccc solid; padding-bottom: 5px; }
.search_txt{ color: #0068b7; font-size: 24px; font-weight: bold; background-color: #fced37; padding: 2px 5px; }
.search_articleBox{ margin-top:3em; overflow: hidden;}
.search_article{  padding-bottom:5px; margin-bottom:5px;}
.search_article h3{ font-size: 22px; border-left: 5px #0068b7 solid; padding: 5px 5px 5px 10px; position:relative; }
.search_article h3:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0;  bottom: 0; background: #2098d1;  -webkit-transform: scaleX(0); transform: scaleX(0);  transition: all .3s linear;     -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.search_article a:hover h3{  color:#fff;}
.search_article a:hover h3:before{  -webkit-transform: scaleX(1); transform: scaleX(1);}
.search_article a:hover p{ color:#0068b7;}
.search_article a:hover span.search_txt{ color: #fff; background-color: #2098d1; }



/*共用*/
.img_style{ max-width: 100%; }

@media (max-width: 1366px) { 
.sidebar .navbar > li > a { padding: 0px 15px; font-size: 15px;}
.header ul.menuRight li.mail .btnStyle{padding: 5px 20px;}
}
@media (max-width: 1024px) { 
.banner{ height: 30vw;}
/* 主選單 */
.navbar-custom .navbar-brand{ width: 60px; height: 50px; background-size: 100%; background: url(../images/all/logo.svg)no-repeat center left; top: 10px;}
.navbar-brand img{ height: 0; }
#menu { padding-left: 80px;}

/* 首頁 */
.indexNews .indexTitle{
    top: 0;
    bottom: inherit;
    width: auto;
    background: rgb(167, 167, 167);
    font-size: 2.4rem;
}
.indexNews .cap{padding-left: 100px;}
.indexBlock2 .owl-carousel .owl-item .summary{width: 45%;}
.indexBlock2 .owl-carousel .owl-item .summary h3{ font-size: 22px;}

/* 產品底層 */
.product_detail .grid{font-size: 1.8rem;}
.product_detail .grid.block1 .title,.pic-txt-cross .grid .title{font-size: 2.4rem;}
.txt-clickopen .qacontent ul.accordionPart li .qa_title{font-size: 2rem;}

.advantage_area h2{ font-size: 24px; }
}

@media (max-width: 991px){
/* 產品底層 */
.pic-txt-cross .grid:nth-child(odd) .txt, .pic-txt-cross .grid:nth-child(even) .txt { padding:0; }
.pic-txt-cross .arrow_l { float: none; width: 100%; clear: both; }
.pic-txt-cross .arrow_r { float: none; width: 100%; }
.pic-txt-cross .arrow_l:after,.pic-txt-cross .arrow_r:after { display:none; }

.pro_area .col-xs-6:nth-child(4n+1){ clear:inherit; }
.pro_area .col-xs-6:nth-child(3n+1){ clear: both; }
.list-date-circle .css-cell{ display: block; width: 100%; padding: 1em;}
}
@media (max-width: 860px){
.indexBlock2 .owl-carousel .owl-item .summary { width: 55%;}
.indexBlock2 .owl-carousel .owl-item img{ width: 40%; vertical-align:top;}
.indexBlock2 .owl-carousel .owl-item .summary h3 { font-size: 20px;}
}
@media (max-width: 768px) { 
/*----banner---*/
.banner { height: 40vw;}
.carousel {height: 66.666vw;}
/* 主選單 */
.navbar-custom{padding: 3px 0;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.3);}
.container-fluid>.navbar-header, .container>.navbar-header{margin: 0;}
.navbar-collapse.in{padding: 0;background: #0068b7;text-align: center}
.navbar-custom .nav li > a{padding-top: 15px;padding-bottom: 15px;color: #fff}
.navbar-custom .nav li.rwd{display: block}
.navbar-custom .nav li.rwd.language{background: rgb(243, 152, 0)}
.navbar-custom .nav li.active > a,
.navbar-custom .nav li > a:hover{background: rgba(255,255,255,.1);color: #fff}
.navbar-custom .nav>li>a::after{
	background: url('../images/all/lace.svg')no-repeat center;
	background-size:contain; 
	top: 60%;
}
.navbar-nav .open .dropdown-menu>li>a{padding-top: 15px;padding-bottom: 15px;}
.navbar-custom .nav>li>a:hover::after{display: none}
.dropdown-menu{text-align: center;}
.dropdown.open .dropdown-menu{margin-top: 20px;padding-top: 20px;padding-bottom: 20px;background: rgba(255,255,255,.2)}
.dropdown-menu>li>a{color: #fff; padding: 15px;}
.header ul.menuRight{display: none;}
.navbar-custom .navbar-brand {
    width: calc(100% - 70px);
    height: 40px;
    background-size:contain;
}
.slicknav_menu .slicknav_menutxt{ display: none; }
.slicknav_menu .slicknav_icon-bar { background-color: #0068b7;}
.slicknav_menu .slicknav_icon-bar { width: 1.8em; height: .166em;}
.slicknav_nav { font-size: inherit; background-color: #0068b7; max-height: 374px; overflow: auto; overflow-x: hidden;}
.slicknav_nav .slicknav_arrow {  display: none;}
.slicknav_nav ul {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    margin: 0;
    float: inherit;
    right: auto;
    border-radius: 0;
}
.sidebar .navbar { padding-left: 0; text-align: center;}
.sidebar .navbar > li > a{ margin-left: 0px; }
.header ul{  padding: 0; margin: 0; }
.slicknav_nav .slicknav_row, .slicknav_nav a { padding: 15px 0; margin: 0; text-align: center;}
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: rgba(255,255,255,.1); color: #fff; }
.slicknav_nav ul.dropdown-menu { width: 100%; background-color: #3386c5; transform: translateX(0%);}
.slicknav_nav .dropdown-menu > li > a:hover { background: rgba(246, 246, 247, 0.3); color: #ffffff;}
.slicknav_nav a.btn_submit{ display: inline-block; } 
.slicknav_nav li, .slicknav_nav ul { text-align: center;}
.slicknav_nav li.language{ background: rgb(243, 152, 0); }
.slicknav_nav a.btn_submit:hover{ background-color: inherit; }
.slicknav_nav a.btn_submit{ margin-left: 10px; padding: 0;}
.rwd .icon { display: none; }
.inputBox input{ color: #454545; }
.navbar-custom.top-nav-collapse .navbar-brand { top: 10px;}

/* 首頁 */
.indexNews,
.indexBlock2{width: calc(100% - 60px);float: none;margin: 30px;height: auto;}

.pro_area .col-xs-6:nth-child(3n+1){ clear:inherit; }
.pro_area .col-xs-6:nth-child(2n+1){ clear: both; }
.footer .footerBottom .col-sm-6{ margin-bottom: 30px; }
.footer .footerBottom .row{ padding-bottom: 0; }

/*最新消息底層頁*/
.page-content iframe { height:400px; }
.about_visionBox{ padding: 1.5em; }

.advantage_area{ margin-bottom: 2em; }
.advantage_area .col-sm-6{ margin-bottom: 2em; }


/*---------sidebar--------------*/
.sidebar ul li{ width:100%;}
.sidebar .navbar-toggle { float: inherit; width:100%; background-color: #555; color: #fff; display: block;} 
.sidebar .navbar-toggle .fa{ margin: 0 10px;}

.sidebar ul li a:hover { color: #fff;}
.sidebar .navbar > .active a { color: #fff;}
.sidebar .navbar > li > a:hover, .sidebar .navbar > li > a.active{ background-color:#0068b7; color:#fff;}
.sidebar .navbar > .active { border-color: #ccc; background-color: #0068b7;}
.sidebar { width: 95%; margin: 1em auto 0; background-color: #ffffff;}
.sidebar .navbar > li { border-bottom: 1px #0068b7 solid; margin: 0;}
.sidebar .navbar > li > a { color: #0068b7; padding: 10px 0px;}
}

@media (max-width: 640px) { 
#goTop { width:100%; left:0; right:0; bottom:0; border-radius:0; border:0; border-top:1px solid #eee;background: #666}
/* 頁尾 */
.footer .footerBody{display: none}
.footer .footerBottom{padding-bottom: 80px;}
/*----banner---*/
.banner{height: 50vw;}
.carousel {height: 100vw;}
.carousel-caption{left: 0;right: 0;bottom: 0;padding-bottom: 50px;}
.list-date-circle .date{ border-radius: 0; }
/*最新消息底層頁*/
.page-content iframe { height:320px; }
.img-left, .img-right, .img-left1, .img-right1 { float:inherit; padding-right: 0; padding-left: 0;}
.img-left img, .img-right img, .img_center img,
.img-left1 img, .img-right1 img { display:block; width:100%; max-width:inherit; }

.main-title { font-size: 32px;}
.search_area{ width:100%;}
}
@media (max-width: 480px) { 
/*----banner---*/
.banner{height: 60vw;}
/* 首頁 */
.indexNews .indexTitle,.indexBlock2 .indexTitle{
    position: inherit;
    top: inherit;
    width: 100%;
    margin-bottom: 20px;
    background: rgba(255,255,255,.2);
}
.indexNews .cap{padding: 0;}
.indexBlock2 .owl-carousel .owl-item img{width: 100%;}
.indexBlock2 .owl-carousel .owl-item .summary{width: calc(100% - 20px);margin-left: 20px;padding-bottom: 0;}
.indexContact .block{font-size: 1.8rem;}

.page_01 span, .page_01 span{ display: none; }
.main-title { font-size: 28px;}

/*最新消息底層頁*/
.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; }
}

@media (max-width: 420px) { 
.pro_area .col-xs-6{ float: inherit; width: 100%; }
.main-title { font-size: 25px;}
}