@charset "utf-8";

body{ 
	overflow-x:hidden;
}

.footer{
	color:#fff;
	background-color:#131018;
	text-align:center;
	padding:18px 15px;
	margin-bottom:67px;
}
.footer a{ color:#ffd95a;}
@media (min-width:992px){ .footer{margin-bottom:0;}}

.share{margin:8px 0;}
.share img{margin:0 2px;}

.backtop{
	position:fixed;
	z-index:99;
	width:48px;
	height:48px;
	left:100%;
	top:100%;
	margin-top:-130px;
	margin-left:-64px;
	padding:10px;
	background-color:rgba(160,124,82,0.5);
	text-align:center;
	color:#fff;
	font-size:1.3rem;
	border-radius:50%;
	cursor:pointer;
	-webkit-transition: background 0.3s; /* Safari */ 
	transition: background 0.3s;
}
.backtop:hover{ background-color:#A07C52;}

@media (min-width:992px){
	.backtop{margin-top:-130px;}
}


/*==========header css==========*/

.fadeInRight{
  -webkit-animation: fadeInRight 0.4s; /* Safari 4+ */
  -moz-animation:    fadeInRight 0.4s; /* Fx 5+ */
  -o-animation:      fadeInRight 0.4s; /* Opera 12+ */
  animation:         fadeInRight 0.4s; /* IE 10+, Fx 29+ */
}

.social_content{ position:fixed; z-index:99; top:100%; left:0; margin-top:-68px; height:68px; width:100%; background-color:#A07C52; text-align:center;}
.social_content .social_item{ float:left; width:25%; margin:8px 0;}
.social_content .social_item a{ color:#fff; font-size:1.3rem; text-decoration:none;}
.social_content .social_item a:hover{ color:#E8C29C;}

.social_content .social_item a span{ font-size:0.8rem; display: block;}

@media (min-width:992px){
	.social_content{ position:fixed; z-index:99; top:33%; left:100%; /*margin-top:-350px;*/ margin-left:-90px; width:330px; padding:15px; border-radius:30px; background-color:transparent; text-align:center;}
	.social_content .social_item{ float:none; text-align:center; border-bottom:1px solid #443e89; padding:15px 8px;}
	.social_content .social_item:last-child{ border-bottom:none;}
	.social_content .social_item a{ color:#443e89;}
	.social_item_fb{ padding-left:3px;}
}
@media (min-width:1920px){
	.social_content{ top:30%;}
}

/*========================================================
                     main css
=========================================================*/
.view_lg{ display:none;}
@media (min-width:992px){
	.view_sm{ display:none;}
	.view_lg{ display:block;}
}

/*.prev-alt{ background-color:transparent; color:#fff; text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555; position:absolute; z-index:555; cursor:pointer; top:50%; left:0%; padding:14px 15px 16px 15px; transform:translate(0,-50%); opacity:0.75;}
.prev-alt:hover{ opacity:1;}
.next-alt{ background-color:transparent; color:#fff; text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555; position:absolute; z-index:555; cursor:pointer; top:50%; left:100%; padding:14px 15px 16px 15px; transform:translate(-100%,-50%); opacity:0.75;}
.next-alt:hover{ opacity:1;}*/

/*========================================================
                     top_banner
=========================================================*/
.top_header_block{ }
.top_block.top_header_block .container-fluid{ padding:20px;}
.top_header_block .logo img{ max-width:80%;}
.top_header_block .top_link{ text-align:right; margin-top:-2%;}
.top_header_block .top_link ul{ list-style:none; padding:0;}
.top_header_block .top_link ul li{ display:inline-block; padding:0 15px 0 0; background:url(../img/top_link_divide.png) right center no-repeat;}
.top_header_block .top_link ul li:last-child{ background:none;}
.top_header_block .top_link ul li a{ text-decoration:none; color:#333333; transition:all .3s; padding:2px 4px; border-radius:5px;}
.top_header_block .top_link ul li a:hover{ background-color:#333333; color:#fff;}

@media (min-width:768px){ .top_header_block .logo img{ max-width:40%;}}
@media (min-width:1024px){ .top_block.top_header_block .container-fluid{ padding:30px 100px;}}
@media (min-width:1440px){ .top_block.top_header_block .container-fluid{ padding:30px 190px;}}

.top_banner_block{ line-height:0;}
.top_banner_block img{ width:100%;}
.top_banner_block .top_video video{ width:100%;}
@media (min-width:768px){ .top_banner_block .top_video video{ /*height:800px;*/}}

/*========================================================
                     內頁設定
=========================================================*/
.top_block{}
.top_block img{ width:100%;}
.top_block .container-fluid{ padding:40px 20px;}

@media (max-width:768px){ 
	.top_block.pagestyle .container-fluid{ padding:40px 0;}
	.top_block.pagestyle .container-fluid .text_block{ padding:20px 40px;}
}
@media (min-width:1024px){ 
	.top_block .container-fluid{ padding:80px 100px;}
	.top_block.picbox .container-fluid{ padding:0 100px;}
}
@media (min-width:1440px){ 
	.top_block .container-fluid{ padding:80px 190px;}
	.top_block.picbox .container-fluid{ padding:0 190px;}
}

/*共通設定*/
.top_block .text_block{ padding-bottom:10px;}
.top_block .text_block .title{ text-align:center; padding-bottom:20px; font-family:"華康儷中宋(P)", Geneva, sans-serif;}
.top_block .text_block h2{ font-size:1.4rem; letter-spacing:1px;}
.top_block .text_block h3{ font-size:1.2rem; color:#c0966d;}
.top_block .text_block p{ font-size:0.9rem; color:#666666;}
@media (min-width:768px){
	.top_block .text_block h2{ font-size:2.1rem;}
	.top_block .text_block h3{ font-size:1.6rem;}
	.top_block .text_block p{ font-size:1rem;}
}
@media (min-width:992px){
}



.picbox{ position:relative;}
.picbox .content{ }
.picbox .content .row{ margin-left:0; margin-right:0;}

.picbox .text_block{ padding:40px; background-color:#fff;}

.picbox .pic_block{ padding-left:0; padding-right:0;}
.picbox .pic_block .pic_list{ list-style:none; padding:0;}
.picbox .pic_block .pic_list img{ }
.picbox .pic_block .slider .slide_item{ position:relative;}
.picbox .pic_block .slider .slide_item .text{ position:absolute; right:10px; bottom:5px; color:#fff; font-size:0.8rem; z-index:5;}
.picbox .pic_block .slider .slide_item .text.black{ color:#000;}

@media (min-width:992px){
	.picbox .content{ position:absolute; bottom:0; z-index:10;}
	.picbox .text_block{ }
	.picbox .pic_block{ }
	.picbox .pic_block .pic_list{ position:absolute; bottom:10%; right:5%;}
	.picbox .pic_block .pic_list li{ display:inline;}
	.picbox .pic_block .pic_list img{ max-height:70px; width:auto;}
	.picbox .pic_block img{ max-height:70px;}
}
@media (min-width:1920px){
	.picbox .pic_block .pic_list{ right:-25%;}
	.picbox .pic_block .pic_list img{ max-height:120px;}
}

/*個別設定*/
.aerial_block{ position:relative; background-color:#165b95; padding-top:20%;}
.aerial_block .text_block{ position:absolute; top:10%; z-index:10; width:100%; text-align:center;}
.aerial_block .text_block h2{ color:#fff;}
.aerial_block .text_block p{ color:#f9f8cd;}
.block1 .text_block h2{ color:#004f41;}
.block2 .text_block h2{ color:#86c03f;}
.block3 .text_block h2{ color:#eb5a24;}
.block4 .text_block h2{ color:#F18D1E;}
.block5 .text_block h2{ color:#0071b6;}

.block6{ position:relative;}
.block6 .text_block h2{ color:#0071b6;}

.block7 .row{ margin-left:0; margin-right:0;}
.block7 .text_block{ /*padding:0;*/}
.top_block.block7 .text_block .title{ text-align:left;}
.block7 .text_block h2{ color:#0071b6;}
.block7 .text_block h4{ color:#00787c; font-family:"華康儷中宋(P)", Geneva, sans-serif;}


@media (min-width:768px){
	.aerial_block{ padding-top:0;}
	.block1 .text_block{ padding:0 7%;}
	.block3 .pic_block .pic_list img{ max-height:100px;}
	.block7 .text_block{ padding:0;}
}
@media (min-width:992px){
	.block4 .pic_list.top{ bottom:33%;}
	.block4 .pic_list.bottom img{ max-height:64px;}
	
	.block6 .text_block{ position:absolute; right:7%; top:25%; z-index:5; max-width:40%;}
	.block6 .text_block h2{ color:#fff100;}
	.block6 .text_block h3{ color:#efeab6;}
	.block6 .text_block .text p{ color:#fff;}
	.block7 .text_block{ padding:0 0 0 2%;}
}
@media (min-width:1920px){
	.block3 .pic_block .pic_list img{ max-height:150px;}
	.block4 .pic_list.top{ bottom:51%;}
	.block4 .pic_list.bottom img{ max-height:110px;}
	/*.block6 .text_block{ padding:0 24%;}*/
	.block6 .text_block{ right:14%; top:38%; max-width:30%;}
	.block7 .text_block{ padding:5% 5% 0 0;}
}

/*輪播設定*/
.slick-prev:before, .slick-next:before{ color:#A07C52;}
.slide_block .slide_item{ position:relative; padding:0;}
.slide_block .slide_item .text{ position:absolute; right:10px; bottom:5px; color:#fff; z-index:10; font-size:0.9rem;}
.slick-prev{ left:7px; z-index:10;}
.slick-next{ right:7px;}
@media (min-width:480px){
	.slide_block .slide_item{ padding:0 5px;}
}

/*影片區塊*/
.video_block{ line-height:0;}
.video_block .top_video video{ width:100%;}

/*========================================================
                         contact
=========================================================*/
.contact_section{ background:url(../img/contact_bg.jpg) bottom left no-repeat; background-size:cover; font-family:"華康儷中宋(P)", Geneva, sans-serif; padding:7% 0; margin-bottom:60px;}
.contact_section .title_block{ text-align:center; padding-bottom:14%;}
.contact_section .title_block .logo{ padding-bottom:9%;}
.contact_section .title_block .logo img{ max-width:60%;}
.contact_section .title_block .text img{ max-width:100%;}
@media (min-width:768px){
	.contact_section{ margin-bottom:0;}
	.contact_section .title_block{ padding-bottom:5%;}
	.contact_section .title_block .logo{ padding-bottom:6%;}
	.contact_section .title_block .logo img{ max-width:30%;}
	.contact_section .title_block .text img{ max-width:60%;}
}


.form_block .form_title{ padding-bottom:30px;}
.form_block .form_title img{ max-width:150px; display:block; margin:0 auto;}

/*表單設定*/
#form1 .form-group{
	position:relative;
}
#form1 .form-group label {
	position:absolute;
	top:9px;
    left: 28px;
    color: #a07c52;
    text-align: left;
}
#form1 .form-control {
    border-radius: 0;
    border: none;
	padding:10px 0 10px 94px;
}
#form1 input, #form1 textarea {
    color: #111;
}

#form1 .check-group{
	color:#fff;
}

#form1 .btn-send {
    display: inline-block;
	margin:0 auto;
    padding: 5px;
    font-size: 1.2rem;
    color: #fff;
    background-color: #bb8867;
    max-width: 200px;
    height: 40px;
    border-radius: 20px;
}
#form1 .btn-send:hover {
    background-color: #885e43;
}

/*#form1 select {
    color: #111;
    width: 100%;
    height: 38px;
    padding: 4px 5px;
    font-size: 1rem;
    background: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 24px auto;
}
#form1 select option {
    color: #111;
}
#form1 .custom-control-label::before {
    border-radius: 0;
    border: 1px solid #C2C0BE;
    background-color: transparent;
    color: #000;
    margin-top: 4px;
}
#form1 .custom-control-label::after {
    margin-top: 4px;
}
#form1 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #424866;
}
*/
/*--google recaptcha 隱藏----*/
.grecaptcha-badge{ 
	visibility:hidden;
}

@media (min-width:768px){
	.form_block{ padding:20px 10%;}
	.form_block .form_title img{ max-width:200px;}
	#form1 .btn-send{ max-width:100%;}
}
@media (min-width:992px){
	.form_block{ padding:20px 20%;}
}




/*------------------cookies--------------------*/

#cookies-box {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: rgba(0,0,0,0.9);
    padding: 50px 50px;
    width: 100%;
	font-size: 1rem;
	line-height: 36px;
	color: #fff;
/*	display: none;*/
}
#cookies-box h4 {
    font-size: 1.3rem;
	font-weight: bold;
}
#cookies-box p {
    margin: 0;
}
#cookies-box a {
    color: #fff;
	border-bottom: 2px solid #bf966a;
	padding-bottom: 2px;
	margin: 0 3px;
}
#cookies-box .cookies-btn {
	margin-top: 10px;
	text-align: center;
}
#cookies-box .cookies-btn a {
    display: inline-block;
    width: 140px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
	text-align: center;
}
#cookies-box .cookies-btn a:hover {
    background-color: #bf966a;
	transition:all .3s;
}

@media (min-width: 992px) {
	#cookies-box .cookies-btn {
		margin-top: -5px;
		margin-left: 50px;
	}  
}

.privacy_block .container-fluid{ max-width:1200px; }
.privacy_block h3{ color:#555; font-weight: 700; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px; }

/*========================================================
                  隱私權聲明
=========================================================*/
.fancybox-container { z-index:9999999;}
.modal-body{ overflow-y:auto; padding:10px;}
.modal-header{ border-bottom:none;}
.modal-body h3{ text-align:center; margin-bottom:20px; font-weight:bold;}
.modal-body p span{ font-weight:bold; font-size:1.1rem;}
.modal-dialog{ margin-bottom:80px;}

@media (min-width:576px){
	.modal-body{ padding:20px 40px;}
	.modal-dialog{ max-width:1000px;}
}
@media (min-width:1024px){
	.modal-dialog{ max-width:1200px; margin-bottom:0;}
}