@import url(../fonts/flaticon/flaticon.css);
@import url(revise.css);
@import url(header.css);
@import url(footer.css);
@import url(hover.css);
@import url(banner.css);


/*========================================================
                      	 h1 設定
=========================================================*/

.h1-title {
	font-size: 1.6rem;
	text-align: center;
	margin: 0 0 50px 0;
	color: #fff;
    padding: 10px 15px 12px;
    background-color: #4386ac;
}

.h2-title {
    font-size: 1.2rem;
	font-weight: bold;
    margin: 0 0 10px 0;
    text-align: left;
    color: #0078bd;
}
.h2-title:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 16px;
    margin-right: 8px;
    background-color: #0078bd;
}
.h3-title {
    color: #333;
	margin: 0 0 20px 0;
	font-size: 26px;
	position: relative;
	font-weight: bold;
}
.h3-title:after {
    content: '';
	display: block;
	width: 40px;
	height: 4px;
	background-color: #9d2109;
	margin-top: 6px;
}

/*  尺寸設定 */
@media (min-width: 1200px) {
    .h1-title {
        font-size: 1.8rem;
    }
}
@media (min-width: 1600px) {
    .h1-title {
        font-size: 2rem;
    }
    .h2-title {
        font-size: 1.4rem;
    }
}



/*========================================================
                      	 內頁框架
=========================================================*/

.content {
	padding-bottom: 50px;
}

/* 麵包屑 */
.breadcrumbs {
	text-align: right;
    font-size: 1rem;
	background: #e5d8b3;
	color: #8e6d4d;
}
.breadcrumbs a {
	display: inline-block;
	/*text-decoration: underline;*/
	color: #8e6d4d;
	padding: 10px 0 10px 0;
}
.breadcrumbs a:hover {
	text-decoration: none;
}
.breadcrumbs a.home {
	font-weight: bold;
}
.breadcrumbs span {
	margin: 0 2px 0 4px;
	color: #8e6d4d;;
	font-weight: bold;
    font-size: 1.2rem;
}


/* 字級設定 */
.function-list {
	text-align: right;
	margin-bottom: 20px;
}
.font-change {
	display: -moz-inline-stack;
	display: inline-block;
 *display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 0 0 30px;
	font-weight: bold;
	line-height: 32px;
}
.font-change h3 {
	display: inline-block;
	font-size: 1rem;
	margin: 0;
	vertical-align: sub;
}
.font-change ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.font-change ul li {
	display: -moz-inline-stack;
	display: inline-block;
 *display: inline;
	zoom: 1;
	vertical-align: top;
}
.font-change ul li a {
	display: inline-block;
	border: 1px solid #e1e1e1;
	width: 32px;
	text-align: center;
	padding: 0;
	margin: 4px 0 0 0;
	font-weight: normal;
	background-color: #0078bd;
	color: #fff !important;
	font-size: 0.938rem;
    vertical-align: top;
}



.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}


@media (min-width: 768px) {
.col-sm-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}


/*========================================================
                      	 選單
=========================================================*/

.navsub,.page_nav_row,.page_nav_row2 {
	display: none;
}
.navsub-list {
	-webkit-box-shadow: 0 0 5px rgba(65, 65, 65, 0.7);
	box-shadow: 0 0 5px rgba(65, 65, 65, 0.7);
	text-align: center;	
	margin-right: 30px;
	padding-bottom: 5px;
	background-color: #fff;
/*	border: 1px solid #adadad;*/
}

.navsub-list h2 {
	color: #fff;
	background-color: #4386ac;
	padding: 12px 10px;
	text-align: center;
	margin: 0 0 10px 0;
}
.navsub-list ul {
	list-style: none;
	margin: 20px 20px 40px 20px;
	padding: 0;
}
.navsub-list ul li {
}
.navsub-list ul li a {
	display: block;
	padding: 7px;
	color: #333;
	font-size: 18px;
	margin: 0 0 10px 0;
	background-color: #ededed;
}
.navsub-list ul li a:hover {
	color: #000;
	background-color: #acd2e3;
}

.navsub-select {
	/*margin-left: 15px;
	margin-right: 15px;*/
    width: 100%;
	}
.navsub-select h3,.device-nav h3 {
	text-align: center;
	}
.navsub-select .form-control {
	margin-bottom: 20px;
}




.device-nav{
	position:relative;
	width: 100%;
	margin:0 auto;
	display: block;
}

.device-nav:before{
	position: absolute;
	right: 15px;
	top: 45px;
	display: block;
}

/*        .device-nav .form-control{
	border-radius: 0;
	box-shadow: none;
}
*/
select.form-control { 
  /*Chrome和Firefox裡面的邊框是不一樣的，所以複寫了一下*/ 
  /*border: solid 1px #000; */
  /*很關鍵：將默認的select選擇框樣式清除*/ 
  appearance:none; -moz-appearance:none; -webkit-appearance:none; 
  /*為下拉小箭頭留出一點位置，避免被文字覆蓋*/ 
  padding-right: 14px; 
	  /*border-radius: 4px;*/
} 
/*清除ie的默認選擇框樣式清除，隱藏下拉箭頭*/ 
select.form-control::-ms-expand { display: none; }       


.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #e5d8b3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/*  尺寸設定 */
@media (min-width: 1200px) {
	.navsub,.page_nav_row,.page_nav_row2 {
		display: block;
	}
	.navsub-select,.device-nav {
		display: none;
	}
}


/*========================================================
                      	 切換選單
=========================================================*/

.wrap-tabs {
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs li {
	text-align: center;
}
.nav-tabs li a {
	display: block;
	font-size: 1rem;
	border-radius: 0;
	color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #d9d9d9;
    font-weight: bold;
}
.nav-tabs > li > a.active, 
.nav-tabs > li > a.active:hover, 
.nav-tabs > li > a.active:focus {
	display: block;
	background-color: #0078bd;
    color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
	display: block;
    text-decoration: none;
    background-color: #0078bd;
    color: #fff;
}

.tab-content {
	padding: 40px 0;
}


/*  尺寸設定 */
@media (max-width: 639px) {
	.nav-tabs {
		margin-bottom: 20px;
	}
}
@media (min-width: 992px) {
    .nav-tabs li a {
        font-size: 1.2rem;
    }
}


/*========================================================
                        共同設定
=========================================================*/

.page_nav_row {
	text-align: center;
	/*max-width:1200px;*/
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 60px;
}
.page_nav_row2 {
	text-align: center;
	max-width:700px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 60px;
}
.page_nav_item {
	margin-top: 36px;
	text-align: center;
}

.page_nav_item a {
	padding: 20px 0;
	width: 100%;
	display: block;
	background-color: #d0b384;
	color: #fff;
	position: relative;
	border-radius: 12px;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.page_nav_item a:hover,
.page_nav_item a.active {
	background-color: #e5d8b3;
	text-decoration: none;
}

.page_nav_item a .border_inner {
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 2px dashed #fff;
	border-radius: 8px;
}

.page_title {
	padding-left: 30px;
	margin-top: 60px;
	color: #333;
	font-size: 2.4rem;
	padding: 0 0 10px 0;
	line-height: 45px;
}

@media (min-width:992px) {
	.page_title {
		/*padding-left:60px;*/
		font-size: 3rem;
	}
}
@media (min-width:992px){
	.nav_about:hover .sub_nav_about,
	.nav_product:hover .sub_nav_product,
	.nav_solution:hover .sub_nav_solution,
	.nav_news:hover .sub_nav_news,
	.nav_contact:hover .sub_nav_contact{ display:block;}
}


.justify-content-center{
	padding-top: 30px;
}
.md-10{
	padding-top: 20px;
}
.md-30{
	padding-top: 60px;
}
/*========================================================
                        關於萊恩
=========================================================*/

/*-------教學理念------*/
.about-wrap {
	background: url(../images/all_bg.png) no-repeat;
	background-attachment: fixed;
	background-repeat: repeat;
	position: relative;
}

.about_block {
	padding-top: 30px;
	padding-bottom: 30px;
}

.page_about_wrapper {
	position: relative;
}
.page_about_text h1{
	margin-bottom: 40px;
    /* padding-left: 40px; */
    color: #9b7d5c;
    font-size: 1.4rem;
    /* letter-spacing: 5px;
    line-height: 1.2px;*/
}

.page_about_text h1 span{
	display: block;
    text-align: right;
    line-height: 0.5px;
	
}

.page_about_text h1 img{
	/*max-width: 80px;
    height: auto;
    padding: 0 5px 10px 0;*/
}



.page_about_text p{
	padding-top: 10px;
	text-align: justify;
	text-justify:inter-ideograph;
}

.page_about_pic {
	margin-top: 30px;
}

.page_about_pic img {
	width: 100%;
	height: auto;
}


@media (min-width:768px) {
	.page_about_text h1{
		font-size: 2.3rem;
		letter-spacing: 5px;
	}
}

@media (min-width:992px) {
	.page_about_text {
		width: 50%;
		padding: 80px 0 80px 30px;
	}
	.page_feature_text h1{
		font-size: 3rem;
	}
	.page_about_text p{
		font-size: 1.2rem;
	}
	.page_about_pic {
		position: absolute;
		top: 50%;
		left: 100%;
		transform: translate(-100%, -50%);
		width: 50%;
		margin-top: 0;
	}
	.page_about_text h1{
		font-size: 2rem;
		letter-spacing: 0px;
	}
}

@media (min-width:1280px) {
	.page_about_text {
		width: 45%;
		padding: 80px 0 80px 0px;
	}
	.page_about_pic {
		transform: translate(-100%, -50%);
		width: 55%;
	}

}
@media (min-width:1400px) {
	.page_about_text {
		width: 45%;
		padding: 90px 0 110px 0px;
	}
	.page_about_pic {
		transform: translate(-100%, -50%);
		width: 52%;
	}
	.page_about_text h1{
		font-size: 2.2rem;
		letter-spacing: 4px;
	}

}
@media (min-width:1600px) {
	.page_about_text {
		padding: 90px 0 110px 0px;
	}
	.page_about_pic {
		transform: translate(-110%, -60%);
		width: 703px;
	}
	.page_about_text h1{
		font-size: 2.4rem;
		letter-spacing: 4px;
	}
}


/*-----師資-----*/
.page_teacher_con{ 
	margin:30px 0;
}
.page_teacher_pic{ 
	background-position:center; 
	background-size:cover; 
	height:290px;
	margin:15px 0; 
	border-radius:15px;
}
.page_teacher_text{ 
	padding:0 15px; 
	/*background-color:rgba(249,244,237,0.8); */
	border-radius:15px;
}
.page_teacher_text h4{ 
	border-bottom:1px solid #ccc; 
	padding-bottom:15px; 
	margin-bottom:15px; 
	font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", "Arial Unicode MS";
}


@media (min-width:1200px) {
	.page_teacher_pic{ 
	background-position:center; 
	background-size:cover; 
	height:240px;
	margin:15px 0; 
	border-radius:15px;
}
	

}

/*------720----*/


.page_space_pic{ 
	margin:15px 0;
}
.page_space_pic img{
	border:12px solid #fff; 
	-moz-box-shadow:0 4px 15px -2px gray; 
	-webkit-box-shadow:0 4px 15px -2px gray; 
	box-shadow:0 4px 15px -2px gray; 
	-webkit-transition:all 0.2s; /* For Safari 3.1 to 6.0 */ 
	transition:all 0.2s;
}
.page_space_pic a:hover img{ 
	transform:translateY(-10px);
}
.space_pic p{
	text-align: center;
	font-size: 24px;
	color: #A77E27;
	font-weight: bold;
}
.video_1 iframe{
	height: 450px;
	width: 100%;
}
.video_2 iframe{
	height: 450px;
	width: 100%;
}

@media (min-width:1200px) {
.video_1 iframe{
	height: 550px;
	width: 100%;
}
}
/*-----環境-----*/
.about_img img{
	max-width: 100%;
}
.page_map_row { 
	padding-top: 30px;
}
.page_map_row iframe{ 
	border-radius:8px;
}
.page_map_text{      
	padding: 45px;
    height: auto;
    background-color: #e5d8b3;
    color: #8e6d4d;
    position: relative;
    border-radius: 8px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.page_map_text .border_inner{ 
	position:absolute; 
	top:15px; left:15px; 
	width:calc(100% - 30px); 
	height:calc(100% - 30px);
	border:4px dashed #fff; 
	border-radius:8px;
}
@media (min-width:992px){
	.page_map_text{  
		padding: 100px 45px;
		height:360px;
	}
}

.pic-768 {
    display: none;
}
.pic-640 {
    display: block;
}

@media (min-width: 768px){
.pic-768 {
    display: block;
}
.pic-640 {
    display: none;
}
}

/*========================================================
                        環境介紹
=========================================================*/

.surroundings_box{
	padding-top: 30px;
	padding-bottom: 30px;
}
.surroundings_box h4{
	color: #904e34;
    font-weight: bold;
    padding: 5px 0;
}
.surroundings_text{
	    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    border: 1px solid #b3b3b3;
    border-right: none;
    border-left: none;
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 1.8;
    color: #555;
}

.surroundings_text i {
    padding: 0 10px 0 0;
    color: #d0b384;
}

.surroundings_top{
	padding-top:60px;
}

.page_nav_item h4{
	    padding: 20px 0;
    width: 100%;
    display: block;
    background-color: #d0b384;
    color: #fff;
    position: relative;
    border-radius: 12px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.page_nav_item  h4 .border_inner {
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px dashed #fff;
    border-radius: 8px;
}
.surroundings_list ul {
    padding: 10px 12px;
    list-style: none;
}

.surroundings_list ul li{
    line-height: 26px;
	text-align: justify;
    text-justify: inter-ideograph;
}
.surroundings_list ul li i{
    padding: 0 10px 0 0;
	color: #d0b384;
}


.surroundings_detail_pic {
	text-align: center;
}

.surroundings_detail_pic img {
	width: 100%;
	/*height: 300px;*/
	margin: 10px auto;
	border: 8px solid #fff;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
	border-radius: 15px;
}

/*.surroundings_detail_pic a:hover img {
	transform: translateY(-10px);
}

@media (min-width: 640px) {
	.surroundings_detail_pic img{
		height:300px;
	}
}
@media (min-width: 768px) {
	.surroundings_detail_pic img{
		height:220px;
	}
}
@media (min-width: 992px) {
	.surroundings_detail_pic img{
		height:200px;
	}
}
@media (min-width: 1200px) {
	.surroundings_detail_pic img{
		height:180px;
	}
}
@media (min-width: 1600px) {
	.surroundings_detail_pic img{
		height:250px;
	}
}*/





/*========================================================
                        教學特色
=========================================================*/
.feature-wrap {
	background: url(../images/all_bg.png) no-repeat;
	background-attachment: fixed;
	background-repeat: repeat;
	position: relative;
}

.feature_block {
	padding-top: 30px;
	padding-bottom: 30px;
}

.page_feature_wrapper {
	position: relative;
}

.page_feature_text h1,
.page_feature_text2 h1 {
	margin-bottom: 30px;
	/*padding-left: 40px;*/
	color: #9b7d5c;
	font-size: 2rem;
	/*background-image: url(../images/icon-feature.png);
	background-position: center left;
	background-size: contain;
	background-repeat: no-repeat;*/
	
}
.page_feature_text h1 img,
.page_feature_text2 h1 img{
	max-width: 80px;
	height: auto;
	padding: 0 10px 10px 0;
}




.page_feature_text p,
.page_feature_text2 p {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 1.2rem;
}

.page_feature_pic {
	margin-top: 30px;
}

.page_feature_pic img,.page_feature_pic2 img {
	width: 100%;
	height: auto;
}

@media (min-width:992px) {
	.page_feature_text {
		width: 50%;
		padding: 80px 0 80px 50px;
	}
	
	.page_feature_text p,
	.page_feature_text2 p {
		font-size: 1.2rem;
	}
	.page_feature_pic {
		position: absolute;
		top: 50%;
		left: 100%;
		transform: translate(-100%, -50%);
		width: 50%;
		margin-top: 0;
	}
	.page_feature_text2 {
		width: 50%;
		margin-left: auto;
		padding: 80px 0 80px 50px;
	}
	.page_feature_text h1{
		
	}
	.page_feature_pic2 {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 50%;
	}
}

@media (min-width:1280px) {
	.page_feature_text {
		width: 48%;
		padding: 80px 0 80px 80px;
	}
	.page_feature_pic {
		transform: translate(-100%, -50%);
		width: 55%;
	}
	.page_feature_text2 {
		width: 50%;
		margin-left: auto;
		padding: 80px 0 80px 80px;
	}
	.page_feature_pic2 {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 55%;
	}
	.page_feature_text h1,
	.page_feature_text2 h1 {
		font-size: 2.5rem;
	}

}

@media (min-width:1500px) {
	.page_feature_text {
		width: 48%;
		padding: 80px 0 80px 40px;
	}
	.page_feature_pic {
		transform: translate(-100%, -50%);
		width: 55%;
	}
	.page_feature_text2 {
		width: 50%;
		margin-left: auto;
		padding: 80px 0 80px 80px;
	}
	.page_feature_pic2 {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 55%;
	}
	.page_feature_text h1,
	.page_feature_text2 h1 {
		font-size: 2.6rem;
	}

}
@media (min-width:1600px) {
	.page_feature_text {
		padding: 110px 0 110px 80px;
	}
	.page_feature_pic {
		transform: translate(-110%, -50%);
		width: 703px;
	}
	.page_feature_text2 {
		width: calc(100% - 880px);
		margin-left: auto;
		padding: 80px 0 80px 80px;
	}
	.page_feature_pic2 {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 703px;
	}
	.page_feature_text h1,
	.page_feature_text2 h1 {
		font-size: 3rem;
	}
}
/*========================================================
                        最新消息
=========================================================*/

.page_select_year_wrapper {
	max-width: 480px;
	width: 100%;
	margin-left: auto;
}

.page_select_year_wrapper .input-group-prepend label {
	background-color: #d0b384;
	color: #fff;
	border-color: #b0966e;
}

.page_news_con {
	position: relative;
	color: #777;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.page_news_pic {
	height: 240px;
	background-position: center;
	background-size: cover;
	border-radius: 15px;
}

.page_news_text h4 {
	color: #555;
}

.page_news_date {
	margin: 10px 0;
}

.page_news_date span {
	margin-right: 5px;
}

.page_news_date span.badge-dark {
	background-color: #d0b384;
}

.page_news_con .page_news_more a {
	color: #e99416;
}

.page_news_con .page_news_more a i {
	margin-right: 10px;
}

.page_news_con .page_news_more a,
.page_news_con .page_news_more img {
	display: inline-block;
}

@media (min-width:768px) {
.page_news_pic {
	height: 320px;
}
}

@media (min-width:992px) {
	.page_news_text h4 {
		font-size: 2rem;
	}
	.page_news_pic {
		width: 400px;
		height: 240px;
		float: left;
	}
	.page_news_text {
		margin-left: 420px;
	}
}

@media (min-width:1200px) {
	.page_news_pic {
		width: 480px;
		height: 260px;
		float: left;
	}
	.page_news_text {
		margin-left: 500px;
	}
}

.pagination .page-item .page-link {
	color: #d0b384;
}

.pagination .page-item.active .page-link {
	background-color: #d0b384;
	border-color: #bba176;
	color: #fff;
}

.news_detail_block .container-fluid {}

.news_detail_content img {
	max-width: 100%;
	height: auto;
}

.news_detail_title {
	margin-top: 15px;
	font-size: 1.6rem;
}

@media (min-width:992px) {
	.news_detail_title {
		font-size: 2.4rem;
	}
}

.top_news_more {
	margin-top: 60px;
	margin-bottom: 36px;
	text-align: center;
}

.top_news_more a {
	padding: 20px 50px;
	background-color: #d0b384;
	color: #fff;
	position: relative;
	border-radius: 12px;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.top_news_more a:hover {
	background-color: #e5d8b3;
	text-decoration: none;
}

.top_news_more a .border_inner {
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 2px dashed #fff;
	border-radius: 8px;
}

@media (min-width:1200px) {
	.top_block1 {
		padding: 80px 0 120px 0;
	}
	.top_news_pic {
		position: absolute;
		top: 50%;
		left: 30px;
		transform: translateY(-37%);
		max-width: 560px;
	}
	.top_news_pic img {
		width: 100%;
		height: auto;
	}
	.top_news_wrapper {
		margin-left: auto;
		width: 50%;
		margin-top: 30px
	}
	.top_news_date {
		text-align: center;
		float: left;
	}
	.top_news_date span {
		font-size: 3.4rem;
		display: block;
		line-height: 3rem;
	}
	.top_news_text {
		margin-left: 80px;
	}
	.top_news_more {
		text-align: left;
	}
}

@media (min-width:1200px) {
	.top_news_pic {
		max-width: 560px;
	}
}

@media (min-width:1600px) {
	.top_news_pic {
		max-width: 720px;
	}
}

.page_back {
	margin: 30px 0 60px 0;
}

.page_back a {
	padding: 15px 40px;
	background-color: #e99416;
	color: #fff;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.page_back a:hover {
	background-color: #fc0;
	text-decoration: none;
}

.badge-dark{
	color: #fff;
	background: #d0b384;
}
.badge-info {
    color: #fff;
    background-color: #E09527;
}
.badge-primary{
	color: #fff;
    background-color: #2CA7A8;
}
.badge-danger{
	color: #fff;
    background-color: #97B9E4;
}


/*---菜單下載----*/
@media (max-width:991px) {
	.pdf_box{
	display:none
}
	.title_h3{
		display:none
	}
}

/*---編輯器影片----*/
.news_detail_content iframe{
    width: 100% !important;
    height: 300px !important;
    margin-top: 20px !important;
}
@media (min-width: 768px) {
    .news_detail_content iframe{
        height: 420px !important;
    }
}
@media (min-width: 992px) {
    .news_detail_content iframe{
        height: 520px !important;
    }
}
@media (min-width: 1200px) {
    .news_detail_content iframe{
        height: 460px !important;
    }
}
@media (min-width: 1600px) {
    .news_detail_content iframe{
        width: 70% !important;
        margin: 0 auto;
        height: 640px !important;
    }
}
@media (min-width: 1800px) {
    .news_detail_content iframe{
        width: 65% !important;
    }
}
/*========================================================
                   	  最新消息-內頁
=========================================================*/

.news_detail_title {
	font-size: 1.6rem;
	line-height: 1.3;
}

@media (min-width:992px) {
	.news_detail_title {
		padding-top: 10px;
		font-size: 2.4rem;
	}
}

.page_block {
	padding: 30px 0 0px 0;
	color: #777;
	position: relative;
	overflow: hidden;
}

.page_block .container-fluid {
	position: relative;
	height: 100%;
}


/*附件下載*/
.news-detail .download h3 {
    color: #476b89;
    font-weight: bold;
    margin-bottom: 10px;
}
.news-detail .download p {
	margin: 5px 0;
}
.news-detail .download a {
    display: inline-block;
	background-color: #476b89;
	padding: 5px 20px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #22415a;
	border-radius: 5px;
	color: #fff;
	font-size: 0.938em;
}
.news-detail .download a:hover {
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	background-color: #22415a;
	color: #fff;
	text-decoration: none;
}



.news_4 iframe {
    width: 100% !important;
    height: 300px !important;
    margin-top: 20px !important;
}


@media (min-width: 768px) {
    .news_4 iframe {
        height: 420px !important;
    }
}
@media (min-width: 992px) {
    .news_4 iframe {
        height: 520px !important;
    }
}
@media (min-width: 1200px) {
    .news_4 iframe{
        height: 460px !important;
    }
}
@media (min-width: 1600px) {
    .news_4 iframe {
        width: 70% !important;
        margin: 0 auto;
        height: 640px !important;
    }
}
@media (min-width: 1800px) {
    .news_4 iframe {
        width: 65% !important;
    }
}




/*========================================================
                         回目錄頁
=========================================================*/

.btn-back {
	text-align: right;
	padding-top: 20px;
}
.btn-back a {
	background-color: #4e98bb;
	padding: 8px 20px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 0.938em;
}
.btn-back a:hover {
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	background-color: #2059a8;
	color: #fff;
	text-decoration: none;
}



/*========================================================
                         活動花絮
=========================================================*/
.event_con {
	background-position: center;
	background-size: cover;
	height: 280px;
	position: relative;
	margin: 15px 0;
	border: 8px solid #fff;
	overflow: hidden;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
}

.event_con a {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: transparent;
	opacity: 0;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.event_con a:hover {
	opacity: 1;
}

.event_con a i {
	margin-top: 128px;
	width: 64px;
	height: 64px;
	font-size: 2.2rem;
	padding: 15px;
	background-color: #d5bb91;
	color: #fff;
	border-radius: 50%;
}

.event_text {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(000, 000, 000, 0.6);
	color: #fff;
	padding: 20px 15px;
	top: calc(100% - 80px);
	-webkit-transition: all 0.3s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
}

.event_text h5 {
	border-left: 8px solid #d0b384;
	padding-left: 10px;
	font-size: 1.1rem;
}

.event_text h6 {
	color: #fff;
	padding-left: 18px;
	opacity: 0;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.event_con:hover .event_text {
	top: 0;
}

.event_con:hover .event_text h6 {
	opacity: 1;
}




@media (min-width: 768px){
.event_con {
	height: 320px;
}
}


/*-----活動花絮內頁----*/

.event_detail_date {
	margin: 30px 0;
}

.event_detail_text {
	padding: 30px 30px 15px 30px;
	margin-bottom: 30px;
	border: 4px dashed #ccc;
	background-color: #ededed;
}

.event_detail_pic {
	text-align: center;
}

.event_pic_row p {
	text-align: center;
	color: #777;
	font-size: 0.9rem;
}

.event_detail_pic img {
	width: auto;
	height: 300px;
	margin: 10px auto;
	border: 8px solid #fff;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.event_detail_pic a:hover img {
	transform: translateY(-10px);
}

.event_pic_row p {
	text-align: center;
	color: #777;
	font-size: 0.9rem;
}

.event_pic_row .event_con {
	height: 200px;
}

.event_pic_row .event_con a {
	background-color: rgba(000, 000, 000, 0.6);
}

.event_pic_row .event_con a i {
	margin-top: 72px;
}

@media (min-width: 768px) {
	.event_detail_pic img{
		height:260px;
	}
}
@media (min-width: 992px) {
	.event_detail_pic img{
		height:220px;
	}
}
@media (min-width: 1200px) {
	.event_detail_pic img{
		height:180px;
	}
}
@media (min-width: 1600px) {
	.event_detail_pic img{
		height:240px;
	}
}

.fancybox-container{
	z-index: 99999999999!important;
}


/*========================================================
                         聯絡我們
=========================================================*/

.reservation_block form {}

.reservation_block form .form-group i {
	color: #d0b385;
}

.reservation_block form .form-group textarea {
	border-radius: 0;
	padding: 25px;
	background-color: #ededed;
	border-radius: 10px;
}

.reservation_block form .form-group input {
	border-radius: 0;
	padding: 25px;
	background-color: #ededed;
	border-radius: 10px;
}

.reservation_block form .form-group button {
	background-color: #d0b384;
	border-color: #e5d8b3;
	color: #fff;
	border-radius: 0;
	padding: 15px 0;
	width: 118px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	border-radius: 0;
	padding: 15px 0;
	width: 118px;
	text-align: center;
	border-radius: 10px;
}

.reservation_block form .form-group button[type="reset"] {
	background-color: #d0b384;
	border-color: #e5d8b3;
	color: #fff;
}

.reservation_block form .form-group button:hover {
	color: #fff!important;
	background-color: #e5d8b3!important;
	border-color: #d0b384!important;
}




/*========================================================
                        網站導覽
=========================================================*/

.sitemap_ul{ /*background-color:#ededed;*/ padding:20px; list-style:none; border-radius:15px; margin-top:6px; min-height:240px;}
.sitemap_ul li{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.sitemap_ul li i{ padding: 0 10px 0 0; color: #d0b384;}
.sitemap_ul li a{color:#777;}
.sitemap_ul li a:hover{ color:#d0b384; text-decoration:none;}


/*========================================================
                        檔案下載
=========================================================*/

.download-1 {
    margin-bottom: 20px;
}
.download-1 dl {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #ddd;
    margin: 0;
}
.download-1 dl dt {
    float: left;
    margin-right: 10px;
}
.download-1 dl dd {
    margin: 0;
}
.download-1 dl dd h4 {
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0;
}
.download-1 dl dd h4 a {
    color: #333;
}
.download-1 dl dd h4 a:hover {
    color: #e77519;
}
.download-1 dl dd p {
    color: #adadad;
    margin: 0;
}



/*========================================================
                         活動花絮
=========================================================*/

.activity-1 {

}
.activity-1 dl {
	overflow: hidden;
	margin: 0 0 30px 0;
}
.activity-1 dl dt {
	position: relative;
	float: none;
	margin-bottom: 20px;
}
.activity-1 dl dd {
	overflow: hidden;
	line-height: 30px;
}
.activity-1 dl dd .title {
	background-color: #f2f6fa;
	border-top: 1px dashed #4b97c3;
	border-bottom: 1px dashed #4b97c3;
	padding: 10px 10px;
	color: #0078bd;
	font-size: 1.2rem;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.activity-1 dl dd time {
    display: block;
}
.activity-1 dl dd time span {
    display: inline-block;
    background: url('https://api.iconify.design/bx:bx-time.svg?color=%233e88cc&width=24px&height=24px') no-repeat left center;
    color: #adadad;
    padding-left: 28px;
}

/* 圖片效果 */
.image-pic {
	position: relative;
}

.image-pic a {
	display: block;
	color: #fff;
}
.image-pic:hover .thumb-inner {
	display: block;
}
.image-pic:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	width: 100%;
	height: 10%;
	opacity: 0;
	transition: all 0.3s;
}
.image-pic:hover:before {
	background-color: rgba(255, 255, 255, 0.5);
	opacity: 1;
	height: 100%;
}
.thumb-inner {
	display: none;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 6;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;

}
.thumb-inner span {
	display: inline-block;
	color: #333;
	font-size: 20px;
	padding: 5px 30px 7px;
	border: 1px solid #333;
}

/* 內頁設定 */

.activity-info {
	margin-bottom: 30px;
	border-top: 2px dashed #adadad;
	border-bottom: 2px dashed #adadad;
	background-color: #dceef5;
	padding: 20px 30px 10px 30px;
}
.activity-info h3 {
    font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.activity-img > div {
	margin-bottom: 20px;
}    
.activity-img > div img {
	width: 100%;
	vertical-align: bottom;
}    



/* 尺寸設定 */
@media (max-width: 639px) {
	.image-pic > img {
		width: 100%;
		margin-bottom: 0;
	}
}
@media (min-width: 640px) {
	.activity-1 dl dt {
		position: relative;
		float: left;
		margin: 0 20px 0 0;
	}
	.image-pic > img {
		width: 250px;
		margin-bottom: 0;
	}
}



/*========================================================
                           表格
=========================================================*/

.table1 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 1rem;
	border: 1px solid #c0bebe;
}
.table1 caption {
	color: #333;
	font-weight: bold;
}
.table1 tr:nth-of-type(2n+1) {
	background-color: #faf7f2;
}
.table1 th {
	background: #e5d8b3;
    color: #8e6d4d;
	font-weight: bold;
	padding: 10px 5px !important;
	text-align: center;	
	border-top: 0 !important;
    border-right: 1px solid #c0bebe;
	border-bottom: 1px solid #c0bebe;
}

.table1 td {
	padding: 2px 10px;
	border: 1px solid #c0bebe;
	text-align: center;
}
.table1 td.c {
	text-align: center;
    background-color: #e3f0f6;
}
.table1 td.left {
    text-align: left;
}
.table-center {
	text-align: center;
}


/*========================================================
                         ul設定
=========================================================*/

.ul-s1 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ul-s1 > li {
    background: url('https://api.iconify.design/dashicons:arrow-right.svg?color=%234284aa&width=20px&height=20px') no-repeat left 6px;
    padding: 0 0 0 20px;
    margin-left: -4px;
}
.ul-s1 > li span {
    font-weight: bold;
}
.ul-s1 > li a {
    color: #333;
    text-decoration: underline;
}
.ul-s1 > li a:hover {
    text-decoration: none;
}
.ul-s2 {
	list-style-type: none;
	margin: 0 0 30px 1.9em;
	padding: 0;
}
.ul-s2 p {
	margin: 0 0 10px 0;
	}	
.ul-s2 li:first-letter {
    margin-left: -1.9em;
	}	
.ul-s2 li ul {
	margin: 0 0 10px 1.1em;
    list-style: none;
    padding: 0;
	}
.ul-s2 li ul li:first-letter {
    margin-left: -1.1em;
	}



.ol-s1 {
	list-style-type: decimal;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;	
}
.ol-s1 li {
}
.ol-s1 p {
	color: #900;
	margin: 0 0 0 -24px;	
	text-decoration: underline;
}
.ol-s1 li p {
	color: #900;
	text-decoration: underline;
}
.ol-s1 li ol{
	list-style-type: none;
}
.ol-s1 li ol li {
}


/*========================================================
                         圖片效果
=========================================================*/

a.figure {
	display: block;
	position: relative;
}
a.figure:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
a.figure:before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    content: '';
    display: inline-block;
    background: rgba(255,255,255,0.15) url(../images/magnifier.png) no-repeat center center;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: .3s;
}
a.figure2:before {
    background: rgba(255,255,255,0.15) url(../images/magnifier2.png) no-repeat center center;
}


/*========================================================
                      	 字型設定
=========================================================*/

.fonts-style {
    color: #333;
}
.fonts-style ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fonts-style ul li {
    float: left;
    width: 10%;
    margin-bottom: 20px;
}