/*隱藏模組*/
.RWDedictor002 .section-line{display:none;}
.RWDproduct002 .section-line{display:none;}

/*Banner*/
.RWDfullScreenEditor:before{background: rgba(0, 0, 0, 0);}
.RWDfullScreenEditor .logo img{width:540px;margin-top: 105px;}
.RWDfullScreenEditor .intro-body .intro-text{font-size: 65px;font-family:'Microsoft YaHei';letter-spacing: 1px;}
.RWDfullScreenEditor .intro-body .page-scroll {display:none;}
@media (min-width: 768px){.RWDfullScreenEditor .intro-body .page-scroll {margin-top: 75px;display:none;}}
@media (min-width: 768px){.RWDfullScreenEditor .intro-body .page-scroll a.btn {padding: 15px 20px;font-size: 18px;display:none;}}

/*頁首*/
.navbar.navbar-fixed-top{min-height: 90px;background-color:#fafafa !important ;}

/*ScrollDown*/
.scrollDown001{width:100%;position:absolute;bottom:28px;}
.scrollDown001:hover{opacity: 0.7;}

/*Logo*/
.navbar.navbar-fixed-top .navbar-brand{width:100px;padding-top:0px!important;}

/*選單*/
.nav>li>a{padding: 10px 20px !important;}
.navbar.navbar-fixed-top .navbar-nav > li > a{color:#565656 !important;}
.navbar.navbar-fixed-top .navbar-nav > li > a:hover{color:#fff !important;}
.navbar li > ul{background:#000 !important;}
.navbar li > ul li a{color:#FFF !important;}
.navbar li > ul li:hover a{color:#FFF !important;}
.navbar li > ul li:hover{background:#7bbfea !important;}
.navbar.navbar-fixed-top .navbar-nav > li.hassubmenu.show > a{color: #7bbfea;}
.navbar.navbar-fixed-top .navbar-nav > li.hassubmenu.show > a > i > img:nth-child(1){
display: none !important;
}
.navbar.navbar-fixed-top .navbar-nav > li.hassubmenu.show > a > i > img:nth-child(2){
display: inline-block !important;
}
@media (min-width: 769px){.navbar-right {max-width: 100% !important;}}
@media (min-width: 992px){.navbar.navbar-fixed-top .navbar-nav > li > a {height: 100px !important;padding-top: 14px !important;line-height: 80px}}

/*關於*/
.About_panel{padding:80px 0px;}
.About_panel .img-rounded{border-radius:0px;}
.RWDedictor002 .section-content{padding-top: 150px;}
.RWDedictor002 h1.main-title{font-size: 32px;letter-spacing: 2px;font-weight: 700;color: #444;font-family: 'Microsoft YaHei';}
.RWDedictor002 h2.sub-title{font-size: 14px;color: #7bbfea;margin: 4px 0 0;font-weight: 300;}
.RWDedictor002 .RWDedictor002-text > .page-scroll{padding-top: 18px;}
.RWDedictor002 .btn.btn-rj {background-color: #464646;border-color: #464646;}
.RWDedictor002 .btn.btn-rj:hover, .RWDedictor002 .btn.btn-rj:focus{background-color: #6D8E01;color: #fff;border-color: #6D8E01;}

.RWDedictor002 ._bd_column{padding-left:0px;}
._bd_row a{color:#353535 !important;}

/*影音專區*/
.newVideo_bg{width:100%;padding:120px 0px;}
.RWDvideo002 h1.main-title{font-size: 32px;letter-spacing: 2px;font-weight: 700;color: #444;font-family: 'Microsoft YaHei';}
.RWDvideo002 h2.sub-title{font-size: 14px;color: #7bbfea;margin: 4px 0 0;font-weight: 300;}
.RWDvideo002 .section-line{display:none;}
.newVideo_bg ._bd_column._bd_full{text-align: center;}
.RWDvideo002 figure.effect-sarah h2{color: #313131;}
.RWDvideo002 figure.effect-sarah h2::after{height: 1px;background: #313131 none repeat scroll 0 0;}

/*最新消息*/
.newNews_bg{background:#f1f1f1;padding:120px 0px;width:100%;}
.RWDnews005 .owl-carousel{margin-bottom: 0px;}
.RWDnews005 h1.main-title{font-size: 32px;letter-spacing: 2px;font-weight: 700;color: #444;font-family: 'Microsoft YaHei';}
.RWDnews005 h2.sub-title{font-size: 14px;color: #7bbfea;margin: 4px 0 0;font-weight: 300;}
.RWDnews005 .section-line{display:none;}
.RWDnews005 .size-12{color: #6f6f6f;}

/*過場背景*/
.RWDedictor003 .section-overlay {background-color: rgba(0, 0, 0, 0);}
.RWDedictor003 {color: #FFFFFF;}

/*聯絡我們*/
.newContact_bg{padding:80px 0px;width:100%;}
.newContact_bg a{color:#7bbfea;}
.newContact_bg a:hover{color:#000;}

/*Gmap*/
.RWDgmap001 .google-container{margin:80px 0px;height: 257px;border-top: 0px solid #fff;}

.scrollTop001 .icon{background: transparent url(../img/111.svg) center center no-repeat;}

/*footer*/
footer.footer{border-top: 0px solid #6D8E01;}
footer.footer .copyright_block{text-align: center;}




/*手機版*/
.navbar.navbar-fixed-top .navbar-toggle{background-color: transparent;margin-top:30px;}
.navbar-inverse .navbar-toggle{border-color: #e6e6e6;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #d8d8d8;}
@media screen and (max-width: 768px){.navbar.navbar-fixed-top .navbar-brand{width:100px;}}
@media screen and (max-width: 768px){.RWDedictor002 .section-content{padding-top: 60px;padding-bottom: 0}}
@media screen and (max-width: 768px){.About_panel{padding-bottom:0px;}}
@media screen and (max-width: 768px){.newVideo_bg{padding:80px 0px 70px 0px;}}
@media screen and (max-width: 768px){.newNews_bg{padding:80px 0px;}}
@media screen and (max-width: 768px){.navbar.navbar-fixed-top{min-height: 65px;}}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #ececec;}



/*-------內頁-------*/


/*隱藏*/
#RWDPAGE_BASE_PAT01 .sign { display: none;}

/*選單*/
.navbar a.navbar-brand img{float: none;margin: 0px;width: 220px;height: auto;}
#RWDPAGE_BASE_PAT01 .navbar .nav{margin:0px;}
#RWDPAGE_BASE_PAT01 .navbar a.navbar-brand{/* margin-top: 10px; */ padding: 15px 15px;}
#RWDPAGE_BASE_PAT01 .navbar.navbar-fixed-top .navbar-nav > li > a{font-size:16px;}
#RWDPAGE_BASE_PAT01 .navbar .nav li a{margin:0}
#RWDPAGE_BASE_PAT01 .navbar-right{margin-right: -15px !important;}
#RWDPAGE_BASE_PAT01 .navbar.navbar-fixed-top .navbar-nav > li > a:hover{background:#7bbfea;color: #fff}
#RWDPAGE_BASE_PAT01 .navbar-nav>li:hover {    background: #fff;}
#RWDPAGE_BASE_PAT01 .navbar .nav li a:hover, .navbar .nav li a:active{border-bottom: solid 0px #7bbfea;}
.copyright  a{color: #c9c9c9;}
.copyright{color:#888; line-height: 25px;}


/*內頁標題*/
.title-line{width: 20px; height: 3px; background: #3c3c3c;margin:0 auto; margin-top: 19px;}
.title-line1{width: 92px; height: 2px; background: #3c3c3c; margin-top: 8px;}
.title-line2{width: 61px; height: 2px; background: #3c3c3c; margin-top: 8px;}
.title-line3{width: 85px; height: 2px; background: #3c3c3c; margin-top: 8px;}
.title-line4{width: 155px; height: 2px; background: #3c3c3c; margin-top: 8px;}


.left_title{font-family: 'Microsoft YaHei';}
.page_subject{display:none;}
.hgroup .container{border-bottom: 0px solid #cccccc;}

/*內頁內容*/
@media (min-width: 992px){
#RWDPAGE_BASE_PAT01 .col-md-offset-1 { margin-left: 5.333333%;}}

@media (min-width: 992px){
#RWDPAGE_BASE_PAT01 .col-md-8 { width: 69.666667%;}}


/*about*/
.left_title_s{font-family:'Microsoft YaHei';}

/*MEMBER*/
@media screen and (max-width:480px){.left_title img {width:100%!important;}.left_title .mf5 {width:60%!important;margin-left: 20%}}

/*CONCERTS*/

.img1 img{width:60%}



@media screen and (max-width:800px)
{.img1  img{width: 100% !important;}
.concerts_title:after { content: " &";}}

/*頁尾*/
.title_01{font-family: 'Microsoft YaHei';}
.title_01 h3 {font-size: 22px;color: #c1c1c1;letter-spacing: 1px;padding:0;font-weight:bold;margin: 2.25em 0 0.5em;}
.title_01 h3:first-child {margin-top: 0.7em;}
.title_01 p {font-size: 14px;line-height: 23px;margin: 20px 0;color: #666;letter-spacing: 1px;}
.title_01 b { color: #3a3a3a;}
.newContact_bg a {color: #7bbfea !important;}
.newContact_bg a:hover {color: #666 !important;}
#toTop {display: none !important;}

.copyright {text-align: center;font-size: 13px;padding:15px 0}
footer{background: #161616;}
@media (max-width:1024px){
#navigation > div.container{width:100%;}
}
@media (max-width: 768px) {
/*頁尾資訊*/
.title_02 {margin-top: 2.25em !important;}

#RWDPAGE_BASE_PAT01 .navbar .nav{text-align: center;}

#RWDPAGE_BASE_PAT01 .navbar a.navbar-brand{margin-top: 0;}
.navbar.navbar-fixed-top .navbar-brand { padding-top: 0px;}
}


@media screen and (max-width: 991px) and (min-width: 800px) {
  .navbar-nav > li > a{
    line-height:30px!important
  }
  .navbar-nav > li{
		margin-top: 30px!important
	}
  
}
@media screen and  (min-width: 992px) {
  .navbar.navbar-fixed-top .navbar-nav > li > a{
  	 height: 50px!important;
  }
  .navbar-nav > li > a{
    line-height:25px!important;
   
  }
  .navbar-nav > li{
		margin-top: 30px!important
	}
  
}
.mf1{
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
@media screen and (min-width: 769px) and (max-width: 840px) {
	.RWDedictor002 .section-content{
		padding-top: 90px;
		padding-bottom: 30px
	}
}
.mf2{
	margin-top: 90px;
	margin-bottom: 90px
}
.mf3{
	margin-top: 90px
}
.mf4{
	height: 48px;
	overflow: hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
@media screen and (max-width: 991px) {
	.mf5{
		width: 40%;
		margin-left: 30%
	}
	.mf6{
		display: inline-block;
    	width: 100%;
    	text-align: center;
    	padding-top: 10px;
	}
}


@media screen and (min-width: 930px) {
	.box1{
		width: 40%;
		margin-left: 5%;
		float: left
	}
	.box2{
		width: 50%;
		float: left

	}
}
@media screen and (max-width: 929px) {
	.box1 video{
		margin-left: 2.5%
	}
	.box2{
		padding: 0 2.5%

	}
}
@media screen and (max-width: 527px) {
	.page ul li{
		margin-left: 0;
    	width: 33.333%;
    	margin-bottom: 15px;
	}
}
@media screen and (max-width: 450px) {
	.page ul li{
		margin-left: 0;
    	width:50%;
    	margin-bottom: 15px;
	}
	.page ul li a{
		margin:auto;
	}
}
.newbox{
	width: 40%;
	margin-left: 5%;
	margin-right:5%;
	float: left;
	margin-bottom: 40px

}
@media screen and (max-width: 550px) {
	.newbox{
		width: 100%;
		margin-left: 0%;
		margin-right:0%;
		float: none
	}
}
.page ul li.aaa a{
	margin:auto;
}
.mf16{
	width: 100%;
	text-align: center;
	display: inline-block;
	/* padding-top: 15px */
}
@media screen and (max-width: 991px) {
	.mf16{
		padding-top: 15px
	}
}
@media screen and (max-width: 850px) {
	.mf6{
		width: 25%;
		margin-left: 0!important
	}
	
}
@media screen and (max-width: 850px) {
	.mf6{
		width: 25%;
		margin-left: 0!important
	}
	
}
.mf7{
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
@media screen and (max-width: 991px) {
	.mf9{
		width: 33.33%;
		margin-left: 0px!important;
		margin-bottom: 15px
	}

}
@media screen and (max-width: 340px) {
	.mf9 a{
		width: 100px!important
	}
}
.itemlink2{
	height: 22px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.pmf{
	height: 66px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
@media screen and (max-width: 767px) {
	.litem4{
		width: 50%;
		float: left
	}
}
@media screen and (max-width: 500px) {
	.litem4{
		width:100%;
		float: none
	}
}
@media screen and (max-width: 527px) {
	.page-mf ul li{
		width: 24px;
		margin-bottom: 0;
		margin-left: 12px;
	}
}
@media screen and (max-width: 767px) {
	.main .container-mf{
		padding-left:0px;
		padding-right: 0px 
	}
}
@media screen and (max-width: 480px) {
	.img4 img{
		width: 30px!important
	}
}
.list-mf1{
	float: left;
}
.list-mf2{
	float: right
}
@media screen and (max-width: 550px) {
	.list-mf1,.list-mf2{
		float: none;
		width: 100%;
		display: block;
		text-align: left

	}
}
.err-input[placeholder], .err-input::-webkit-input-placeholder {
    color: red !important;
}
@media screen and (max-width: 800px) {
	.RWDvideo002 figure.effect-sarah figcaption.mf22{
		display: none!important
	}
}

.newbox2{
	height: auto;
}
@media screen and (max-width: 767px) {
	.newbox2{
		height: auto;
		margin-bottom: 25px
	}
}
#navigation{
	position: relative;
	z-index: 999999
}

@media screen and (max-width: 480px) {
	.navbar a.navbar-brand img{
		max-width: 125%!important
	}
}
.page ul li.aaa a{
	width: auto;
	padding: 0 30px
}
@media screen and (max-width: 540px) {
	.page ul li.aaa a{
		width: 100%!important;

	}
	.page ul li{
		width: auto!important
	}
}

.box1 .swiper-button-prev.swiper-button-white{
	background-image:url(../img/prev.svg)
}
.box1 .swiper-button-next.swiper-button-white{
	background-image:url(../img/next.svg)
}

@media screen and (max-width: 540px){
	.box1 .swiper-button-prev.swiper-button-white,
	.box1 .swiper-button-next.swiper-button-white{
		background-size:20px 44px
	}
}
.mf666{
  text-align: justify;
}
@media screen and (max-width: 991px) {
  .mf666{
    text-align: left!important;
  }
  .mf666 span{
    text-align: left!important;
  }
  .mf666 p{
    text-align: left!important;
  }
}
section.call_to_action h3{
  min-height: 60px!important;
  line-height: 2
}

section.call_to_action h3{
  font-size: 16px!important
}
@media screen and (max-width: 767px){
	section.call_to_action h3{
	  min-height: auto!important;
	}
}