@charset "utf-8";
@import url(https://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 */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);/* google 仿宋 cwTeXFangSong */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);/* google 思源黑體 Noto Sans TC */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);/* google 圓體 cwTeXYen */

/* CSS Document */
body, html { height:100%; }
body {
	font-family: 'Nunito', 'Noto Sans TC', sans-serif; /*自行增減使用 */
	font-size: 18px;
	line-height:1.8;
	color: #333;
}
a { color:#000;  }
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; }
*/

/* 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: #ff2959; }
.green { color: #19a568; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }

/* 標題 */
h1.title{text-align: center;font-weight: lighter;font-size: 2vw;margin-bottom: 50px;margin-top: 70px;padding-bottom: 10px;border-bottom: solid 1px #000;}
h1.title .btn-style{float: right;}
h1.title  span{display: block;font-size: 2rem;margin-bottom: 15px;}
/* 回頂端 */
#goTop {
	z-index: 1;
	position: fixed;
	bottom: 150px;
	right: 20px;
	display: none;
	cursor: pointer;
	text-align: center;
}
#goTop .goTopStyle {
	color: #fff;
	background: #333;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-moz-border-radius: 100% 100% 100% 0;
	-webkit-border-radius: 100% 100% 100% 0;
	border-radius: 100% 100% 100% 0;
	transform: rotate(-45deg) scale(1);
	-webkit-transform: rotate(-45deg) scale(1);
	-moz-transform: rotate(-45deg) scale(1);
	-o-transform: rotate(-45deg) scale(1);
}
#goTop:hover .goTopStyle {
    background: #ffa067;
    background: -moz-linear-gradient(-45deg, #ffa067 0%, #ff2959 49%, #eb6da5 100%);
    background: -webkit-linear-gradient(-45deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);
    background: linear-gradient(135deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#eb6da5',GradientType=1 );
	color: #FFF;
	-moz-border-radius: 100% 0 100% 100%;
	-webkit-border-radius: 100% 0 100% 100%;
	border-radius: 100% 0 100% 100%;
	transform: rotate(-45deg) scale(1.15);
	-webkit-transform: rotate(-45deg) scale(1.15);
	-moz-transform: rotate(-45deg) scale(1.15);
	-o-transform: rotate(-45deg) scale(1.15);
}
#goTop .goTopStyle p {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
#goTop:hover .goTopStyle p {
	top: -30px;
	margin-right: -60px;
	color: #ff2959;
	position: relative;
}
#goTop:hover .goTopStyle p:after {
	content: '';
	width: 8px;
	height: 8px;
	background: rgba(255,255,255,.8);
	position: absolute;
	bottom: -30px;
	left: 50%;
	border-radius: 100% 0 100% 100%;
	transform: translate(-50%) rotate(-45deg);
	-webkit-transform: translate(-50%) rotate(-45deg);
	-moz-transform: translate(-50%) rotate(-45deg);
	-o-transform: translate(-50%) rotate(-45deg);
	-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);
}
.call-center a {
	z-index: 5;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #333333;
	width: 50px;
	height: 50px;
	border: solid 1px #fff;
	line-height: 50px;
	-o-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.call-center a:hover {
    background: #ffa067;
    background: -moz-linear-gradient(-45deg, #ffa067 0%, #ff2959 49%, #eb6da5 100%);
    background: -webkit-linear-gradient(-45deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);
    background: linear-gradient(135deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#eb6da5',GradientType=1 );
}
.call-center a.mail{bottom:80px;}
/* 效果 */
.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-03s{
	-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);
}
.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);
}
/*常用*/
.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt30{padding-top:30px;}.pt50{padding-top:50px;}.pt100{padding-top:100px;}
.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb30{padding-bottom:30px;}.pb50{padding-bottom:50px;}.pb100{padding-bottom:100px;}
.pl10{padding-left:10px;}.pl15{padding-left:15px;}
.pr10{padding-right:10px;}.pr15{padding-right:15px;}
.mt10{margin-top:10px;}.mt30{margin-top:30px;}.mt50{margin-top:50px;}.mt100{margin-top:100px;}
.mb10{margin-bottom:10px;}.mb30{margin-bottom:30px;}.mb50{margin-bottom:50px;}.mb100{margin-bottom:100px;}

/* 頁碼 */
.pagination > li {  }
.pagination > li > a { border:none; border-bottom:3px solid #ddd; margin:0 5px; color:#999; transition: all 0.3s ease 0s; }
.pagination > li > a:hover { border-bottom:3px solid #aaa; background:#f5f5f5; color: #eb6da5}
.pagination > li.active > a, .pagination > li.active > a:hover { border-bottom:3px solid #eb6da5; background:none; color:#eb6da5; }
.pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 0;  border-bottom-left-radius: 0; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

/* lightBox */
.lb-data .lb-caption{font-size: 1.6rem;font-weight: 400}

/* 錨點設定 */
.linkPointArea{position: relative;}
.linkPointArea .linkPoint{position: absolute;bottom:100%;height: 100px;display: block;}

/* 分享樣式 */
.share-grid{font-size: 3.4rem;line-height: 0;text-align: right}
.share-grid a.fb {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 30px;
    height: 30px;
}
.share-grid a.fb .fa{
    display: inline-block;
    margin-top: -2px;
    color: #3c62b9;
}
.share-grid iframe{display: inline-block;vertical-align: top;}
/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }
.container {  }
.article-OutSide{padding: 30px 50px 0;margin-top: 30px;}
/*頁首*/
.header {  }
.header ul { list-style:none; padding:0; margin:0; }

/*主選單*/
.navbar-header{min-width: 300px}
.navbar-brand{width: 100%;	height: auto;}
.navbar-brand img{float: left;max-height: 100%;}
.navbar-brand span{float: right;padding-top: 7%;padding-left: 12px;font-family: 'cwTeXYen';color: #eb6da5;font-size: 2.4rem}
.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;
}
.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: #000;
}
.navbar-custom .nav li > a {
	padding: 15px;
	font-size: 1.6rem;
    -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;
    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);
    border-bottom: solid 4px #eb6da5;
}
.navbar-custom .nav li.active > a:hover {
    color: #8b89b8;
}
.navbar-custom .nav > li > a:hover{color: #8b89b8;}

.navbar-custom .nav li > .dropdown-menu a:hover {
    background: rgba(235, 109, 165, 0.3);
}

@media(min-width:768px) {
	/* 首頁 */
	.header .dropdown .dropdown-menu{
	    background: rgba(255,255,255,.9);
		left: 50%;
	    -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);

	}
	.header .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);
	}
	/*主選單*/
	.navbar-custom {
		padding: 20px 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;
	}
	.navbar-custom.top-nav-collapse {
		padding: 0;
		border-bottom: 1px solid rgba(255,255,255,.3);
		background: #ffffff;
		box-shadow: 0 10px 15px rgba(0,0,0,.3);
	}
	.navbar-custom .container{background: #ffffff;box-shadow: 0 10px 15px rgba(0,0,0,.3);}
	.navbar-custom.top-nav-collapse .container{background: transparent;box-shadow: none;}
	.navbar-custom.top-nav-collapse .navbar-brand{height: 50px;padding-top: 5px;padding-bottom: 5px;}
	.navbar-custom.top-nav-collapse .navbar-brand span{padding-top: 10px;}
	.navbar-custom .nav > li > a {padding-top: 30px;padding-bottom: 30px;}
	.navbar-custom.top-nav-collapse .nav > li > a {padding-top: 15px;padding-bottom: 15px;}
}

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


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

/*頁尾*/
.footer {}
.footer .footerTop{padding: 50px 10px;background: #f5f5f5;text-align: center;}
.footer .footerTop .text{float: left;width: 33.333%;padding: 0 10px;border-right: solid 1px #999;}
.footer .footerTop .text:last-child{border-right: none;}
.footer .footerBody{padding: 30px 10px;text-align: right;background: #eee;}
.footer .footerBody img{max-width: 100%;padding: 30px;padding-left: 0;}
.footer .footerBody .text{float: right;width: 80%;padding-top: 30px;padding-left: 30px;text-align: left;border-left:solid 1px #ddd;}
.footer .footerBody .text .block{float: left;width: 33.333%;}
.footer .footerBody .text .title{font-weight: bold;}
.footer .footerBody .text span{padding: 0 5px;background: #999;border-radius: 3px;color: #fff;font-size: 1.4rem;}
.footer .footerBottom{padding: 30px 10px;background: #333;text-align: center;color: #fff;font-size: 1.4rem}
.footer .footerBottom a{color: #fff}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btn-style{
    display: inline-block;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 1.4rem;
    margin: 0 auto;
    border-radius: 2px;
    text-decoration: none;
    border-left: solid 1px #333;
    border-right: solid 1px #333;
    -ms-transition: 0.60s;
    transition: 0.60s;
    -webkit-transition: 0.60s;
}
.btn-style:hover{
    text-decoration: none;
    color: #fff;
	border: none;
    background: #FF2024;
    background: -moz-linear-gradient(-45deg, #ffa067 0%, #ff2959 49%, #eb6da5 100%);
    background: -webkit-linear-gradient(-45deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);
    background: linear-gradient(135deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#eb6da5',GradientType=1 );
	-webkit-box-shadow: 4px 12px 11px -7px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 12px 11px -7px rgba(0,0,0,0.3);
    box-shadow: 4px 12px 11px -7px rgba(0,0,0,0.3);
}
.btn-style2{
	display: inline-block;
	padding: 5px 30px 5px 40px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 5px 5px rgba(0, 0, 0, 0.2);
	background: #ffa067;
	background: -moz-linear-gradient(-45deg, #ffa067 0%, #ff2959 49%, #eb6da5 100%);
	background: -webkit-linear-gradient(-45deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);
	background: linear-gradient(135deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#eb6da5',GradientType=1 );
	color: #fff;
	border: inherit;
	-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);
}
.btn-style2:hover{
	color: #fff;
	background: #888;
	box-shadow: 0 28px 20px rgba(0, 0, 0, 0.3)inset, 0 7px 5px rgba(0, 0, 0, 0.2)inset;
}
.btn-style2:after{
	content: '\f105';
	padding-left: 10px;
    font-family: 'FontAwesome';
    opacity: 0;
	-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);
}
.btn-style2:hover:after{opacity: 1;padding-left: 30px;}

.btn-style3{
	display: inline-block;
	padding: 5px 30px 5px 40px;
	color: #fff;
	background: #888;
	border: inherit;
	box-shadow: 0 28px 20px rgba(0, 0, 0, 0.3)inset, 0 7px 5px rgba(0, 0, 0, 0.2)inset;
}

.btn-style3:hover{
	background: #a8ebff;
}
.btnWrap {
	position: relative;
	display: inline-block;
	padding: 7px 28px;
	border-bottom:solid 1px #1e1f18;
	color: #1e1f18;
	margin-top: 1em;
}
.btnWrap:hover {
	border-bottom-color: #eb6da5;
	color: #1e1f18;
	padding-left:70px;
	padding-right: 70px;
	margin-left: 42px;
}
.btnWrap.right:hover{margin-left: 0;margin-right: 42px;}
.btnWrap.right::after{
	left: inherit;
	right: 50%;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.btnWrap.right:hover::after{right: 0;left: inherit;}
.btnWrap::after {
	content: '';
	position: absolute;
	left:50%;
	bottom:4px;
	width: 14px;
	height: 1px;
	background: #1e1f18;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	opacity:0;
	-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);
}
.btnWrap:hover::after {
	left: 0;
	background: #eb6da5;
	opacity:1;
}
.btnWrap {
	-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);
}

.more-imgbox{display: block;width: 100%;height: 250px;margin:auto;background: url(../images/all/more.png)no-repeat center/cover;}

/*----banner---*/
.banner ,
.carousel {  height: 40vw;margin-bottom: 50px;border-top: solid 4px #eb6da5;}
.class .banner{margin-bottom: 0;}
.banner{position: relative;}
.banner h2{
	color: #fff;
	font-size: 5.5vw;
	font-weight: lighter;
	text-shadow: 0 1px 10px rgba(0,0,0,.8);
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.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;
	animation: grow 60s  linear 10ms infinite;
	transition:all 0.2s ease-in-out;
}
@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}
.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-fade .carousel-inner .item {  transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {  opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  left: 0;  transform: translate3d(0, 0, 0); }

.carousel-caption { font-family: 'cwTeXYen';bottom: 35%;text-shadow: 0 1px 10px rgba(0,0,0,.8);}
.carousel-caption.ll{
    left: 0;
    right: 40%;
}
.carousel-caption.mm{}
.carousel-caption.mm .left{float: left}
.carousel-caption.mm .right{float: right}
.carousel-caption.rr{
    left: 40%;
    right: 0;
}
.carousel-caption h2{font-size: 3vw}

/* index 首頁 */
.Ad_News{
	width: 100%;
	margin-top: 50px;
	-ms-display:table;
	-moz-display:table;
	-webkit-display:table;
	display:table;
}
.Ad_News a{color: #333;}
.Ad_News .ad-block{display: table-cell;width: 50%;background:#ccc;background: url('../images/index/index-AD.jpg')no-repeat center top;background-size:contain; }
.Ad_News .ad-block .infor {
	margin-top: 45%;
	padding: 10px;
	background:rgba(170, 170, 170, .9);
	background: -moz-linear-gradient(-45deg, rgba(238, 238, 238, 0.9) 0%, rgba(204, 204, 204, 0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(238, 238, 238, 0.9) 0%, rgba(204, 204, 204, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(238, 238, 238, 0.9) 0%, rgba(204, 204, 204, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.Ad_News .ad-block .infor ul {	list-style: none;	margin: 0;	padding: 0;}
.Ad_News .ad-block .infor ul li {	display: inline-block;	padding: 10px 10px 10px 15px;	background: url('../images/all/icon-style.png')no-repeat left center;}
.Ad_News .news-block {
	display: table-cell;
	width: 50%;
	padding: 10px 10px 30px;
	color: #43426f;
	background: #8b89b8;
	background: #f1efff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f1efff 0%, #c6c5e0 47%, #8b89b8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f1efff 0%, #c6c5e0 47%, #8b89b8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f1efff 0%, #c6c5e0 47%, #8b89b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.Ad_News [class*=-block] h2.title {
	margin-bottom: 30px;
	padding: 0 20px;
	text-align: right;
	font-size: 3vw;
	font-weight: lighter;
	font-style: italic;
	color: #e36ea3;
	border-bottom: solid 4px #fff;
	margin-top: -50px;
    font-family: 'Noto Sans TC';
}
.Ad_News [class*=-block] a{text-decoration: none;border-bottom: double 5px #d3a685;}
.Ad_News [class*=-block] h2.title span{font-size: 1.5vw;padding-left: 10px;padding-right: 10px;}
.Ad_News .ad-block h2.title{font-size: 2.5vw;color: #000;margin-top: -30px;margin-left: 10px;margin-right: 10px;border-bottom:none}
.Ad_News .news-block .news_all{}
.Ad_News .news-block .news_all ul{list-style: none;margin: 0;padding: 0;}
.Ad_News .news-block .news_all ul li{padding: 10px;}
/* 課程首頁 */
.class-menu{position: relative;margin-top: -48px;margin-bottom: 70px;text-align: center;}
.class-menu .list{float: left;width: 33.333%;padding: 10px 0;background: rgba(0, 0, 0, 0.7);border-left: solid 1px rgba(255, 255, 255, 0.3);/* border-right: solid 1px #fff; */color: #fff;font-size: 2rem;}
.class-menu .list.active,
.class-menu .list:hover{box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);background: #ffa067;background: -moz-linear-gradient(-45deg, #ffa067 0%, #ff2959 49%, #eb6da5 100%);background: -webkit-linear-gradient(-45deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);background: linear-gradient(135deg, #ffa067 0%,#ff2959 49%,#eb6da5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#eb6da5',GradientType=1 );color: #fff;}
.Ad_News.class{}
.Ad_News.class a{text-decoration: none}
.Ad_News.class .ad-block{min-height: 250px;background: url('../images/p2/AD.jpg')no-repeat center;background-size: cover;}
.Ad_News.class .news-block{background: #fff}
.Ad_News.class .news-block h2.title{border-color: #e36ea3;border-width: 1px;}
/* 輪播 */
.owl-carousel {
    width: calc(100% - 120px);
    margin: auto;
}
.owl-theme .owl-nav [class*=owl-],
.owl-theme .owl-nav [class*=owl-]:hover{position: absolute;top: 50%;background: url('../images/all/control-icon2.png')no-repeat;width: 60px;height: 120px;text-indent: -99999999px;opacity: .3;
    -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: 100%;background-position: left;}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-next:hover{left: 100%;background-position: right;}
.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-next:hover{opacity: .5;}
.owl-theme .owl-dots{display: none}
.owl-style{}
.owl-style .item{overflow: hidden;background: #ffffff;padding: 5px;border: solid 1px #ddd;}
.owl-style .item img{
	-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);
}
.owl-style .item:hover img{
	opacity: .6;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.owl-style .item .text{position: relative;padding: 10px;background: #ffffff;}
.owl-style2{}
.owl-style2 .item{position: relative;overflow: hidden;border-radius: 10px;}
.owl-style2 .item img{max-width: 100%;
	-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);
}
.owl-style2 .item .text{position: absolute;top: 100%;left: 0;right: 0;clear: both;overflow: hidden;padding: 10px;background: rgba(0,0,0,.5);color: #fff;}
.owl-style2 .item .text p{float: left}
.owl-style2 .item .text i{float: right;padding-top: 8px;}
.owl-style2 .item:hover .text{
    -o-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
	-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);
}
.owl-style2 .item:hover img{
	opacity: .6;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* 下拉視窗 */
.dropdownStyle{margin:0 auto 30px;width: 300px;}

/* 底層 */
.detail-pic{float: left;width: 50%;padding-right: 15px;}
.detail-infor{float: right;width: 50%;padding-left: 15px;}
.detail-infor .title{margin-top: 50px;margin-bottom: 30px;padding: 10px 30px;border-left: solid 4px #ff2959;color: #ff2959;background: #eee;}
.detail-infor p{margin-bottom: 30px;}
.detailed-information{margin-top: 30px;}
/*  底層樣式 - 六圖六文  */
/*  左圖、右圖統一原始圖尺寸寬度為600px，高不限  */
.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;}

.date-fourimg-txt .page-title { padding:1.5em 0; position:relative; }
.date-fourimg-txt .page-title h1 {padding-bottom: 30px;border-bottom: solid 1px #000;}
.date-fourimg-txt .date { border: 1px solid #eb6da5; color: #eb6da5;margin-right: 20px; padding: 5px;  text-align: center; float: left; width: 76px; height: 66px; 
						  font-size: 13px;  position:relative; }
.date-fourimg-txt .date span.dd {  line-height: 0.8;  display: block; font-size: 36px; font-weight: bold;}
.date-fourimg-txt .date i {  font-size: 2em;  color: #eb6da5;  margin-right: 8px;  position: absolute;  right: -26px;  top: -18px;}


/* 列表樣式 2  */
.title-date-txt .list-date-item{ width:100%;  list-style-type:none; margin:30px 0 10px 0; padding:0; overflow:hidden; }
.title-date-txt .list-date-item li { border-bottom:1px solid #ccc; margin:0;}
.title-date-txt .list-date-item li a{ display:block; padding:30px 10px 10px 10px;}
.title-date-txt .list-date-item li a:hover{ display:block; background:#f2f2f2; padding:30px 10px 10px 10px;}
.title-date-txt .list-date-item li .title{ font-size:20px; color:#eb6da5; text-align: left;}
.title-date-txt .list-date-item li .date{ font-size:16px; color:#eb6da5; line-height:35px;}
.title-date-txt .list-date-item li .tx{ font-size:16px; color:#333; line-height:28px;  padding:0 0 30px 0;}

/* 列表樣式 3  */
.box-date-info .wrap { padding-bottom:3em; overflow:hidden; }
.box-date-info .wrap:nth-child(2n+1){ clear:both; }
.box-date-info .flet { float:left; width:40%; text-align: center; }
.box-date-info .fler { margin-left:45%; }
.box-date-info .img img { margin-bottom:5px; max-width:100%;  max-height: 170px; }
.box-date-info .title { font-size:18px; margin:0 0 10px 0; padding-top:15px; border-top:2px solid #eb6da5; }
.box-date-info .info { font-size:13px; color:#999; }
.box-date-info .date { background:#f2f2f2; border:1px solid #f2f2f2; color:#aaa; padding:5px; text-align:center; border-radius:5px; }
.box-date-info .date .fa { display:none; }
.box-date-info a { display:block; clear:both; overflow:hidden;  }
.box-date-info a:hover .img img { opacity:.8; }
.box-date-info a:hover .title { color:#eb6da5; }
.box-date-info a:hover .info { color:#000; }
.box-date-info a:hover .date { background:#fff; border:1px solid #eb6da5; color:#eb6da5; }

/* 列表樣式 4  */
.list-img-txt-date img { transition:transform 0.3s ease-in-out, opacity 0.3s; margin: 0 auto; }
.list-img-txt-date a:hover img { opacity:.8; transform:scale(1.05, 1.05); }
.list-img-txt-date .row { padding-bottom:3em; }
.list-img-txt-date .title, .list-img-txt-date p { margin:0; }
.list-img-txt-date .title { margin:.5em 0;  }
.list-img-txt-date .small { margin-bottom:5px; }
.list-img-txt-date .date {  color:#aaa;  }
.list-img-txt-date .btn { float: right; font-size: 1.6rem;}
.list-img-txt-date .btn:hover{background: #eb6da5;border-color: #eb6da5;}

/* 有好連結 */
.logobox-hicon .partnerbox { text-align: center; margin-bottom: 2.5rem;}
.logobox-hicon .partnerbox:nth-child(4n+1){ clear: both; }
.logobox-hicon .partnerbox a { background: #EAEAEA;  display: block; border-radius: 10px;  padding: 5px; font-size:16px;}
.logobox-hicon .partnerbox p { margin: 0;  padding: 5px 0;  }
.logobox-hicon .partnerbox a:hover { background: #5bc0de; box-shadow: 0 2px 7px #b1acac; text-decoration: none;  color: #fff;}
.logobox-hicon .partnerbox .img { width: 100%; overflow: hidden; margin: 0 auto;  background: #fff;  position: relative;}
.logobox-hicon .partnerbox .img span { display:none; font-size: 3.5rem; color: #FFFFFF;  background: #5bc0de;  padding: 10px; border-radius: 50%;   }
.logobox-hicon .partnerbox a:hover .img span { display:block;position:absolute;left:47%;top:40%;margin-top:-13px;margin-left:-13px; }
.logobox-hicon .partnerbox .img img{ width:100%;margin: 0; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
	-webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;     transition: all .5s ease-in-out;}	
.logobox-hicon .partnerbox a:hover .img img{ filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;   
 -webkit-transform: scale(1.05);  -moz-transform: scale(1.05);   -ms-transform: scale(1.05); -o-transform: scale(1.05);  transform: scale(1.05);}

/* 聯絡我們 */
.lform-title-rinfo .contact_form {/* width:50%; *//* float:left; */margin-left: 3%;}
.lform-title-rinfo .page_form .input1,.lform-title-rinfo .page_form select,.lform-title-rinfo .page_form textarea { border: 1px solid #f2f2f2;
    padding: 8px 10px;  background: #f7f7f7; line-height: 1.1; box-shadow: none;  width: 95%;  margin-bottom: 15px; color: #606060;font-size: 15px; }
.lform-title-rinfo .page_form select.form-control { padding: 4px 8px;  }
.lform-title-rinfo .page_form .input3{border: 1px solid #f7f7f7; padding: 5px 10px; background: #f6f6f6; line-height: 1.1; color: #606060;font-size: 15px;}
.lform-title-rinfo .contact_form .page_form.col-md-6 { padding-left: 0; }
.lform-title-rinfo .contact_form .page_form2 { margin: 2em 0;}

.lform-title-rinfo .contact_info{/* float:right; *//* width:45%; */}
.lform-title-rinfo .contact_list { list-style: none;  padding: 0;}
.lform-title-rinfo .contact_list li{/* clear:both; */padding-bottom:20px;color:#337ab7;font-weight:bold;overflow:hidden;float:  left;width: 33.333%;}
.lform-title-rinfo .box1{ float:left; width:50px; height:50px; display:block; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; text-align:center; padding-top:7px; border:2px solid #337ab7; margin-right:8px;}
.lform-title-rinfo .tx_r{ float:left; line-height:25px; width:80%;}
.lform-title-rinfo .box1 i, .lform-title-rinfo .tx_r a{ color:#337ab7; margin: 0; }
.lform-title-rinfo .phone_t a{cursor: text;}
.lform-title-rinfo .tx_pad{ line-height:50px;}
.lform-title-rinfo .input1::-webkit-input-placeholder, .lform-title-rinfo .input2::-webkit-input-placeholder, .lform-title-rinfo .input3::-webkit-input-placeholder { color: #6d6d6d; }
.lform-title-rinfo .input1:-moz-placeholder, .lform-title-rinfo .input2::-webkit-input-placeholder, .lform-title-rinfo .input3::-webkit-input-placeholder { color: #6d6d6d; }
.lform-title-rinfo .input1::-moz-placeholder, .lform-title-rinfo .input2::-moz-placeholder, .lform-title-rinfo .input3::-moz-placeholder { color: #6d6d6d; }
.lform-title-rinfo .input1:-ms-input-placeholder, .lform-title-rinfo .input2:-ms-input-placeholder, .lform-title-rinfo .input3:-ms-input-placeholder  { color: #6d6d6d; }
.share-fb-block {margin: 0 -15px 30px;clear: both;overflow: hidden}
.share-fb-block .item{float: left;width: 33.333%;text-align: center}
.share-fb-block .item img{margin: 0 auto;}
/* 成功案例 - 相簿 */
.img-hover-title .mosaic-block { margin-bottom: 2em; }
.img-hover-title .mosaic-block:nth-child(3n+1) { clear:both; }
.img-hover-title .mosaic-img { height: 270px;  display: -webkit-flex;  -webkit-align-items: center;  display: flex; align-items: center;  justify-content: center; }
.img-hover-title .mosaic-img img { max-width: 100%; display: block; }
.img-hover-title .mosaic-block > .mosaic-box{  position: relative; overflow: hidden; margin-bottom: .5em; display: block; }   
.img-hover-title .mosaic-overlay {z-index:5; position:absolute; width:100%; height:100%; background-color: rgba(0,0,0,0.8);display: block; top: 80%; height: 100%;  transition: top .3s ease-out;}
.img-hover-title .mosaic-block:hover .mosaic-overlay { top: 0; }
.img-hover-title .txt{ padding: 8px; }
.img-hover-title .txt h4 { color: #fff; }
.img-hover-title .mosaic-box:hover .txt {  position: absolute;  width: 100%;   left: 0%;   top: 35%;   text-align: center; }
.img-hover-title .mosaic-box:hover .txt h4 { border: 1px solid #ccc;   display: inline-block;  padding: 1em;}

@media (max-width: 1200px){
/* 成功案例 - 相簿 */
.img-hover-title .mosaic-img { height: 340px; }
.img-hover-title .mosaic-block:nth-child(3n+1) { clear:inherit; }
.img-hover-title .mosaic-block:nth-child(2n+1) { clear:both; }
}
@media (max-width: 1366px) { 
/*全頁佈局*/
.article-OutSide .container {width: 100%;padding: 0;}

}
@media (max-width: 1024px) { 
/* 標題 */
h1.title{font-size:5vw;}
/*全頁佈局*/
.article-OutSide{padding: 10px 15px 0}
/* banenr */
.carousel{height: 70vw;margin-bottom: 15px;}
.carousel .fill{background-attachment:fixed;}
.carousel-caption h2{font-size: 5vw}
/* 主選單 */
.navbar-header{width: auto;min-width: inherit}
.navbar-brand{width: auto;}
.navbar-brand span{display: none;}
/*頁尾*/
.footer .footerBody{text-align: left}
.footer .footerBody .text{float: none;width: 100%;padding-left: 0;border-left:inherit;}
/* index 首頁 */
.Ad_News{
	margin-top: 50px;
    -ms-display: block;
    -moz-display: block;
    -webkit-display: block;
    display: block;
}
.Ad_News .ad-block{display: block;width: 100%}
.Ad_News .ad-block .infor{margin-top: 50%;}
.Ad_News .news-block{display: block;width: 100%;margin-top: 45px;}

.Ad_News [class*=-block] h2.title{margin-top: -30px;font-size: 7vw;border-width: 1px}
.Ad_News .ad-block h2.title{}
/* 課程首頁 */
.Ad_News.class{margin-top: 0;}
.Ad_News.class .ad-block{margin-left: -15px;margin-right: -15px;}
/* 底層 */
.detail-infor .title{margin-top: 30px;font-size: 2.4rem}
}

@media (max-width: 992px) {
/* 聯絡我們 */
.lform-title-rinfo .contact_form { width:100%; float:none;margin: 0;}
.lform-title-rinfo .contact_info{ float:none; width:100%;}
.lform-title-rinfo .contact_list{ width:100%; margin:0 auto;}

.lform-title-rinfo .contact_form .page_form.col-md-6 { padding: 0; }
.lform-title-rinfo .page_form .input1, .lform-title-rinfo .page_form select, .lform-title-rinfo .page_form textarea{width: 100%;margin-right: 0;}
.share-fb-block {margin-left: -5px;margin-right: -5px;}
.share-fb-block .item{padding: 0 5px;}
}

@media (max-width: 768px) {
/* 標題 */
h1.title{font-size:7vw;}
/*----banner---*/
.carousel {
    height: 100vw;
}
.carousel-caption.ll,
.carousel-caption.mm,
.carousel-caption.rr{left: 0;right: 0;bottom: 0;padding: 5px;background: rgba(235, 109, 165, .9)}
.carousel-caption.mm .left,.carousel-caption.mm .right{float: none;display: inline-block}
.carousel-caption h2{margin: 0;font-size: 7vw}
.carousel-indicators{display: none}
/* 主選單 */
.navbar-custom{padding: 0;background: #fff}
.navbar-brand span{display: inline-block;font-size: 1.8rem;}
.navbar-custom .nav > li > a{padding-left: 0;padding-right: 0;}
.navbar-nav .open .dropdown-menu>li>a{padding: 15px;}
.navbar-nav .open .dropdown-menu{border-left: solid 1px #000}
/*頁尾*/
.footer .footerBody .text .block{margin-bottom: 30px;padding-bottom: 30px;width: 50%;border-bottom:solid 1px #ddd;}
.footer .footerBottom{padding-bottom: 50px;padding-top: 40px;}
/*  底層樣式 - 六圖六文  */
/*  左圖、右圖統一原始圖尺寸寬度為600px，高不限  */
.date-fourimg-txt .page-title h1{font-size: 2.4rem}
.date-fourimg-txt .date{float: none;height: 56px;}
.date-fourimg-txt .date span.dd{font-size: 2.4rem}
/* index 首頁 */
.Ad_News [class*=-block] h2.title{font-size: 8vw;}
/* 輪播 */

.owl-style2 .item .text{position: inherit;top: inherit;left: inherit;right: inherit;padding: 10px;background: rgba(0,0,0,.5);color: #fff;}
.owl-style2 .item .text p{}
.owl-style2 .item:hover .text{
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
/* 底層 */
.detail-pic,
.detail-infor{width: 100%;}
/*  底層樣式 - 六圖六文  */
.page-content iframe { height:400px; }
/* 列表樣式 3  */
.box-date-info .row { padding:0; }
.box-date-info .col-sm-6 { padding-bottom:2em; }
.box-date-info h3 { margin-top:.5em; }
/* 列表樣式 4  */
.list-img-txt-date .btn { display:none; }
/* 有好連結 */
.logobox-hicon .partnerbox:nth-child(4n+1){ clear: inherit; }
.logobox-hicon .partnerbox:nth-child(3n+1){ clear: both; }
/* 成功案例 - 相簿 */
.img-hover-title .mosaic-img { height: 260px; }
/* 聯絡我們 */
.lform-title-rinfo .contact_list li{width: 100%;}
}

@media (max-width: 640px) { 
/*  detail style - 六圖六文  */
.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; }
/* 成功案例 - 相簿 */
.img-hover-title .mosaic-img { height: auto; }
.img-hover-title .mosaic-block { float:inherit; width:100%; max-width:400px; margin: 0 auto 2em;}

}
@media (max-width: 480px) { 
/*----banner---*/
.banner{height: 80vw;}
.banner h2{font-size: 10vw}
/*頁尾*/
.footer .footerBody .text .block{width: 100%;}
.footer .footerTop .text{width: 100%; margin-bottom: 10px;border-right: none; border-bottom: solid 1px #999;}
.footer .footerTop .text:last-child{border:none;}
/* 按鈕 */
h1.title .btn-style{padding: 2% 5%;}
/*  底層樣式 - 六圖六文  */
.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; }
/* 列表樣式 3  */
.box-date-info .flet { float:inherit; width:100%; }
.box-date-info .fler { margin-left:0; }
/* 列表樣式 4  */
.list-img-txt-date .col-xs-6 { width:100%; float:inherit; }
/* 有好連結 */
.logobox-hicon .partnerbox { width:50%; }
.logobox-hicon .partnerbox:nth-child(3n+1){ clear: inherit; }
.logobox-hicon .partnerbox:nth-child(2n+1){ clear: both; }
}

@media (max-width: 400px) { 
/* 有好連結 */
.logobox-hicon .partnerbox { width:100%; float: inherit; max-width: 300px; margin: 0 auto 2.5rem;}
}
@media (max-width: 320px) { 

}