body{ font-size:16px; font-family: Microsoft JhengHei,Arial, Helvetica,sans-serif,nsimsun; color:#333; position:relative;}
a{ color:#666;  }
a:hover{ color:#6ec4e8;}
* { 
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}
::selection {
background: #6ec4e8;
color: #fff;
}
::-moz-selection {
background: #6ec4e8;
color: #fff;
}
body{
	animation-name: fade-in;
	animation-duration:1s;
	animation-timing-function:ease-in;
}
@keyframes fade-in{
    0%{
        opacity:0;
    }
    100%{
        opacity: 1;
    }
}
button,input,textarea{
	font-family: '微軟正黑體';
}
/*****************************************/
.w1556{
	max-width: 1556px;
	width: calc(100% - 60px);
	margin: 0 auto;
}
.w1280{
	display: block;
	max-width: 1280px;
	width: calc(100% - 60px);
	margin: 0 auto;
}
.w1080{
	display: block;
	max-width: 1080px;
	width: calc(100% - 60px);
	margin: 0 auto;
}
.bg_pic{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.top_pic{
	display: block;
	width: 100%;
	height: 250px;
}
.top_title{
	/*display: block;*/
	margin: 65px 0;
	position: relative;
	text-align: center;
}

.top_title h1{
	font-size: 28px;
	color: #6ec4e8;
	letter-spacing: 10px;
	font-weight: bold;
	background-color: #FFF;
	
    margin: 0 auto;
}
.title_w300{
	width: 300px;
}
.title_w400{
	width: 400px;
}
.title_w450{
	width: 450px;
}
.top_title h1::before{
	content: url(../img/deco03.png);
	margin: 0 30px;
}
.top_title h1::after{
	content: url(../img/deco03.png);
	margin: 0 30px 0 20px;
}
.top_title_line{
	display: block;
	height: 1px;
	width: 100%;
	background-color: #e4e4e4;
	position: absolute;
	top: 50%;
	z-index: -1;
}
/*.top_title .top_title_line:first-child{
	right: 0;
}*/
.bottom_block{
	display: block;
	height: 100px;
}

/*:::::::::::::按鈕樣式:::::::::::::*/
.btn{
    /*display: inline-flex;
	justify-content:space-between;*/
	display: block;
	width: 100%;
	text-align: center;
}
.btn a{
	display: inline-block;
    text-align: center;
    padding: 15px 60px;
    margin: 30px 10px;
    font-weight: bold;
    letter-spacing: 2px;
    font-weight: bold;
    transition: .3s;
    color: #FFF;
	background-color: #6ec4e8;

}
.btn a:hover{
    background-color: #24afe9;
    color: #6ec4e8;
}
.btn a:hover{
    background-color: #42b1df;
    color: #FFF;
}
.btn .gray{
	background-color: #f3f3f3;
	color: #6ec4e8;
}
.btn .gray:hover{
	background-color: #ccc;
}
.btn2{
	display: inline-flex;
	justify-content:space-between;
	width: 100%;
}
.btn2 a{
	text-align: center;
    padding: 15px;
    margin: 30px 0;
    width: 260px;
    font-weight: bold;
    letter-spacing: 2px;
    font-weight: bold;
    transition: .3s;
    color: #FFF;
	background-color: #6ec4e8;
	font-size: 18px;
}
.btn2 a:hover{
    background-color: #24afe9;
    color: #FFF;
}
.btn2 .gray{
	background-color: #f3f3f3;
	color: #6ec4e8;
}
.btn2 .gray:hover{
	background-color: #ccc;
}
.btn_s{
	display: block;
	width: 100%;
	background-color: #6ec4e8;
	border-radius: 5px;
}
.btn_s a{
	font-size: 14px;
	color: #FFF;
	padding: 3px 8px;
	letter-spacing: 1px;
	border: 1px solid #6ec4e8;
	text-align: center;
}
.btn_s a:hover{
	border: 1px solid;
	background-color: #FFF;
}
.blue{
	color: #6ec4e8;
}
/*-------------------*/

.input_list h3{
	display: inline-block;
	font-size: 18px;
	width: 120px;
	margin-right: 10px;
}
.input_list input{
	display: inline-block;
	padding: 10px;
    margin: 15px 0;
    font-size: 16px;
    color: #666;
    border: 1px solid #aaa;
    width: 400px;
}
.input_list textarea{
	padding: 10px;
    margin: 15px 0;
    font-size: 16px;
    color: #666;
    border: 1px solid #aaa;
    display: inline-block;
    vertical-align: middle;
    width: 600px;
}
.input_list .postcode{
	width: 100px;
	margin-right: 20px;
}
.input_list .address{
	width: 500px;
	max-width: 100%;
}
.input_radio p{
	display: inline;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0 30px 0 10px;
}
.input_radio input{
	margin: 15px 5px 15px 20px;
	width: auto;
}
.input_list select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #a0a0a0;
    background: url(../img/menu02_2.png) no-repeat right center transparent;
    width: 300px;
    padding: 10px;
    margin: 15px 0;
    font-size: 16px;
    color: #666;
}
.checkbtn{
	display: inline-block;
	color: #6ec4e8;
	margin: 10px 0;
}
.checkbtn span {
    display: inline-block;
    font-size: 12px;
    width: 17px;
    height: 17px;
    border: 1px solid #6ec4e8;
    margin: 0 10px 0 0;
    padding: 0 3px;
    color: #FFF;
}
.checkbtn .active {
    color: #6ec4e8;
}
.blue_dot_ul li::before{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #6ec4e8;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}
.ovfw_hidden{
	overflow: hidden;
}
/*:::::::::::::::::::::::::::::::::::*/

/*-----------會員語言選單------------*/

.menu_lan {
	display: block;
	height: 35px;
	background-color: #6ec4e8;
	width: 100%;
	text-align: right;
	font-size: 13px;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
}
.menu_lan>ul{
	/*width: 1566px;*/
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.menu_lan>ul>li{
	display: inline-block;
	/*padding: 8px 20px 10px 20px;*/
	position: relative;
	padding: 0 15px;
	border-right: 1px solid #FFF;
}
.menu_lan>ul>li:last-child{
	border-right: none;
}
/*.menu_lan>ul>li:nth-child(1) :after,
.menu_lan>ul>li:nth-child(2) :after{
	border-top: 16px solid #fff;
    position: absolute;
    width: 1px;
    content: "";
    top: 10px;
    right: 0px;
}*/

.menu_lanselect {
	/*position: relative;*/
}
.menu_lanselect img{
	/*position: absolute;*/
	/*right: 0px;*/
	/*top: 15px;*/
}
.menu_lanselect>a{
	padding: 5px 0;
}
.menu_lanselect>a span{
	display: inline-block;
}
.menu_lanselect>a img{
	display: inline-block;
}
.menu_lan_icon_box{
	padding: 0 20px;
}
.menu_lan_icon{
	display: block;
}
.menu_lan_icon li{
	display: inline-block;
	/*margin: 0 0 0 5px;*/
	padding: 5px;
}
.menu_lan_icon li img{
	height: 18px;
}
/*-----------語言下拉選單-----------*/

.menu_lanselect ul{
	position: absolute;
	top: 25px;
	left: -5px;
	text-align: center;
	background-color: #FFF;
	transition: 0.5s;
	z-index: 999;
	height: 0;
}
.menu_lanselect:hover ul{
	display: block;
	height: auto;
}
.menu_lanselect .w110per{
	width: 110%;
}
.menu_lanselect .w130per{
	width: 130%;
}
.menu_lanselect ul li{
	display: block;
	height: 0;
	transition: .3s;
	overflow: hidden;
}
.menu_lanselect:hover ul li{
	display: block;
	padding: 15px 10px 30px 10px;
}
.menu_lanselect ul li:hover{
	/*background-color: #6ec4e8;*/
	background-color: #e3e3e3;
}
.menu_lanselect ul li:hover a{
	/*color: #FFF;*/
}
.menu_lanselect ul li a{
	transition: .2s;
	color: #6ec4e8;
	/*display: block;*/
	padding: 10px;
	/*width: 100%;*/
	position: relative;
}
.menu_lanselect ul li a img{
	display: inline-block;
	width: 15px;
	max-height: 15px;
	margin: 0 10px -2px 5px;
}
.menu_lanselect ul li:nth-child(3) a img{
	margin: 0 13px 0px 5px;
}

/*.menu_lanselect ul li a .icon_white{
	display: none;
}
.menu_lanselect ul li:hover .icon_white{
	display: inline-block;
}
.menu_lanselect ul li:hover .icon_blue{
	display: none;
}*/
.menu_lanselect ul li a span{
	display: inline-block;
}
.menu_lan>ul>li>a{
	color: #FFF;
}

/*-----------主選單-----------*/

.menu_listbox{
	position: absolute;
	z-index: 990;
	top: 35px;
	display: block;
	background: rgba(0,0,0,0.5);
	width: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: 18px;
	letter-spacing: 1px;
} 
.menu_list {
	display: block;
	width: 1566px;
	/*margin: 0 auto;*/
	text-align: right;
}
.menu_logo{
	float: left;
	padding: 20px;
}
.menu_list_ul>li{
	display: inline-block;
	padding: 32px 2%;
	position: relative;
}
.menu_list_ul>li>a{
	color: #FFF;
	transition: .3s;
}
.menu_list_ul>li:hover >a{
	color: #6ec4e8;
}
.menu_list_ul li{
	/*vertical-align: middle;*/
}
.menu_list_ul .menu_arrow{
	position: absolute;
	right: 10%;
	top: 40px;
}
.menu_icon{
	transition: .3s ease-out;
	width: 30px;
}
.menu_icon:hover{
	opacity: 0.5;
}
.cart_icon{
	position: absolute;
	right: 30px;
	top: 40px;
}
.cart_icon .num{
	position: absolute;
	right: -25px;
	top: -10px;
	color: #FFF;
	background-color: #6ec4e8;
	display: block;
	width: 25px;
	height: 25px;
	padding: 4px;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-shadow: #0b3b5b 0px 0px 5px;
}

/*-----------主選單下拉選單-----------*/
.menu_list_ul>li ul{
	/*display: none;*/
	opacity: 0;
	height: 0;
	transition: .5s;
	width: 180px;
	position: absolute;
	overflow: hidden;
	top: 90px;
	left : 50%;
	transform:translateX(-50%);
	text-align: center;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 12px -2px rgba(95, 95, 95, 0.3);
    box-shadow: 0px 0px 12px -2px rgba(95, 95, 95, 0.3);
}
.menu_list_ul>li>ul>li{
	padding: 10px 0;
}
.menu_list_ul>li>ul>li>a{
	color: #666;
	padding: 0 10px;
	transition: .3s;
}
.menu_list_ul>li>ul>li>a:hover{
	color: #6ec4e8;
}
.menu_list_ul>li:hover>ul{
	opacity: 1;
	height: auto;
	padding: 10px 0;
}
.menu_list_ul .icon_ul{
	width: 150px;
	right: 0;
}
/*-----------行動版MENU-----------*/
.mini_menu_box{
	display: none;
	background-color: #FFF;
	position: fixed;
	z-index: 990;
	width: 100%;
}
.mini_menu_box2{
	width: 100%;
	background-color: #FFF;
	box-shadow: rgba(0,0,0,0.2) 1px 1px 5px;
	border-top: 5px solid #6ec4e8;
	position: fixed;
	z-index: 950;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mini_menu_icon{
	padding: 5px;
	margin: 10px 15px 10px 15px;
	float: right;
	background-color: #FFF;
}
.mini_menu_icon li{
	display: block;
	height: 3px;
	width: 30px;
	margin: 7px;
	background-color: #6ec4e8;
	transition: .5s;
}
.mini_menu_icon .active:first-child{
	transform-origin:left top;
	transform: rotate(45deg);
}
.mini_menu_icon .active:nth-child(2){
	width: 0;
}
.mini_menu_icon .active:last-child{
	transform-origin:left bottom;
	transform: rotate(-45deg);
}
.mini_menu_logo img{
	height: 50px;
	padding: 0 0 0 30px;
}
.mini_menu_icon2{
	display: block;
	margin-right: 10px;
}
.mini_menu_icon2 a{
	display: inline-block;
}
.mini_menu_cart{
	display: block;
	padding: 0 5px;
	position: relative;
}
.mini_menu_cart img{
	width: 30px;
}
.mini_menu_cart .num{
    position: absolute;
    right: 3px;
    top: -8px;
    color: #FFF;
    background-color: #6ec4e8;
    display: block;
    width: 20px;
    height: 20px;
    padding: 2px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.mini_menu_mem{
	/*padding: 0 5px 0 0;*/
}
/*-------------行動版MENU展開-------------*/
.mini_menu{
	display: block;
	height: 0;
	opacity: 0;
	transition: 1s ease;
	width: 100%;
	position: fixed;
	z-index: -1;
	top: -100%;
	overflow-x: hidden;
	overflow-y: auto;
	background: rgb(255,255,255,0.8);
}

.mini_menu_list{
	display: block;
	padding: 90px 0 30px 0;
	overflow-x: hidden;
	background-color: #6ec4e8;
}
.mini_menu_list_ul>li{
	display: block;
	text-align: center;
}
.mini_menu_list_ul>li>a{
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	position: relative;
	line-height: 36px;
	display: block;
	width: 100%;
	padding: 5px 0;
}
.mini_menu_list_ul>li>a .menu_arrow{
	position: absolute;
	right: calc(50% - 60px);
	top: calc(50% - 4.5px);
}
.mini_menu_list_ul>li>ul{
	/*padding: 5px 0;*/
	display: none;
	background-color: rgba(255,255,255,0.6);
}
.mini_menu_list_ul>li>ul li{
	/*padding: 10px;*/
	text-align: center;
	border-bottom: 1px solid #b4e0f3;
}
.mini_menu_list_ul>li>ul li a{
	color: #666;
	letter-spacing: 2px;
	display: block;
    width: 100%;
    padding: 10px;
}
.mini_menu_icons_ul{
	display: block;
	margin-top: 20px;
	text-align: center;
}
.mini_menu_icons_ul li{
	display: inline-block;
	margin: 10px;
}
.mini_menu_icons_ul li img{
	height: 30px;
}
.mini_menu_mem_ul{
	display: block;
	text-align: center;
	margin: 20px 0;
}
.mini_menu_mem_ul li{
	display: inline-block;
	margin: 5px;
}
.mini_menu_mem_ul li a{
	color: #6ec4e8;
	padding: 8px 20px;
	/*border: 1px solid rgba(255,255,255,0.5);*/
	background-color: rgba(255,255,255,0.8);
	letter-spacing: 1px;
	font-weight: bold;
}
.mini_menu_lan_ul{
	display: block;
	text-align: center;
	margin: 20px 0;
}
.mini_menu_lan_ul li{
	display: inline-block;
	margin: 5px;
}
.mini_menu_lan_ul li a{
	color: #FFF;
	padding: 8px 20px;
	border: 1px solid rgba(255,255,255,0.5);
}
.menu_active{
	display: block;
	height: auto;
	opacity: 1;
	top: 0;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}
.menu_active_body{
	overflow-y: hidden;
}
/*-----------FOOTER-----------*/
.footer_box{
	width: 100%;
	background-color: #6ec4e8;
	
}
.footer_box1{
	display: block;
	background-image: url(../img/footer_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #FFF;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2;
	position: relative;

}
.footer_box1 a{
	color: #FFF;
	transition: .3s;
}
.footer_box1 a:hover{
	color: #666;
}
.footer_box1>div>ul{
	display: block;
	margin: 0 auto;
	padding: 65px 0;
}
.footer_box1>div>ul>li{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.footer_box1>div>ul>li:nth-child(1){
	padding: 0 2%;
	width: 22%;
}
.footer_box1>div>ul>li:nth-child(1) a img{
	max-width: 100%;
}
.footer_box1>div>ul>li:nth-child(2){
	border-left: 1px solid #c5e7f6;
	text-align: left;
	width: 38%;
}
.footer_box1>div>ul>li:nth-child(2) p{
	padding: 0 10%;
}
.footer_box1>div>ul>li:nth-child(2)>div{
	display: block;
	margin: 0 auto;
}
.footer_box1>div>ul>li:nth-child(3){
	border-left: 1px solid #c5e7f6;
	width: 12%;
}
.footer_box1>div>ul>li:nth-child(4){
	border-left: 1px solid #c5e7f6;
	width: 12%;
}
.footer_box1>div>ul>li:nth-child(5){
	border-left: 1px solid #c5e7f6;
	border-right: 1px solid #c5e7f6;
	width: 12%;
}
.footer_icon{
	display: block;
	padding: 0 10%;
}
.footer_icon li{
	display: inline-block;
	height: 20px;
	margin: 5px 10px 0 0;
}
.footer_icon li a{
	font-size: ;
}
.footer_icon li a img{
	height: 100%;
}
.footer_box2{
	display: block;
	background-color: #666;
	color: #c2c2c2;
	font-size: 12px;
	padding: 8px 40px;
	text-align: right;
}
.top_box{
	bottom: -15px;
	right: 20px;
	position: fixed;
	opacity: 0;
	transition: .5s;
	z-index: 990;
}
.top_box:hover{
	bottom: 0;
}
.top_box img{
	width: 50px;
}
.top_act{
	opacity: 1;
}

/*---------------首頁POPUP---------------*/
.index_popup{
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.6);
    z-index: 999;
	display: none;
	padding-bottom: 60px;
}
.index_popup>div{
	width: 100%;
    height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;
}
.index_popup .popbox{
	display: block;
	width: calc(80%);
	max-width: 1000px;
	height: calc(90%);
	max-height: 600px;
}
.index_popup .in_pop{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	padding: 30px 20px 30px 30px;
}
.in_pop_pic{
	display: inline-block;
	width: 50%;
	height: 100%;
}
.in_pop_right{
	display: inline-block;
	width: 48%;
	height: calc(100% - 80px);
	vertical-align: top;
}
.in_pop_text{
	width: 100%;
	height: 100%;
	padding-right: 20px; 
	letter-spacing: 1px;
	overflow-x: hidden;
	overflow-y: auto;
}
.in_pop_text::-webkit-scrollbar {
    width: 8px;
}
.in_pop_text::-webkit-scrollbar-track {
    background: #f3f3f3; 
}
.in_pop_text::-webkit-scrollbar-thumb {
    background: #6ec4e8; 
}
.in_pop_text h3{
	font-size: 24px;
    color: #6ec4e8;
    font-weight: bold;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #e3e3e3;
    letter-spacing: 2px;
}
.in_pop_text h4{
	color: #c3c3c3;
    font-size: 14px;
    margin: 20px 0 10px 20px;
}
.in_pop_text p{
	font-size: 18px;
    line-height: 1.8;
    color: #666;
    margin: 0 0 0 20px;	
}
.in_pop_text p a{
	border-bottom: 1px dashed #6ec4e8;
}
.in_pop_btn{
	display: block;
	background-color: #6ec4e8;
	margin: 20px 0 0 20px;
	padding: 16px 0;
	color: #FFF;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	transition: .3s;
}
.in_pop_btn:hover{
	color: #FFF;
	opacity: 0.8;
}
.index_popup .close{
    position: relative;
    display: block;
    width: 100%;
    height: 50px; 
}
.index_popup .close:before{
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: #FFF;
    position: absolute;
    right: 0;
    top: 20px;
    transform: rotate(45deg);
    transition: .5s;
}
.index_popup .close:after{
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: #FFF;
    position: absolute;
    right: 0;
    top: 20px;
    transform: rotate(-45deg);
    transition: .5s;
}

.index_popup .close:hover:before{
	transform: rotate(180deg);
}
.index_popup .close:hover:after{
	transform: rotate(180deg);
}

/*-----------首頁BANNER-----------*/

.index_banner{
	display: block;
	width: 100%;
}
.index_banner img{
	width: 100%;
}
.banner_pic{
	display: block;
	width: 100%;
	height: 95vh;
}
.index_banner_pc,
.index_banner_m{
	display: block;
	width: 100%;
}
.index_banner_pc img,
.index_banner_m img{
	width: 100%;
}
.index_banner_pc .banner_pic{

}
.index_banner_m{
	display: none;
}

/*-----------首頁ABOUT-----------*/
.index_box1{
	display: block;
	width: 100%;
	background-image: url(../img/index01.png);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
}
.index_box1_t{
	width: 580px;
	padding: 220px 0;
}

.index_box1_t h2{
	font-size: 28px;
	letter-spacing: 2px;
	color: #6ec4e8;
	font-weight: bold;
}


.index_box1_t h1,.index_box1_t h3{
	font-size: 18px;
	letter-spacing: 1px;
	color: #6ec4e8;
	font-weight: bold;
	margin: 40px 0;
}
.index_box1_t p{
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 2;
	color: #666;
}
.index_box1_t a{
	display: block;
	position: relative;
	padding: 20px 0;
	margin: 50px 0 0 0;
	width: 250px;
	color: #6ec4e8;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	border-top: 1px solid #6ec4e8;
	border-bottom: 1px solid #6ec4e8;
	transition: .5s;
}
.index_box1_t a img{
	position: absolute;
	right: 10px;
	top: 25px;
}
.index_box1_t a:hover{
	width: 300px;
	opacity: .8;
}
.index_box1 .deco1{
	display: block;
	width: 67px;
	padding: 30px 20px;
	background-color: #6ec4e8;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 100px;
}
.index_box1 .deco2{
	display: block;
	width: 67px;
	padding: 30px 20px;
	background-color: #6ec4e8;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	position: absolute;
	top: 100px;
	right: 200px;
}
/*-----------首頁SELECTION-----------*/
.index_box2{
	display: block;
	width: 100%;
	height: 900px;
	margin: 0 0 320px 0;
	background-image: url(../img/index02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.select{
	display: block;
	width: 100%;
	padding: 600px 0 0 0;
}
.select li{
	display: inline-block;
	width: 21.85%;
	margin: 1.4%;
	border: 1px solid #FFF;
	background-color: #6ec4e8;
	transition: 1s;
	vertical-align: middle;
}
.select_img{
	width: 100%;
	height: 320px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: 1s;
}
.select_box{
	display: block;
	width: 100%;
	height: 200px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.select_box h3 {
	display: inline-block;
/*	width: 50%;*/
	color: #FFF;
	font-size: 18px;
	letter-spacing: 2px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	transition: .3s;
}

.select_box h3 img{
	position: absolute;
	/*right: 0;*/
	right: -15px;
	bottom: 5px;
	transition: .3s;
}

.select_box h4 {
	color: #6ec4e8;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	background-color: #FFF;
	width: 65px;
	padding: 30px 20px;
	text-align: center;
	position: absolute;
	bottom: 60px;
	right: 40px;
	transition: .3s ease-out;
}
.select li:hover{
	background-color: #d3d3d3;
}
.select li:hover .select_img{
	opacity: 0.8;
}
.select li:hover a h3{
	opacity: 0.8;
}
.select li:hover a h3 img{
	right: -10px;
}
.select li:hover a h4{
	padding: 70px 20px;
	bottom: 0;
}
.index_box2 .deco1{
	display: block;
	width: 67px;
	padding: 30px 20px;
	background-color: #FFF;
	text-align: center;
	color: #6ec4e8;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 200px;
}
.index_box2 .deco2{
	display: block;
	width: 67px;
	padding: 30px 20px;
	background-color: #FFF;
	text-align: center;
	color: #6ec4e8;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	position: absolute;
	top: 100px;
	left: 100px;
}
.index_box2 .deco2 div{
	display: block;
	width: 67px;
	height: 100px;
	top: -100px;
	left: 0;
	background-color: #6ec4e8;
	position: absolute;
}
/*-----------首頁區塊標題-----------*/
.index_boxtitle h2{
	font-size: 28px;
	letter-spacing: 2px;
	color: #6ec4e8;
	font-weight: bold;
	position: relative;
	margin: 30px 0;
}
.index_boxtitle h2 a{
	display: block;
	width: 80px;
	font-size: 14px;
	padding: 1px 0 2px 0;
	text-align: center;
	color: #6ec4e8;
	border-top: 1px solid #6ec4e8;
	border-bottom: 1px solid #6ec4e8;
	position: absolute;
	top:8px;
	left: 270px;
	transition: .2s;
	z-index: 1;
}

.index_boxtitle h2 a span{
	height: 100%;
	width: 0;
	background-color: #6ec4e8;
	position: absolute;
	top: 0;
	left: 0;
	transition: .2s;
	z-index: 0;
	opacity: .3;
}
.index_boxtitle h2 a:hover span{
	height: 100%;
	width: 100%;
}
/*-----------首頁NEWS-----------*/
.index_box3{
	position: relative;
	padding: 60px 0 80px 0;
	background-image: url(../img/index_bg1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 600px;
}

.index_box3>img:nth-child(1) {
	position: absolute;
	top: -60px;
	right: 0;
	opacity: 0.7;
}
.index_box3>img:nth-child(2) {
	position: absolute;
	bottom: -60px;
	left: 0;
	opacity: 0.7;
}

.news_list{
	width: 48.8%;
}
.news_list ul li{
	padding: 20px 40px;
	margin-left: 20px;
	color: #666;
	font-size: 18px;
	letter-spacing: 1px;
	transition: .3s;
	position: relative;
	/*overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
}

.news_list ul li a span{
	margin-right: 20px;
}

.news_list ul li>span {
	position: absolute;
	left: 0;
	display: block;
	width: 0;
	height: 1px;
	background-color: #6ec4e8;
	transition: .5s;
}
.news_list ul li>span:first-child {
	top: 0;
}
.news_list ul li>span:last-child {
	bottom: -1px;
}
.news_list ul li:hover a{
	color: #6ec4e8;
	transition: .3s;
}
.news_list ul li:hover >span{
	width: 100%;
}
.news_list .news_new{
	font-size: 14px;
	color: #FFF;
	background-color: #6ec4e8;
	padding: 3px 10px;
	margin: 0 5px 0 0;
	/*animation: flash 3s infinite;*/
}
.news_list .active{
	width: 100%;
}
.news_review{
	display: block;
	float: right;
	width: 48%;
	padding: 26px;
	border: 1px solid #6ec4e8;
	background-color: #FFF;
	letter-spacing: 1px;
	margin-right: 30px;
	position: relative;
}
.news_pic{
	display: block;
	float: left;
	width: 50%;
	height: 330px;
	margin-right: 30px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
}
.news_review h3{
	font-size: 20px;
	color: #6ec4e8;
	font-weight: bold;
	padding: 0 10px 20px 0;
	border-bottom: 1px solid #e3e3e3;
}
.news_review h4{
	color: #c3c3c3;
	font-size: 14px;
	margin: 20px 0 10px 0;
}
.news_review p{
	font-size: 16px;
	line-height: 1.8;
	color: #666;
}
.news_review .photo_deco{
	bottom: -1px;
	right: -1px;
}
.news_review:hover .photo_deco{
	
	height: 40px;
	width: 40px;
}

/*-----------首頁SHOP-----------*/
.index_box4{
	padding: 100px 0 120px 0;
}
.index_shoplist{
	display: block;
	margin-top: 50px;
}
.index_shoplist li{
	transition: .3s;
	vertical-align: top;
}

.index_shoplist .product_p{
	display: block;
	width: 100%;
	height: 250px;
	transition: .3s;
	position: relative;
	overflow: hidden;
}

.index_shoplist li:hover .product_p{
	opacity: 0.8;
	
}

.index_shoplist .product_p span{
	display: block;
	position: absolute;
	bottom: -50%;
	right: 0;
	/*z-index: 5;*/
	width: 100%;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 15px;
	text-align: center;
	color: #FFF;
	background-color: #333;
	height: 0;
	opacity: 0;
	transition: .3s;
}
.index_shoplist .product_p span:hover{
	color: #6ec4e8;
}

.index_shoplist li:hover span{
	height: auto;
	opacity: 1;
	bottom: 0;
}

.index_shoplist li h3{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 15px 0 10px 0;
	transition: .3s;
	color: #666;
}
.index_shoplist li:hover h3{
	color: #6ec4e8;
}
.index_shoplist li h4{
	font-size: 18px;
	font-weight: bold;
	color: #6ec4e8;
}
.index_shoplist li h4 span{
	font-size: 14px;
	font-weight: lighter;
	margin-right: 10px;
	color: #666;
	text-decoration:line-through;
}


/*-----------首頁活動花絮EVENT-----------*/
.index_box5{
	background-color: #f9f9f9;
	background-image: url(../img/index_bg2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 100px 0 120px 0;
	position: relative;
}
.index_box5>img {
	position: absolute;
	top: -60px;
	right: 0;
	opacity: 0.7;
}
.index_eventlist{
	display: block;
}
.index_eventlist li{
	display: inline-block;
	width: 22.5%;
	margin: 1%;
	transition: .3s;
	vertical-align: top;
}

.index_eventlist li h3{
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 10px 0;
	transition: .3s;
	text-align: center;
}
.index_eventlist .event_photo{
	display: block;
	height: 240px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.photo_deco{
	position: absolute;
	height: 0;
	width: 0;
	bottom: 0;
	right: 0;
	transition: .5s;
}
.index_eventlist li:hover .photo_deco{
	height: 40px;
	width: 40px;
}
/*-----------首頁MAP-----------*/
.index_map{
	display: block;
	width: 100%;
	height: 500px;
	justify-content: center;
	align-items: center;
	background-image: url( ../img/map.jpg);
	position: relative;
	transition: .3s;
}
.index_map img{
	position: absolute;
	width: 230px;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	transition: .3s;
}
.index_map a{
	text-align: center;
	color: #FFF;
}
.index_map a p{
	width: 230px;
	padding: 20px 10px 10px 10px;
	background-color: #6ec4e8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	opacity: 0;
	transition: .3s;
}
.index_map:hover{
	opacity: 0.8;
}
.index_map:hover img{
	top: calc(50% - 10px);
}
.index_map:hover p{
	opacity: 1;
	top: 60%;
}
/*-----------預約RESERVE-----------*/
.reserve_select{
	display: block;
	width: 90%;
	padding: 0 50px;
	margin: 0 auto;
}

.reserve_select li{
	display: inline-block;
	width: 30%;
	margin: 1.4%;
	border: 1px solid #FFF;
	background-color: #6ec4e8;
	transition: 1s;
}

.reserve_select li:hover{
	background-color: #d3d3d3;
}
.reserve_select li:hover .select_img{
	opacity: 0.8;
}
.reserve_select li:hover a h3{
	opacity: 0.8;
}
.reserve_select li:hover a h3 img{
	right: -25px;
}
.reserve_select li:hover a h4{
	padding: 70px 20px;
	bottom: 0;
}
.reserve_guiding_pop{
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.7);
    z-index: 999;
    display: block;
    
	display:none;
}
.reserve_guiding_pop>div{
	 width: 100%;
    height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.reserve_guiding_pop .popbox{
	/*position: absolute;
	top: 45%;
	left: 50%;*/
	display: block;
	background-color: #FFF;
	width: 800px;
	/*height: calc(100vh - 40px);*/
	max-width: calc(100% - 40px);
	padding: 30px;
	/*margin: -20% -30% 0 -30%;*/
}
.reserve_guiding_pop .popbox .content{
	display: block;
	height: 50vh;
	padding: 0 10px;
	overflow-x: hidden;
	overflow-y: auto;
}
.reserve_guiding_pop .popbox .content::-webkit-scrollbar {
    width: 8px;
}
.reserve_guiding_pop .popbox .content::-webkit-scrollbar-track {
    background: #f3f3f3; 
}
.reserve_guiding_pop .popbox .content::-webkit-scrollbar-thumb {
    background: #6ec4e8; 
}
.reserve_guiding_pop .popbox h2{
	font-size: 28px;
	color: #6ec4e8;
	letter-spacing: 3px;
	padding: 0 0 30px 0;
	text-align: center;
	font-weight: bolder;
}
.reserve_guiding_pop .popbox h3{
	font-size: 18px;
	/*font-weight: bold;*/
	line-height: 2.5;
	letter-spacing: 1px;
	padding-bottom: 10px;
}
.reserve_guiding_pop .popbox h3 span{
	color: #6ec4e8;
	border-bottom: 1px solid;
	font-weight: bold;
}
.reserve_guiding_pop .popbox h4{
	font-size: 16px;
	line-height: 2;
}


.popup_close{
	display: none;
}
.guiding_pop_btn{
	display: block;
	margin-top: 30px;
	text-align: right;
}
.guiding_pop_btn .disagree{
	display: inline-block;
	float: left;
	font-size: 16px;
	color: #666;
	background-color: #f9f9f9;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 15px 60px;
}
.guiding_pop_btn .confirm{
	display: inline-block;
	font-size: 16px;
	color: #6ec4e8;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 15px 30px;
}
.guiding_pop_btn .confirm span{
	display: inline-block;
	font-size: 14px;
	width: 17px;
	height: 17px;
	border: 1px solid #6ec4e8;
	margin: 0 10px 0 0;
	color: #FFF;
}
.guiding_pop_btn .confirm .active{
	color: #6ec4e8;
}
.guiding_pop_btn .start{
	display: inline-block;
	float: right;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 15px 60px;
	display: none;
	color: #FFF;
	background-color: #6ec4e8;
}
/*-----------選單TOP_TAB-----------*/
.news_btn{
	display: block;
	text-align: center;
}
.news_btn li{
	display: inline-block;
	/*width: 25%;*/
	margin: 0 -1px 50px -1px;
	position: relative;
}
.news_btn li a{
	display: block;
	padding: 25px 50px;
	width: 100%;
	font-size: 18px;
	letter-spacing: 2px;
	color: #6ec4e8;
	font-weight: bold;
	border: 2px solid #e2f3fa;
	transition: .2s;
}
.news_btn li a:hover{
	background-color: #e2f3fa;
}
.news_btn_active{
	background-color: #e2f3fa;
}
.news_btn_active::after{
	z-index: -1;
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #e2f3fa transparent transparent transparent;
    content: "";
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}
 
/*-----------最新訊息NEWS_LIST-----------*/
.newspage_list{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.newspage_list li{
	display: inline-block;
	width: 28.9%;
	margin: 0 2%;
	vertical-align: top;
}
.newspage_list li a{
	display: block;
	width: 100%;
	padding: 10%;
	transition: .3s;
}
.newspage_list li a:hover{
	background-color: #f9f9f9;
}
.newspage_list li a:hover .news_img{
	border: 3px solid #6ec4e8;
}
.newspage_list .news_img{
	display: block;
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border: 3px solid #FFF;
	transition: .3s;
}
.newspage_list h2{
	text-align: center;
	margin: 20px 0;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #6ec4e8;
}
.newspage_list p{
	font-size: 12px;
	color: #666;
	line-height: 1.8;
}
.newspage_list p span.date{
	color: #cccccc;
}
.newspage_list p img{
	display: none;
}

/*--------------頁碼--------------*/
.pagination ul{
	display: block;
	text-align: center;
	margin-top: 50px;
}
.pagination ul li{
	display: inline-block;
	vertical-align: middle;
}
.pagination ul li a{
	display: block;
	padding: 20px 20px;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	transition: .3s;
}
.pagination ul li a img{
	transition: .3s;
	padding: 5px;
}
.pagination ul li a:hover{
	color: #6ec4e8;
	background-color: #f9f9f9;
}
.pagination ul li a:hover img{
	opacity: .6;
}

/*--------------文章--------------*/
.article_title{
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 20px;
/*	margin-bottom: 30px;*/
}

.article_title h1{
	font-size: 30px;
	line-height: 1.5;
	color: #444;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 10px 0;
}
.article_title h5{
	font-size: 14px;
	color: #888;
	/*line-height: 1.8;*/
}
.article_content{
	padding: 30px 0;
}

.article_content p{
	font-size: 18px;
	line-height: 2.5;
	letter-spacing: 1px;
}
.article_content a{
	color: #6ec4e8;
	border-bottom: 1px solid;
}
.article_content img{
	max-width: 100%;
	height: auto!important;
}

.article_content .table1{
	color: #6ec4e8;
	border-right: 3px solid #6ec4e8;
	margin-right: 15px;
	padding-right: 15px; 
	font-weight: bold;
	letter-spacing: 3px;
}

.article_file{
	display: block;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 30px 10px;
	font-weight: bold;
	color: #666;
}
.article_file a{
	color: #6ec4e8;
	border-bottom: 1px solid;
	display: inline-block;
	margin: 0 10px 0 30px;
	position: relative;
}
.article_file a:hover{
	opacity: 0.8;
}
.article_file a img{
	position: absolute;
	left: -25px;
	top: 0;
}
.article_btns{
	display: block;
	text-align: center;
}
.article_btns a{
	display: inline-block;
	text-align: center;
	padding: 15px;
	margin: 30px 0;
	color: #6ec4e8;
	letter-spacing: 1px;
	font-weight: bold;
	transition: .3s;
}
.article_btns .prev,
.article_btns .next{
	width: 40%;
	background-color: #f0f9fc;
}
.article_btns .home{
	width: 17%;
	color: #FFF;
	background-color: #6ec4e8;
	margin: 30px 1.5%;
}
.article_btns .prev{
	float: left;
}
.article_btns .next{
	float: right;
}
.article_btns a:hover{
	background-color: #f9f9f9;
	color: #999;
}
.article_btns .home:hover{
	background-color: #999;
	color: #f9f9f9;
}
/*---------------------------*/
.visit_title{
	font-size: 28px;
	letter-spacing: 3px;
	font-weight: bold;
	color: #6ec4e8;
}

.visit_content{
	padding: 20px 30px;
	margin-bottom: 30px;
}
.visit_content h3{
	font-size: 24px;
	font-weight: bold;
}
.visit_content h3:before{
	content: url(../img/deco04.png);
    margin-right: 10px;
}
.visit_content h4{
	color: #6ec4e8;
	font-size: 20px;
	font-weight: bold;
}
.visit_content{
	font-size: 18px;
	line-height: 2.5;
	letter-spacing: 1px;
}
.visit_content a{
	
	border-bottom: 1px dashed #6ec4e8;
}
.visit_content img{
	max-width: 100%;
}
.visit_content table{
	width: 100%;
	text-align: center;
	border-top: 1px solid #6ec4e8;
	border-bottom: 1px solid #6ec4e8;
	margin: 20px 0;
}
.visit_content table tr td{
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding: 5px 30px;
}
.visit_content .visit_table_h tr:hover,
.visit_content tr td:hover{
	/*background-color: #f8f8f8;*/
	color: #6ec4e8;
}
.visit_content .visit_table_h tr:first-child:hover{
	background-color: #FFF;
}
.visit_content table thead td{
	border-top: 1px solid #6ec4e8;
	border-bottom: 1px solid #6ec4e8;
	color: #6ec4e8;
	font-weight: bold;
}
.visit_content table tr:last-child td{
	border-bottom: 1px solid #6ec4e8;
}
.visit_content p{
	margin-bottom: 20px;
}
.visit_content .num_ul{
	padding-left:60px;
}
.visit_content .num_ul li{
	list-style: decimal;
	
}

/*-----------------周邊景點列表-----------------*/
.visit_spot{
	display: block;
}
.visit_spot ul{
	display: block;
}
.visit_spot ul li{
	display: inline-block;
	width: 45%;
	margin: 0 2% 4% 2%;
	padding: 20px;
	letter-spacing: 1px;
	border: 1px solid #e3e3e3;
	position: relative;
	transition: .3s;
	vertical-align: top;
}

.visit_spot ul li>a{
	display: block;
	width: 100%;
}
.visit_spot ul li .spot_img{
	width: 45%;
	height: 180px;
	float: left;
	margin-right: 20px;
	transition: .3s;
}
.visit_spot ul li h2{
	font-size: 20px;
	color: #6ec4e8;
	font-weight: bold;
}
.visit_spot ul li h3{
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	margin: 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
	height: 100px;
	
	overflow: hidden;
}
.visit_spot ul li h4{
	color: #6ec4e8;
	font-size: 14px;
	padding-top: 10px;
}
.visit_spot ul li h4 a{
	color: #6ec4e8;
	font-size: 14px;
	padding-right: 10px;
	transition: .3s;
}
.visit_spot ul li h4 a:hover{
	color: #666;
}
.visit_spot ul li h4 a:last-child{
	border-left: 1px solid #6ec4e8;
	padding: 0 10px;
}
.visit_spot ul li h4 a img{
	/*float: left;*/
	margin: 3px 5px 0 0;
	display: inline;
}
.visit_spot ul li>img{
	position: absolute;
	bottom: -1px;
	right: -1px;
	transition: .3s;
	height: 30px;
	width: 30px;
}
.visit_spot ul li:hover{
	border: 1px solid #6ec4e8;
}
.visit_spot ul li:hover .spot_img{
	opacity: 0.85;
}
.visit_spot ul li:hover >img{
	height: 40px;
	width: 40px;
}
.visit_spot ul li:hover >img:last-child{
	opacity: 0;
}

/*-----------------印象導覽相簿列表-----------------*/
.visit_guide{
	display: block;
}
.visit_guide ul{
	display: block;
}
.visit_guide ul li{
	display: inline-block;
	width: 31.4%;
	margin: 0 0.8% 3% 0.8%;
	padding: 20px;
	letter-spacing: 1px;
	border: 1px solid #e3e3e3;
	position: relative;
	transition: .3s;
	vertical-align: top;
	text-align: center;
}

.visit_guide ul li>a{
	display: block;
	width: 100%;
}
.visit_guide ul li .spot_img{
	width: 100%;
	height: 260px;
	margin-right: 20px;
	transition: .3s;
}
.visit_guide ul li h2{
	font-size: 20px;
	color: #6ec4e8;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.visit_guide ul li a>img{
	position: absolute;
	bottom: -1px;
	right: -1px;
	transition: .3s;
	height: 30px;
	width: 30px;
}
.visit_guide ul li:hover{
	border: 1px solid #6ec4e8;
}
.visit_guide ul li:hover .spot_img{
	opacity: 0.85;
}
.visit_guide ul li:hover a>img{
	height: 40px;
	width: 40px;
}
.visit_guide ul li:hover a>img:last-child{
	opacity: 0;
}

/*-----------------印象導覽相簿內頁-----------------*/
.visit_guide_d .w1080{
	width: calc(100% - 100px);
}
.visit_guide_title{
	padding: 25px;
	border-top: 1px solid #6ec4e8;
	border-bottom:  1px solid #6ec4e8;
	text-align: center;
}
.visit_guide_title h1{
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 20px;
	color: #6ec4e8;
}
.guide_pic_b{
	padding-top: 30px;
}
.guide_pic_b img{
	width: 100%;
	vertical-align: middle;
	max-width: 100%;
    max-height: 600px;
    width: auto!important;
    height: auto;
    margin: 0 auto;
}
.guide_pic_b p{
	text-align: center;
	padding: 25px 0;
	letter-spacing: 1px;
}
.guide_pic_s{
	margin-bottom: 30px;
	margin-top:20px; 
}
.guide_pic_s a{
	/*display: flex;
	max-height: 100px;*/
	overflow-y: hidden;
	border: 3px solid #FFF;
	transition: .3s;
}
.guide_pic_s a:hover{
	/*border: 3px solid #6ec4e8;*/
	opacity: 0.8
}

.topline_gray{
	border-top: 1px solid #e3e3e3;

}
/*-----------------認識-----------------*/
.about_box{
	display: block;
	padding-bottom: 60px;
	vertical-align: top;
}

.about_box p{
	padding: 15px 30px;
	line-height: 2;
	font-size: 16px;
	letter-spacing: 1;

}
.about_pic{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	height: 450px;
	margin: 20px 0;
}
.about_text{
	display: inline-block;
	width: 51%;
	height: 450px;

}
.about_text h2{
	font-size: 24px;
	color: #6ec4e8;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 30px;
	border-bottom: 1px solid;
}
.about_text a{
	display: block;
    position: relative;
    padding: 20px 0;
    margin: 30px;
    width: 250px;
    color: #6ec4e8;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    border-top: 1px solid #6ec4e8;
    border-bottom: 1px solid #6ec4e8;
    transition: .5s;
}
.about_text a:hover{
	width: 300px;
    color: #666;
}
.about_text a img {
    position: absolute;
    right: 10px;
    top: 25px;
}

.about_timeline{
	margin-top: 50px; 
}
.timeline{
	display: block;
	border-bottom: 1px solid #e3e3e3;
	padding: 30px 0;
}
.timeline .period{
	font-size: 18px;
	color: #FFF;
	letter-spacing: 2px;
	font-weight: bold;
	background-color: #6ec4e8;
	padding: 15px 20px;
	margin: 0 auto;
	width: 200px;
	text-align: center;
}
.timeline .event li{
	display: block;
	vertical-align: middle;
	position: relative;
	padding: 5px 0;
}

.timeline .event li .dot{
	z-index: 2;
    position: absolute;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    background-color: #6ec4e8;
    bottom: 50%;
    right: 50%;
    transform: translate(50%,50%);
}
.timeline .event li .line{
	z-index: 1;
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #e3e3e3;
    bottom: 0;
    right: 50%;
    transform: translate(50%,0);
}
.timeline .event li h5{
	display: inline-block;
	width: 50%;
	padding: 20px;
	color: #6ec4e8;
	font-weight: bold;
	letter-spacing: 2px;
	vertical-align: middle;
}
.timeline .event li:nth-child(odd) h5{
	text-align: right;
}
.timeline .event li p{
	display: inline-block;
	width: 48%;
	padding: 20px;
	background-color: #f5f5f5;
	color: #666;
	position: relative;
	vertical-align: middle;
	line-height: 2;
}
.timeline .event li p span{
	color: #6ec4e8;
	font-weight: bold;
}
.timeline .event li:nth-child(odd) p{
	margin: 10px 0 10px 1.5%;
}
.timeline .event li:nth-child(odd) p:before{
	z-index: -1;
    position: absolute;
    border-style: solid;
    border-width: 8.5px 11px 8.5px 0;
    border-color: transparent #f5f5f5 transparent transparent;
    content: "";
    bottom: 50%;
    left: -11px;
    transform: translateY(50%);
}

.timeline .event li:nth-child(even) p{
	margin: 10px 1% 10px 0;
}
.timeline .event li:nth-child(even) p:after{
	z-index: -1;
    position: absolute;
    border-style: solid;
    border-width: 8.5px 0 8.5px 11px;
    border-color: transparent transparent transparent #f5f5f5;
    content: "";
    bottom: 50%;
    right: -11px;
    transform: translateY(50%);
}
/*---時間軸修改---*/
.timeline .event_ul li{
	display: block;
	vertical-align: middle;
	position: relative;
	padding: 5px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.timeline .event_ul li .dot{
	z-index: 2;
    position: absolute;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    background-color: #6ec4e8;
    bottom: 50%;
    right: 50%;
    transform: translate(50%,50%);
}
.timeline .event_ul{
	display: block;
	position: relative;
}
.timeline .event_ul .line{
	z-index: -1;
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #e3e3e3;
    bottom: 0;
    right: 50%;
    transform: translate(50%,0);
}
.timeline .event_ul li h5{
	width: 50%;
	padding: 20px;
	color: #6ec4e8;
	font-weight: bold;
	letter-spacing: 2px;
	vertical-align: middle;
}
.timeline .event_ul li p{
	width: 48%;
	padding: 20px;
	background-color: #f5f5f5;
	color: #666;
	position: relative;
	vertical-align: middle;
	line-height: 2;
}
.timeline .event_ul li p span{
	color: #6ec4e8;
	font-weight: bold;
}
.timeline .event_ul li img{
	max-width: 100%;
}

.timeline .event_ul li:nth-child(odd) h5{
	/*display: flex;
	justify-content: flex-end;*/
	text-align: right;
}
.timeline .event_ul li:nth-child(odd) p{
	margin: 10px 0 10px 1.5%;
}
/*.timeline .event_ul li p:before{
	
}*/
.timeline .event_ul li/*:nth-child(odd)*/ p:before{
	z-index: -1;
    position: absolute;
    border-style: solid;
    border-width: 8.5px 11px 8.5px 0;
    border-color: transparent #f5f5f5 transparent transparent;
    content: "";
    bottom: 50%;
    left: -11px;
    transform: translateY(50%);
}

.timeline .event_ul li:nth-child(even) p{
	margin: 10px 1% 10px 0;
}
.timeline .event_ul li:nth-child(even) p:before{
	display: none;
}
.timeline .event_ul li:nth-child(even) p:after{
	z-index: -1;
    position: absolute;
    border-style: solid;
    border-width: 8.5px 0 8.5px 11px;
    border-color: transparent transparent transparent #f5f5f5;
    content: "";
    bottom: 50%;
    right: -11px;
    transform: translateY(50%);
}
.timeline .event_ul li:nth-child(even) p{
	order:1;
}
.timeline .event_ul li:nth-child(even) h5{
	order: 3;
}
/*--------------線上商店 商品列表--------------*/
.shop_page{
	display: block;
}
/*商品分類列表*/
.shop_seclist{
	display: inline-block;
	width: 20%;
	margin: 0 2%;
	letter-spacing: 1px;
	font-size: 18px;
	vertical-align: top;
}
.shop_mini_menu{
	display: none;
	background-color: #6ec4e8;
	padding: 10px;
	/*margin-bottom: 20px;*/
}
.now_selec{
	display: inline-block;
	width: calc(100% - 40px);
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 0 10px;
}
.shop_mini_menu ul{
	display: inline-block;
	vertical-align: middle;
}
.shop_mini_menu ul li{
	display: block;
	height: 2px;
	width: 20px;
	margin: 5px;
	background-color: #FFF;
}
.shop_active{
	display: block;
	height: auto;
	opacity: 1;
}
.shop_search{
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}
.shop_search input{
	width: 100%;
	font-size: 16px;
	padding: 10px;
	color: #666;
	border: 1px solid #e3e3e3;
}
.shop_search a{
	/*padding: 10px;*/
	margin: 0 0 0 5px;
	position: absolute;
	right: 0;
	top: 0;
}
.shop_seclist>ul>li>a{
	display: block;
	width: 100%;
	padding: 10px 15px;
	font-weight: bold;
	color: #666;
	border-top: 1px solid #6ec4e8;
	/*border-bottom: 1px solid #6ec4e8;*/
	position: relative;
	transition: .2s;
}

.shop_seclist>ul>li>a:hover{
	background-color: #6ec4e8;
	color: #FFF;
}

.shop_seclist>ul>li:first-child h3{
	border-bottom: none;
}
.shop_seclist>ul>li:last-child{
	border-bottom: 1px solid #6ec4e8;
}
.shop_seclist>ul>li>a img{
	position: absolute;
	right: 15px;
	top: 40%;
	transition: .5s;
}
/*.shop_seclist>ul>li>a:hover img{
	transform: rotate(-180deg);
}*/
.shop_seclist>ul>li>a img:last-child{
	opacity: 0;
}
.shop_seclist>ul>li>a:hover img:last-child{
	opacity: 1;
}
.shop_seclist>ul>li>ul{
	border-top: 1px solid #6ec4e8;
	padding: 15px;
}
.shop_seclist>ul>li>ul li{
	color: #666;
	padding: 5px 0;
}
.hidden{/*隐藏列表内容*/
	display: none;
    }
.on{/*显示列表内容*/
	display: block;
}
/*------------------------*/
.shop_products{
	display: inline-block;
	width: 75%;
}
.shop_products ul {
	display: block;
}
.shop_products ul li{
	display: inline-block;
	/*width: 24%;*/
	padding: 0 1%;
	
	vertical-align: top;
}
.shop_products_ul li{
	width: 24%;
	margin-bottom: 40px;
}
.shop_products .product_p{
	display: block;
	width: 100%;
	height: 250px;
	transition: .3s;
	position: relative;
	overflow: hidden;
}

.shop_products li:hover .product_p{
	opacity: 0.8;
}

.shop_products .product_p span{
	display: block;
	position: absolute;
	bottom: -50%;
	right: 0;
	/*z-index: 5;*/
	width: 100%;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 15px;
	text-align: center;
	color: #FFF;
	background-color: #333;
	height: 0;
	opacity: 0;
	transition: .3s;
}
.shop_products .product_p span:hover{
	color: #6ec4e8;
}

.shop_products>li:hover span{
	height: auto;
	opacity: 1;
	bottom: 0;
}

.shop_products li h3{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 15px 0 10px 0;
	transition: .3s;
	color: #666;
}
.shop_products li:hover h3{
	color: #6ec4e8;
}
.shop_products li h4{
	font-size: 18px;
	font-weight: bold;
	color: #6ec4e8;
}
.shop_products li h4 span{
	font-size: 14px;
	font-weight: lighter;
	margin-right: 10px;
	color: #666;
	text-decoration:line-through;
}
/*----------精選商品----------*/
.shop_collected{
	padding: 0 0 30px 10px;
	border-bottom: 1px solid #e3e3e3;
	margin: 0 40px 30px 0;
}
.shop_collected_ul li{
	width: 100%;
	margin-bottom: 0;
}
/*.shop_collected_box{
	display: block;
	margin-bottom: 40px;
	border-bottom: 1px solid #6ec4e8;

}
.shop_collected_box .title{
	font-size: 20px;
	font-weight: bold;
	color: #6ec4e8;
	letter-spacing: 2px;
	padding-bottom: 30px;
	text-align: center;
	position: relative;
}
.shop_collected_box .title::before{
	content: '';
	display: block;
	width: calc(50% - 62px);
	height: 1px;
	background-color: #6ec4e8;
	position: absolute;
	top: 15px;
	left: 0;
}
.shop_collected_box .title::after{
	content: '';
	display: block;
	width: calc(50% - 60px);
	height: 1px;
	background-color: #6ec4e8;
	position: absolute;
	top: 15px;
	right: 0;
}*/
.shop_g .breadcrumb{
	width: calc(100% - 240px);
	display: inline-block;
}
.shop_g select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border: 1px solid #a0a0a0;
	background: url("../img/menu02_2.png") no-repeat right center transparent;
	width: 200px;
	padding: 5px 5px;
	margin: 10px 0 20px 0;
	font-size: 14px;
	color: #666;
	display: inline-block;
}
/*----------商品內頁----------*/
.breadcrumb{
	color: #888;
	margin-bottom: 15px; 
}
.breadcrumb a{
	color: #888;
	padding: 2px 5px;
}
.breadcrumb a:hover{
	color: #6ec4e8;
}

.product_pic_box{
	display: inline-block;
	width: 60%;
	
	vertical-align: top;
	position: relative;

}
.product_pic_box .pic_viewbtn{
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 10;
}
.product_pic_b{
	display: flex-block;
	justify-content: center;
	align-items: center;
	background-color: #f9f9f9;
}
.product_pic_b img{
	max-width: 100%;
	max-height: 600px;
	height: auto;
	width: auto!important;
	margin: 0 auto;
}
.product_pic_b .owl-carousel .owl-stage{
	display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.product_pic_s{
	margin: 10px 0;
	position: relative;
	/*max-height: 80px;
	overflow-y: hidden;*/
}
/*.product_pic_s owl-item{
	display: flex;
	
}
.product_pic_s owl-item:hover{
	border: 2px solid #6ec4e8;
}*/
.product_pic_s img{
	/*height: 100px;*/
	border: 2px solid #FFF;
	transition: .2s;
}
.product_pic_s img:hover{
	border: 2px solid #6ec4e8;
}
.product_profile{
	display: inline-block;
	width: 39%;
	padding-left: 30px;
	margin-bottom: 20px;
}
.product_profile a{
	transition: .3s;
}
.product_profile .info h1{
	font-size: 28px;
	color: #333;
	letter-spacing: 1px;
	line-height: 1.5;
	font-weight: bold;
	padding: 20px 0;
	border-top: 1px solid #6ec4e8;
	border-bottom: 1px solid #6ec4e8;
}
.product_profile .info p{
	padding: 20px 0;
	line-height: 1.5;
	color: #666;
	font-size: 16px;
	letter-spacing: 0.5px; 
}
.product_profile .price{
	font-size: 18px;
}
.product_profile .price .original{
	text-decoration: line-through;
	opacity: 0.6;
	padding: 5px 0;
}
.product_profile .price .sale{
	color: #6ec4e8;
	font-weight: bold;
	padding: 5px 0;
}
.product_profile .price .member{
	color: #ff6b6b;
	font-weight: bold;
	padding: 5px 0;
}
.product_profile .price .sale span,
.product_profile .price .member span{
	font-size: 28px;
	letter-spacing: 2px;
	padding-left: 10px;
	font-weight: 700;
	font-family: Arial;
}
.product_profile .price .quantity{
	padding: 10px 0;
	color: #666;
}
.product_select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border: 1px solid #a0a0a0;
	background: url("../img/menu02_2.png") no-repeat right center transparent;
	width: 80px;
	padding: 5px 10px;
	font-size: 16px;
	color: #666;
}
.product_profile .price .quantity p{
	font-size: 14px;
	display: inline;
	float: right;
	padding: 5px 0;
}
.product_btn{
	display: block;
}
.product_btn a.addtocar,
.product_btn a.buynow{
	display: block;
	color: #FFF;
	background-color: #6ec4e8;
	padding: 20px;
	margin: 10px 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
}
.product_btn a.addtocar.gray{
	background-color: #ccc;
}
.product_btn a.addtocar:hover{
	background-color: #ff6b6b;
}


.product_btn a.track{
	display: inline-block;
	position: relative;
	width: 59%;
	color: #6ec4e8;
	font-weight: bold;
	letter-spacing: 2px;
	border: 1px solid #6ec4e8;
	padding: 15px 15px 15px 35px;
	margin: 10px 0;
	text-align: center;
}
.product_btn a.track:hover{
	border: 1px solid #ff9898;
}
.product_btn a.track img{
	position: absolute;
	top: 25%;
	left: 20px;
	transition: .2s;
}
.product_btn a.track img:last-child{
	opacity: 0;
}
.product_btn a.track:hover img:first-child{
	opacity: 0;
}
.product_btn a.track:hover img:last-child{
	opacity: 1;
}
.product_btn a.share{
	display: inline-block;
	position: relative;
	width: 38%;
	margin-left: 1.6%;
	padding: 15px 15px 15px 35px;
	background-color: #4267b2;
	border: 1px solid #4267b2;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
}
.product_btn a.share:hover{
	opacity: 0.8;
}
.product_btn a.share img{
	position: absolute;
	top: 35%;
	left: 25px;
}
.product_ps p{
	color: #888;
	padding: 2px;
}
.product_ps p a{
	color: #888;
	border-bottom: 1px dashed #6ec4e8;
}
.product_ps p a:hover{
	color: #6ec4e8;
	border-bottom: 1px solid #6ec4e8;
}
.product_detail .subtitle{
	font-size: 18px;
	font-weight: bold;
	color: #6ec4e8;
	padding: 15px;
	margin: 10px 0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
	letter-spacing: 2px;
}
.product_detail .content{
	padding: 30px;
	font-size: 18px;
	line-height: 2;
	letter-spacing: 1px;
	color: #666;
}
.count{
	display: block;
}
.num-plus,
.num-less{
	display: inline-block;
	width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    border: 1px solid #e6e6e6;
}
/*-------------------------*/
.collect_list{
	display: inline-block;
	width: 75%;
}
.collect_newest{
	margin: 30px 0;
	display: block;
	border: 1px solid #e3e3e3;
	padding: 10px;
	position: relative;
	transition: .3s;
}
.collect_newest:hover{
	border: 1px solid #6ec4e8;
}
.collect_newest:hover h3{
	border-bottom: 1px dashed #6ec4e8;
}
.collect_newest img{
	position: absolute;
	top: -1px;
	right: -1px;
	width: 20px;
	height: 20px;
	transform: rotate(-90deg);
	transition: .3s;
}
.collect_newest:hover img{
	width: 30px;
	height: 30px;
}

.collect_newest h3{
	font-weight: bold;
    color: #666;
    padding: 0 0 10px 5px;
    border-bottom: 1px dashed #e3e3e3;
    transition: .3s;
}
.collect_newest ul{
	padding: 10px;
}
.collect_newest ul li{
	padding: 5px 0;
}
.collect_newest ul li::before{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #6ec4e8;
	border-radius: 50%;
	margin-right: 5px;
}
.collect_newest ul li a{
	font-size: 16px;
}
.collect_newest ul li a:hover{
	border-bottom: 1px dashed #6ec4e8;
}
.collect_taglist{
	margin: 30px 0;
	display: block;
	border: 1px solid #e3e3e3;
	padding: 10px;
	position: relative;
	transition: .3s;
}
.collect_taglist:hover{
	border: 1px solid #6ec4e8;
}
.collect_taglist:hover h3{
	border-bottom: 1px dashed #6ec4e8;
}
.collect_taglist img{
	position: absolute;
	top: -1px;
	right: -1px;
	width: 20px;
	height: 20px;
	transform: rotate(-90deg);
	transition: .3s;
}
.collect_taglist:hover img{
	width: 30px;
	height: 30px;
}
.collect_taglist h3{
    font-weight: bold;
    color: #666;
    margin-bottom: 10px;
    padding: 0 0 10px 5px;
    border-bottom: 1px dashed #e3e3e3;
    transition: .3s;
}
.collect_taglist a{
	font-size: 14px;
	padding: 8px 10px;
	margin: 5px 5px 5px 0;
	display: inline-block;
	background-color: #f3f3f3;
	border-radius: 5px;
}
.collect_taglist a:hover{
	background-color: #6ec4e8;
	color: #FFF;
}
.article_taglist{
	display: block;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px 10px;
}
.article_taglist h3{
	display: inline;
	color: #6ec4e8;
	font-weight: bold;
}
.article_taglist a{
	font-size: 14px;
	padding: 8px 10px;
	margin: 5px 5px 5px 0;
	display: inline-block;
	background-color: #f3f3f3;
	border-radius: 5px;
}
.collect_list_ul li{
	padding: 20px 15px;
	border-top: 1px solid #e3e3e3;
	height: 290px;
}
.collect_list_ul li:last-child{
	border-bottom:  1px solid #e3e3e3;
}
.collect_list_ul li a{
	display: block;
	width: 100%;
}
.collect_list_ul li div{
	width: 35%;
	height: 220px;
	background-color: #eee;
	float: left;
	margin-right: 30px;
	border: 0px solid #FFF;
	transition: .3s;
	position: relative;	
}
.collect_list_ul li:hover div{
	border: 5px solid #6ec4e8;
}
.collect_list_ul li div span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px 0;
	text-shadow: 0 0 5px #333;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	opacity: 0;
	transition: .5s;
}
.collect_list_ul li:hover div span{
	opacity: 1;
	padding: 10px 20px;
}
.collect_list_ul li h2{
	font-size: 24px;
	font-weight: bold;
	color: #6ec4e8;
	margin: 15px;
	letter-spacing: 1px;
	transition: .3s;
}
.collect_list_ul li:hover h2{
	/*opacity: 0.9;*/
}
.collect_list_ul li h3{
	font-size: 18px;
	color: #666;
	line-height: 2;
	margin: 0 0 20px 20px;
	letter-spacing: 0.5px;
	transition: .3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 100px;
    overflow: hidden;
}
.collect_list_ul li:hover h3{
	opacity: 0.6;
}
.collect_list_ul li h4{
	font-size: 14px;
	color: #666;
	opacity: 0.5;
	margin-left: 20px;
	letter-spacing: 1px;
}
.searched{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.searched span{
	color: #6ec4e8;
}
/*-----------------常見問題FAQ-----------------*/
.faq_list_ul li{
	border-top: 1px solid #e3e3e3;
	transition: .3s;
}
.faq_list_ul li:last-child{
	border-bottom: 1px solid #e3e3e3;
}
.faq_list_ul li:hover{
	background-color: #f9f9f9;
}
.faq_list_ul li .title{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	letter-spacing: 1px;
	position: relative;
	transition: .3s;
	padding: 30px 30px 30px 90px;
	display: flex;
	align-items: center;
}
.faq_list_ul li .title_form{
	padding: 30px 30px 30px 60px;
}
.faq_list_ul li:hover .title{
	color: #6ec4e8;
}
.faq_list_ul li .title .q{
	position: absolute;
	top: 33px;
    left: 30px;
}
.faq_list_ul li .title .arrow{
	position: absolute;
	/*top: 40px;*/
    right: 30px;
}
.faq_list_ul li .content{
	font-size: 18px;
	color: #666;
	line-height: 2;
	padding: 0 60px 30px 60px;
}
/*-------------連絡我們CONTACT-------------*/
.contact_box{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.contact_box>div{
	display: inline-block;
	vertical-align: top;
}
.contact_text{
	padding: 30px;
	width: 45%;
}
.contact_text h2{
	font-size: 24px;
	font-weight: bold;
	color: #6ec4e8;
	padding: 0 0 30px 0;
	letter-spacing: 1px
}
.contact_text p{
	font-size: 18px;
	line-height: 2;
	color: #666;
}
.contact_text p a{
	border-bottom: 1px dashed #6ec4e8;
}
.contact_map{
	display: block;
	width: 54%;
	height: 550px;
	background-image: url(../img/map2.jpg);
	justify-content: center;
	align-items: center;
	position: relative;
	transition: .3s;
}
.contact_map a{
	text-align: center;
	color: #FFF;
}
.contact_map a p{
	width: 230px;
	padding: 20px 15px 15px 15px;
	background-color: #6ec4e8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	opacity: 0;
	transition: .3s;
}
.contact_map img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	transition: .3s;
	width: 230px;
}
.contact_map:hover{
	opacity: 0.8;
}
.contact_map:hover img{
	top: calc(50% - 20px);
}
.contact_map:hover p{
	opacity: 1;
	top: 60%;
}
.contact_form{
	width: 100%;
	padding: 30px;
	margin-top: 50px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.contact_form h2{
	font-size: 24px;
	font-weight: bold;
	color: #6ec4e8;
	padding: 10px 0;
	letter-spacing: 1px;	
}
.contact_form p{
	font-size: 18px;
	line-height: 2;
	color: #666;
}
.contact_form form{
	display: block;
	font-size: 18px;
	line-height: 2;
	color: #666;
	width: 100%;
	margin-top: 20px;
}
.contact_form form h5{
	display: inline-block;
	vertical-align: top;
	padding-top:18px; 
}
.contact_form form input{
	padding: 10px;
	margin: 15px 0;
	font-size: 16px;
	border: 1px solid #ccc;
	color: #666;
}
.contact_form form textarea{
	display: inline-block;
	width: 80%;
	padding: 10px;
	margin: 10px 0;
	font-size: 18px;
	border: 1px solid #ccc;
	color: #666;
}
.form_info{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.form_info div{
	display: block;
}
.form_info div h5{
	margin-right: 15px;
}
.form_info div input{
	display: inline-block;
	width: 75%;
}
.form_opinion{
	display: inline-block;
	width: 49%;
}
.form_opinion h5{
	margin-right: 15px;
}
.form_captcha h5{
	letter-spacing: 9px;
	margin-right: 6px;
}
.form_captcha input{
	margin-left: 3px;
	padding: 10px;
	margin: 15px 0;
	font-size: 16px;
	border: 1px solid #ccc;
	color: #666;
}
.form_captcha img{
	display: inline-block;
	vertical-align: top;
	margin: 15px;
	height: 40px;
}
.form_captcha h6{
	display: inline-block;
	font-size: 14px;
	color: #888;
}
.contact_form .submit{
	display: block;
	font-size: 18px;
	background-color: #6ec4e8;
	color: #FFF;
	box-shadow: none;
	font-weight: bold;
	letter-spacing: 3px;
	text-align: center;
	padding: 15px 80px;
	float: right;
	margin-top: 60px;
	transition: .3s;
}
.contact_form .submit:hover{
	background-color: #e2f3fa;
	color: #6ec4e8;
}
.contact_form .clear{
	display: block;
	font-size: 18px;
	background-color: #f5f5f5;
	color: #6ec4e8;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	padding: 15px 80px;
	float: left;
	margin-top: 60px;
	transition: .3s;
}
.contact_form .clear:hover{
	background-color: #FFF;
	color: #666;
}

/*--------------預約參觀--------------*/
.reserve_box1{
	margin-bottom: 40px;
}
.reserve_box1 ul{
	/*display: block;*/
	display: flex;
	justify-content: space-between;
	border: 1px solid #eee;
	
}
.reserve_box1 ul li{
	display: inline-block;
	vertical-align: middle;
	width: calc((100% - 12px) / 3);
	text-align: center;
	padding: 25px;
	color: #666;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	/*border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;*/
}
.reserve_box1 ul li:first-child{
	/*border-left:  1px solid #eee;*/
}
.reserve_box1 ul li:last-child{
	/*border-right:  1px solid #eee;*/
}
.reserve_box1 ul li img{
	position: absolute;
	top: 0;
	right: -20px;
	height: 100%;
	z-index: 1;
}
.reserve_box1 .active{
	background-color: #eee;

}

.reserve_wrap h2{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #6ec4e8;
}
.reserve_wrap h3{
	font-size: 16px;
	margin: 10px 0;
	line-height: 1.8;
	letter-spacing: 1px;
}
.reserve_wrap h3 span{
	color: #6ec4e8;
	font-weight: bold;
}
.reserve_wrap h3 a{
	border-bottom: 1px dashed #6ec4e8;
}
.reserve_wrap h4{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}
.reserve_box2{
	display: inline-block;
	width: 32%;
}
.reserve_box3{
	display: inline-block;
	vertical-align: top;
	width: calc(68% - 40px);
	margin-right: 30px;
	
}
.reserve_box3 p{
	padding: 20px 10px 20px 45px;
	color: #6ec4e8;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}
/*.reserve_box2 h2{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #6ec4e8;
}
.reserve_box2 h3{
	font-size: 14px;
	margin: 10px 0;
}
.reserve_box2 h4{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}*/

.reserve_box2 .date{
	padding: 25px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.reserve_box2 .time{
	padding: 25px;
	border-bottom: 1px solid #e3e3e3;
}

.reserve_box2 .time ul{
	/*display: block;*/
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.reserve_box2 .time ul li{
	display: inline-block;
	width: calc(50% - 8px);
}
.reserve_box2 .time ul li a{
	/*display: inline-block;*/
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px;
	border: 1px solid #f5f5f5;
	font-size: 16px;
}
.reserve_box2 .time ul li a:hover{
	color: #6ec4e8;
}
.reserve_box2 .time ul .lock{
	background-color: #f3f3f3;
}
.reserve_box2 .time ul .lock a:hover{
	color: #666;
}
.reserve_box2 .time ul .active{
	background-color: #6ec4e8;
}
.reserve_box2 .time ul .active a{
	color: #FFF;
}
.reserve_box2 .time ul .active a:hover{
	color: #FFF;
}
.reserve_box2 .space{
	padding: 25px;
	border-top: 1px solid #e3e3e3;
}
.reserve_box2 .space select{
	padding: 10px;
	width: 100%;
	font-size: 16px;
	letter-spacing: 1px;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #a0a0a0;
    background: url(../img/menu02_4.png) no-repeat right center transparent;
    background-color: #effaff;
    border: 1px solid #6ec4e8;
    font-family: Microsoft JhengHei;
}
.reserve_box2 .time_space{
	padding: 25px;
	border-bottom: 1px solid #e3e3e3;
}
.reserve_box2 .time_space ul{
	margin-top: 20px;
}
.reserve_box2 .time_space ul li{
	width: 100%;
    text-align: center;
    /*padding: 10px;*/
    /*border: 1px solid #f3f3f3;*/
}
.reserve_box2 .time_space ul li:hover{
	background-color: #f9fdfe;
}
.reserve_box2 .time_space ul li a{
	display: block;
	width: 100%;
	font-size: 18px;
	padding: 10px;
	border: 1px solid #f3f3f3;
}
.reserve_box2 .time_space ul .lock{
	background-color: #f3f3f3;
}
.reserve_box2 .time_space ul .lock:hover{
	background-color: #f3f3f3;
}
.reserve_box2 .time_space ul .lock a:hover{
	color: #666;
}
.reserve_box2 .time_space ul .active{
	background-color: #6ec4e8;
	/*color: #FFF;*/
}
.reserve_box2 .time_space ul .active:hover{
	background-color: #6ec4e8;
}
.reserve_box2 .time_space .active a{
	color: #FFF;
}
.reserve_box4 .data{
	padding: 25px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.reserve_box4 .data>div{
	display: block;
}
.reserve_box4 .data>div>div{
	display: inline-block;
	vertical-align: middle;
}

.reserve_box4 h5{
	font-size: 18px;
}
.reserve_box4 h6{
	font-size: 12px;
	color: #888;
}
.reserve_box4 .item{
	width: 200px;
	padding: 20px 10px 20px 20px;
}
.reserve_box4 .data .content{
	/*width: 80%;*/
	padding: 30px;
}
.reserve_box4 .data .visitor select{
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    background: url(../img/menu02_2.png) no-repeat right center transparent;
    width: 100px;
    padding: 10px;
    font-size: 16px;
    color: #666;
}

.reserve_box4 .info{
	padding: 25px;
	border-bottom: 1px solid #e3e3e3;
}
.reserve_box4 .info{
	margin-top: 20px;
}
.reserve_box4 .info div{
	display: block;

}
.reserve_box4 .info div>div{
	display: inline-block;
	vertical-align: middle;
}
.reserve_box4 .info input{
	padding: 10px;
    margin: 15px 30px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #666;
    
}
.reserve_box4 .info .name input,
.reserve_box4 .info .phone input,
.reserve_box4 .info .email input{
	width: 500px;
}

.reserve_box4 .info textarea {
    display: inline-block;
    width: 70%;
    padding: 10px;
    margin: 15px 30px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #666;
    vertical-align: top;
    font-family: Microsoft JhengHei;
}
.reserve_box4 .info select{
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    background: url(../img/menu02_2.png) no-repeat right center transparent;
    width: 500px;
    padding: 10px;
    font-size: 16px;
    color: #666;
    margin: 15px 30px;
    font-family: Microsoft JhengHei;
}
/*----------------會員登入----------------*/
.mem_login{
	display: block;
}
.mem_login h2{
	font-size: 24px;
	color: #6ec4e8;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
.mem_login h3{
	font-size: 18px;
	color: #666;
}
.mem_login_box1{
	display: inline-block;
	width:  calc(60% - 5px);
	padding-right: 50px;
	border-right: 1px solid #e3e3e3;
}
.mem_login_box1 div{
	display: block;
	margin: 30px 0;
}
.mem_login_box1 h3{
	width: 100px;
	display: inline-block;
	letter-spacing: 10px;
}
.mem_login_box1 input{
	display: inline-block;
	padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #666;
    width: calc(100% - 120px);
}
.mem_chapta input{
	width: calc(100% - 300px);
}
.mem_chapta .chapta_img{
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}

.mem_login_box1 .mem_btn1{
	display: block;
	margin-bottom: 30px;
}
.mem_login_box1 .mem_btn1 a{
	display: inline-block;
	text-align: center;
}
.mem_btn1 .btn_join{
	color: #6ec4e8;
	border-bottom: 1px solid;
	margin: 15px 30px 15px 0;
}
.mem_btn1 .btn_miss{
	color: #6ec4e8;
	border-bottom: 1px solid;
	margin: 15px 30px 15px 0;
}
.mem_btn1 .btn_login{
	color: #FFF;
	background-color: #6ec4e8;
	padding: 15px;
	width: 40%;
	float: right;
	font-size: 18px;
	font-weight: bold;
	transition: .3s;
}
.mem_btn1 .btn_login:hover{
	background-color: #24afe9;
}
.mem_login_box1 .mem_btn2{
	/*display: block;*/
	padding-top: 30px;
	border-top: 1px solid #e3e3e3;
	display: flex;
	justify-content: space-between;
}
.mem_login_box1 .mem_btn2 a{
	display: inline-block;
	text-align: center;
	letter-spacing: 2px;
	transition: .3s;
}
.mem_login_box1 .mem_btn2 a:hover{
	opacity: 0.8;
}
.mem_login_box1 .mem_btn2 a img{
	display: inline-block;
	width: 16px;
	margin-right: 10px;

}
.mem_btn2 .btn_login_fb{
	color: #FFF;
	background-color: #4267b2;
	width: 49%;
	padding: 15px;
	width: calc( (100% - 20px ) / 2);
	margin-right: 5px;
}
.mem_btn2 .btn_login_ggl{
	color: #666;
	width: 49%;
	padding: 15px;
	border: 1px solid #e3e3e3;
	width: calc( (100% - 20px ) / 2);
}
.mem_btn2 .btn_login_ggl:hover{
	border: 1px solid #6ec4e8;
}
.mem_login_box2{
	display: inline-block;
	vertical-align: top;
	width: calc(40% - 5px);
	padding-left: 50px;
}
.mem_login_box2 p{
	font-size: 18px;
	color: #666;
	line-height: 2;
}
.mem_login_box2 ul li{
	font-size: 18px;
	color: #666;
	padding: 10px 0;
}
.mem_login_box2 ul li::before{
	content: '';
	width: 8px;
	height: 8px;
	background-color: #6ec4e8;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.mem_login_box2 a{
	text-align: center;
	background-color: #f9f9f9;
	color: #6ec4e8;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 15px;
	width: 300px;
	display: block;
	margin-top: 45px;
	transition: .3s;
}
.mem_login_box2 a:hover{
	background-color: #6ec4e8;
	color: #FFF;
}
.popup{
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.7);
    z-index: 999;
	display: none;
}
.popup>div{
	width: 100%;
    height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup .popbox{
	display: block;
	background-color: #FFF;
	width: calc(100% - 40px);
	max-width: 600px;
	padding: 50px;
	text-align: center;
	position: relative;
}
.popup .popbox h2{
	font-size: 24px;
	font-weight: bold;
	color: #6ec4e8;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
.popup .popbox h3{
	font-size: 16px;
}
.popup .popbox input{
	width: 400px;
	max-width: 100%;
	font-size: 16px;
	padding:5px;
	margin: 10px 0;
	text-align: center;
	letter-spacing: 1px;
}
.popup .popbox .close{
	position: absolute;
	top: 15px;
	right: 15px;
}
/*--------------------會員專區--------------------*/
.mem_seclist{
    display: inline-block;
    width: 20%;
    margin: 0 2%;
    letter-spacing: 1px;
    font-size: 16px;
    vertical-align: top;
}
.mem_seclist_ul li a{
	display: block;
    width: 100%;
    padding: 10px 15px;
    /*font-weight: bold;*/
    color: #666;
    border-top: 1px solid #6ec4e8;
    position: relative;
    transition: .2s;
}
.mem_seclist_ul li:hover a{
	color: #6ec4e8;
}
.mem_seclist_ul li:last-child{
	border-bottom: 1px solid #6ec4e8;
}
.mem_seclist_ul li a img{
    position: absolute;
    right: 15px;
    top: 40%;
    transition: .3s;
}
.mem_seclist_ul li:hover a img{
	right: 10px;
}
.mem_seclist_ul .active{
	background-color: #6ec4e8;
}
.mem_seclist_ul .active a{
	color: #FFF;
}
.mem_seclist_ul .active a:hover{
	color: #FFF;
}
.member_wrap{
	display: inline-block;
	width: calc(70% - 30px);
	margin-left: 30px;
}
.member_box{
	width: 100%;
	padding: 30px 0;
	border-top: 1px solid #6ec4e8;
}
.member_wrap>div:last-child{
	border-bottom:  1px solid #6ec4e8;
}
.member_box h2{
	font-size: 24px;
	font-weight: bold;
	color: #6ec4e8;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
.member_box h3{
	font-size: 16px;
	/*color: #666;*/
	line-height: 2;
}
.member_box h3 a{
	border-bottom: 1px dashed #6ec4e8;
}
.member_box form div{
	display: block;
}
.member_box form h4{
	display: inline-block;
	font-size: 18px;
	color: #666;
	letter-spacing: 2px;
}
.member_box form input{
	display: inline-block;
	padding: 10px;
    margin: 15px 20px;
    font-size: 16px;
    color: #666;
    border: 1px solid #aaa;
}
.member_box form textarea{
	display: inline-block;
	padding: 10px;
    margin: 15px 20px;
    font-size: 16px;
    color: #666;
    border: 1px solid #aaa;
    vertical-align: middle;
    width: 600px;
    max-width: 100%;
}
.member_box form img{
	display: inline-block;
	vertical-align: middle;
}
.member_box .form_btn{
	display: block;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 15px;
	margin: 30px 0;
	width: 260px;
	color: #6ec4e8;
	font-weight: bold;
	background-color: #f3f3f3;
	text-align: center;
	transition: .3s;
}
.member_box .form_btn:hover{
	color: #FFF;
	background-color: #6ec4e8;
}
.member_box .location input:last-child{
	margin: 10px 105px;
	width: 50%;
}
.member_box .newsletter input{
	width: 15px;
	/*padding: 0;*/
	margin: 15px 0;
}
.member_box table{
	width: 100%;
	margin: 30px 0;
}
.tb{
	width: 100%;
}
.tb thead{

	background-color: #f5f5f5;
}
.tb tr th{
	padding: 10px 0;
	text-align: center;
}

.tb tbody tr td{
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
}
.tb tbody tr td a{
	color: #666;
	border-bottom: 1px dashed #6ec4e8;
}
.tb tbody tr td a:hover{
	color: #6ec4e8;
	border-bottom: 1px solid #6ec4e8;
}
.tb tbody tr:hover{
	background-color: #fcfcfc;
}
.tb tbody tr img{
	margin: 0 auto;
}
.tb tbody tr .product_img img{
	width: 150px;
	max-height: 150px;
}
.tb tbody tr .delet img{
	transition: .3s;
}
.tb tbody tr .delet img:hover{
	transform: rotate(90deg);
}
/*-------------會員註冊--------------*/
.sign_box1{
	margin-bottom: 40px;
}
.sign_box1 ul{
	display: block;
	border: 1px solid #eee;
	display: flex;
	justify-content: space-between;

}
.sign_box1 ul li{
	display: inline-block;
	vertical-align: middle;
	width: calc((100% - 12px) / 4);
	text-align: center;
	padding: 25px;
	color: #666;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
.sign_box1 ul li img{
	position: absolute;
	top: 0;
	right: -20px;
	height: 100%;
	z-index: 1;
}
.sign_box1 .active{
	background-color: #eee;
}
.sign_box2{
	border-bottom: 1px solid #e3e3e3;
}
.sign_box2 h2{
	font-size: 24px;
	font-weight: bold;
	color: #6ec4e8;
	letter-spacing: 2px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e3e3;
}
.sign_box2 .terms{
	display: block;
	height: 300px;
	
	margin: 30px 0;
	overflow-x: hidden;
	overflow-y: auto;
}
.sign_box2 .terms::-webkit-scrollbar {
    width: 8px;
}
.sign_box2 .terms::-webkit-scrollbar-track {
    background: #f3f3f3; 
}
.sign_box2 .terms::-webkit-scrollbar-thumb {
    background: #6ec4e8; 
}
.sign_box3 h4{
	font-size: 24px;
	font-weight: bold;
	color: #6ec4e8;
	margin: 20px 0;
	text-align: center;
}
.sign_box3 h5{
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
.sign_box3 h5 a{
	color: #6ec4e8;
	border-bottom: 1px dashed;
}

.sign_box3{
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 30px 0;
	/*display: flex;
	justify-content:center;*/
}
.sign_box3 .set1{
	margin: 0 auto;
	width: 100%;
	max-width: 460px;
}
.sign_box3 .set1>div{
	display: block;
}
.sign_box3 .set1>div h3{
	display: inline-block;
	font-size: 18px;
	width: 100px;
	letter-spacing: 1px;
}
.sign_box3 .set1>div input{
	display: inline-block;
	padding: 10px;
	margin: 20px 0;
	width: 100%;
	max-width: 350px;
	font-size: 16px;
}
.sign_box3 .set1 .captcha input{
	width: 150px;
}
.sign_box3 .set1 .captcha img{
	display: inline-block;
    vertical-align: middle;
    margin: 15px;
    height: 40px;
}
.sign_box3 .set1 .gender input{
	width: 20px;
}
.sign_box3 .set1 .location input{
	width: 20px;
}
.sign_box3 .set1 .location input.zip{
	width: 100px;
	margin-left: -3px;
	/*margin: 10px 10px 30px 100px;*/
	/*display: block;*/
}
.sign_box3 .set1 .location input.add{
	width: 350px;
	margin: 10px 10px 30px 100px;
	display: block;
}
.sign_box3 .set1 .newsletter input{
	width: 15px;
}
/*--------------------------*/
.shopping_process{
	display: inline-flex;
	justify-content: space-between;
}
.shopping_process li{
	padding: 15px 30px;
	margin: 15px 30px 15px 0;
	border: 1px solid #6ec4e8;
	position: relative;
}
.shopping_process li img{
	position: absolute;
	top: 40%;
	right: -20px;
}
.shopping_intro_ul li{
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 2;
	list-style: decimal;
	margin: 10px 20px;
}
/*-----------------*/
.checkout_box1{
	display: block;
	width: 100%;
}
.checkout_box1>div{
	border-bottom: 1px solid #e3e3e3;
	padding: 50px 30px;
}
.checkout_box1 h2{
	font-size: 24px;
	font-weight: bold;
	color: #6ec4e8;
	padding-bottom: 20px;
}
.checkout_box1 h3{
	font-size: 18px;
	line-height: 2;
	letter-spacing: 1px;
}
.checkout_box1 h3 a{
	border-bottom: 1px dashed #6ec4e8;
}
.checkout_box1 h3 .red{
	color: #ff6b6b;
	font-weight: bolder;
}

.checkout_box1 .info .input_radio{
	display: inline-block;
}
.checkout_box1 .info>div{
	padding: 0 30px;
}
.checkout_box2{
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.checkout_box2 h2{
	/*display: inline-block;*/
	font-size: 20px;
	margin: 0;
	padding: 20px 0 10px 0;
}
.checkout_way{
	display: block;
	width: 70%;
	/*margin: 30px 0;*/
	border-right: 1px solid #e3e3e3;
}
.checkout_way_select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border: 1px solid #a0a0a0;
	background: url("../img/menu02_2.png") no-repeat right center transparent;
	width: calc(100% - 40px);
	padding: 10px 10px;
	margin: 10px 0 20px 0;
	font-size: 16px;
	color: #666;
}
.checkout_calc{
	/*display: flex;
	justify-content: flex-end;*/
	display: block;
	text-align: right;
	/*margin-top: 50px;*/
	width: 28%;
}
.checkout_calc>div{
	margin: 30px 0;
	text-align: right;
}
.checkout_calc h4{
	display: inline-block;
	width: calc(100% - 125px);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	vertical-align: middle;
	padding: 0 20px;
}
.checkout_calc>div>div{
	display: inline-block;
	width: 120px;
	font-weight: bold;
	vertical-align: middle;
}
.checkout_calc .total{
	color: #6ec4e8;
}
.checkout_notice{
	width: 100%;
	background-color: #f9f9f9;
	padding: 30px;
	margin-top: 30px;
}
.checkout_notice h2{
	font-weight: bold;
}
.checkout_notice a{
	border-bottom: 1px dashed #6ec4e8;
}
.checkout_notice ul li{
	list-style: disc;
	margin: 10px 0 10px 20px;
	line-height: 2;
}

.oder_calc{
	display: flex;
	justify-content: flex-end;
}

/*-------------------*/

.w10per{
	width: 10%;
	/*min-width: 100px;*/
}
.red{
	color: #ff6b6b;
	font-weight: bold;
}
.btn_store{
	text-align: left;
	margin-left: 124px;
}
.blue-b{
	color: #6ec4e8;
	font-weight: bold;
}
.line-gray{
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d4d4d4;
	margin: 10px 0;
}
.line-blue{
	display: block;
	width: 100%;
	height: 1px;
	background-color: #6ec4e8;
	margin: 10px 0;
}
.visit_content table tbody tr:nth-child(even){
	background-color: #f9f9f9;
}
.pc-hide{
	display: none;
}

.space_table tr td{
	border-right: 1px solid #6ec4e8;
	border-left: 1px solid #6ec4e8;
}

.space_table tr td.baseline{
	border-bottom: 1px dashed #6ec4e8;
}

/*追蹤商品按鈕(FB分享隱藏)*/
/*.product_btn a.track{
	width: 100%;
}
*/

.dis_01{
	display: inline-block;
}

.dis_02{
	display: none;
}

.img_box{
	display: block;
    width: 100%;
    position: relative;
    min-height: 500px;
    background-color: #f9f9f9;
}

.img_box img{
	width: auto!important;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    /* min-height: 70px; */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    /* transform: translate(-50%,-50%); */
}


/*20190611修改 場地申請頁*/
.reserve_box2 .time_space ul li{
	width: 49%;
	display: inline-block;
	margin-bottom: 10px;
}
.reserve_box2 .time_space ul li a{
	padding: 10px 5px;
	font-size: 16px;
}
.reserve_guiding_pop .popbox .content{
	height: 40vh;
}

/*分享按鈕*/
.article_title_info{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.article_title h5{
	display: inline;
	vertical-align: middle;
}
.share-btn-box{
	display: inline-block;
}
.share-btn-box a{
	display: inline-block;
	vertical-align: middle;
}
.share-btn-box a:hover{
	opacity: 0.8;
}


/*分享按鈕-固定於右下*/
.share_box {
    display: inline-block;
    position: fixed;
    right: 0;
    bottom: 140px;
    margin: 20px;
    text-align: center;
    z-index: 50;
    background: rgba(255,255,255,0.8);
}
.share_box h5{
	padding: 5px;
}
.share_box .share-btn-box a{
	display: block;
	margin: 5px;
}
.share_box .share-btn-box a img{
	width: 40px;
}

/*20190717 產品內頁小圖*/
.pd_pic_s_box{
	width: 100%;
	height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
}
.pd_pic_s_box img{
	width: auto!important;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

/*新增活動相簿簡介文字*/
.album_content{
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	border-top: 1px solid #e3e3e3;
	padding: 30px 0; 
}


/*林家中外大事記*/
.timeline .event_box{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 20px 0;
}
/*.timeline .event_box .time{
	order: 2;
	color: #6ec4e8;
	background-color: #FFF;
	padding: 20px;
	margin: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 20%;
}*/
.timeline .event_box .lin,
.timeline .event_box .oversea{
	margin: 20px;
	width: 100%;
	display: flex;
}
/*.timeline .event_box .oversea{
	order: 3;
}*/
.timeline .event_box p{
	display: block;
	background-color: #e2f3fa;
	padding: 20px;
	font-size: 18px;
	width: calc(100% - 110px);
	position: relative;
}
.timeline .event_box p:after{
	/*z-index: 1;*/
    position: absolute;
    border-style: solid;
    border-width: 8.5px 0 8.5px 11px;
    border-color: transparent transparent transparent #e2f3fa;
    content: "";
    top: 50%;
    right: -11px;
    transform: translateY(-50%);
}
.timeline .event_box .oversea p:after{
	border-width: 8.5px 11px 8.5px 0;
    border-color: transparent #f5f5f5 transparent transparent ;
    right: 100%;
}
.timeline .event_box .lin p{
	text-align: right;
}
.timeline .event_box .oversea p{
	background-color: #f5f5f5;
}
.timeline .event_box .year{
	color: #6ec4e8;
	font-weight: bold;
	font-size: 18px;
	padding: 20px 20px 20px 0;
	position: relative;
	width: 110px;
	text-align: center;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.timeline .event_box .lin .year{
	order: 2;
	padding: 20px 0 20px 20px;
	justify-content: flex-end;
}
.timeline .event_box .oversea .year{
	width: 100px;
	color: #999;
}

/*.timeline .event_box .lin .year:after{
	z-index: -1;
    position: absolute;
    border-style: solid;
    border-width: 8.5px 0 8.5px 11px;
    border-color: transparent transparent transparent #f5f5f5;
    content: "";
    bottom: 50%;
    right: -11px;
    transform: translateY(50%);
}*/

.timeline .event_box .dot {
    z-index: 2;
    position: absolute;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    background-color: #6ec4e8;
    top: 50%;
    right: calc(50% - 1px);
    transform: translate(50%,-50%);
}
.timeline .event_wrap .line{
	right: calc(50% - 1px);
	width: 2px;
}
.timeline .hide{
	opacity: 0;
}

/*隱私權提醒*/
.notice-box{
	background-color: rgba(0,0,0,0.7);
	color: #FFF;
	width: 100%;
	padding: 10px 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 995;
}
.notice-box .content{
	position: relative;
	display: flex;

	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}
.notice-box .content p a{
	color: #6ec4e8;
	border-bottom: 1px solid;
}
.notice-box .content p a:hover{
	color: #ff6b6b;
}
.notice-box .content p{
	font-size: 14px;

}
.notice-box .content .confirm{
	display: block;
	background-color: #ff6b6b;
	border-radius: 5px;
	padding: 5px 10px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
	min-width: 50px;
	margin: 0 10px;
	transition: .3s;
	border: none;
}
.notice-box .content .confirm:hover{
	background-color: #6ec4e8;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
}
/*.notice-box .close{
	position: absolute;
	top: 50%;
	right: 0;

}*/