@charset "utf-8";
/* CSS Document */
body{
	background-color:#eee;
}
h1{margin:0;padding:0;}
img{max-width: 100%;}
.open_pc{display: none;}
.open_m{display: block;}
/*版頭*/

.wrap {
	font-family: 'Microsoft JhengHei';
	font-weight: "300";
	width: 100%;
	margin: 0 auto;
	font-size: 14pt;
	text-align: center;
}
header{background: url(../images/bg_head_s.png);background-size: 100% auto;}
.owl-dots{
	position: absolute;
	height: 30px;
	bottom: 0;
	width: 100%;
}
.owl-dots button.owl-dot {
	outline:none;
}
.owl-dots .owl-dot span{background: #d2d2d2;display: block;width: 12px; height: 12px;border-radius: 50%;margin: 0 5px;}
.owl-dots .owl-dot.active span{background: #1F4A3F;}




#copyy{
	padding:30px 10px;
	background:#333;
}

.tibe_group{
	padding-top:5px;
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	color:#fff;
	font-size:0.9rem;
	text-align:center;

}
.tibe_group a , .tibe_group a:hover{
	color:#fff;
	text-decoration: none;
}
.tibe_yellow{color:#ff0;}
#copyright_info{
	color:#fff;
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	text-align:center;
	padding:10px;
}
.tibemenu{
	width:100%;
	margin:0 auto;
	z-index: 100;
	box-shadow: 0 10px 10px 0 rgba(75, 88, 105, 0.18);
}

.item01{
	position:relative;
	z-index: 0;
	background: #eee url(../images/gray-bg.png) no-repeat top center fixed;
	background-size:100%;
	padding:80px 0px;
}

.epbox{
	max-width: 1200px;
	position: relative;
	z-index: 3;
	margin: 0 auto;
	padding:80px 30px 30px 30px;
	transition: all 0.3s;
}

.epbox .itemhappy_text{ 
	font-family:'Microsoft JhengHei';
	padding:10px;
	margin:10px 0px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	background: #ffffff;
	text-align: center;
}

.epbox .itemhappy_text b{
	color:#e03e3e;
	font-weight: bold;
	font-size: 1.5rem;
	font-style:oblique;
}

.epbox .itemhappy_text h3{
	font-size: 1rem;
	color:#56575a;
	font-weight: 600;
	line-height: 1.8rem;
	margin-top: 10px;
}





.itembox{
	position: relative;
	z-index: 3;
	margin: 0 auto;
	padding:80px 30px 30px 30px;
	background: #fff url(../images/bg111.png) no-repeat top left;
	background-size:contain;
	box-shadow: 0 18px 36px 0 rgba(75, 88, 105, 0.3);
	transition: all 0.3s;
}
.itembox:hover{
	box-shadow: 0 18px 36px 0 rgba(75, 88, 105, 0.4);
	transition: all 0.3s;
}
.item_top{}

.itemfooter{
	text-align: center;
	margin: 0 auto;
	background: #f05a28;
}

.item_title{
	position:absolute;
	top:-90px;
	left:5%;
	display: block;
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 700;
	font-size:2em;
	width:120px;
	height:120px;
	background: #fff;
	text-align: center;
	border-radius: 60px;
	padding-top:10px;
	color:#555;
	box-shadow: 0 15px 25px 0 rgba(75, 88, 105, 0.5);
}
.item_titles{
	font-family:'Microsoft JhengHei',Georgia;
	font-size:16px;
	color:#fff;
}
.item-namee{
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 900;
	font-size:2rem;
	color:#000;
	text-align: center;
	margin-top:-50px;
	margin-bottom:50px;
}
.item-namee span{
	display: inline-block;
	background: #e03e3e;
	color:#ffffff;
	padding:0px 30px;
	border-radius: 50px;
	font-weight: 500;
	font-size:1.5rem;
}
.item-namee b{
	font-family:'Arial Black';
	color: #e03e3e;
	font-size:2rem;
	font-weight: bold;
}

.item-namee i{
	color:#ffe200;
	font-weight: bold;
	font-size: 2rem;
}

.item01_text{ /*有框*/
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	font-size:1.2em;
	line-height: 2em;
	color:#5d5d5d;
	padding:10px 30px 5px 6em;
	text-indent: -6em;
}
.item01s_text{ /*有框*/
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	font-size:1.2em;
	line-height: 2em;
	color:#5d5d5d;
	padding:0px 30px 10px 2em;
}
.itembook_text{ /*有框*/
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	font-size:1.15em;
	line-height: 1.5em;
	color:#5d5d5d;
	padding-top:15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background:#F0F0F0;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 15px;
}
.itembook_text h3{
	font-size: 30px;
	color:#25304B;
	font-weight: bold;
	margin-top: 5px;
}
.itemhappy_text{ /*有框*/
	font-family:'Microsoft JhengHei';
	border:1px dotted #ddd;
	padding:10px;
	margin:10px 0px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	background: rgba(238, 238, 238, 0.5);
	text-align: center;
}
.itemhappy_text.alert-warning{
	background: #fcf1d4;	
} 

.itemhappy_text:hover{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	transition: all 0.3s;
}
.itemhappy_text h3{
	font-size: 1rem;
	color:#56575a;
	font-weight: 600;
	line-height: 1.8rem;
	margin-top: 10px;
}
.temhappy_text > h3> .text-left{
	text-indent: -1.2rem;
	margin-left:1.2rem;
}

.itemhappy_description{

	color:#56575a!important;
	margin:0px 30px;
	padding: 10px 15px; 
}
.itemhappy_description p{
	padding-bottom:8px;
	border-bottom:1px dotted #cccccc;
}
.itemhappy_description span{
	font-weight: bold;
	background:#ffe200;
	color:#000;
	border-radius: 50px;
	padding:3px 10px;
	margin-right: 5px;
}
.itemhappy_description b{
	display: inline-block;
	width:auto;
	font-weight: normal;
	font-style:normal!important;
	font-size:0.9rem!important;
	line-height: 1.5rem;
	color:#56575a!important;
}
.itemhappy_description b:last-child::after{
	content: '';
}
.itemhappy_description b::after{
	content: '、';
}
.mm small{
	font-family:'Microsoft JhengHei';
	font-weight: 500;
	font-size:0.9rem;
	color:#555;
}
.itemvideo_text{ /*有框*/
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	font-size:1.15em;
	line-height: 1.5em;
	color:#5d5d5d;
	padding-top:15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background:#F0F0F0;
	border-radius: 20px;
	margin-bottom: 15px;
}

.itemvideo_text h3{
	font-size: 30px;
	color:#56575a;
	font-weight: bold;
	margin-top: 5px;
}

.itemactivity_text{ /*有框*/
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	font-size:1.15em;
	line-height: 1.5em;
	color:#5d5d5d;
	padding-top:15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background:#F0F0F0;
	border-radius: 20px;
	margin-bottom: 15px;
	text-align: center;
}
.itemactivity_text h3{
	font-size: 20px;
	color:#56575a;
	font-weight: bold;
	margin-top: 10px;
}

.itemrelax_text{ /*有框*/
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	font-size:1.15em;
	line-height: 1.5em;
	padding-top:15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 15px;
}

.go_box{
	text-align: center;
}
.go_box a{
	margin-left: 10px;
}

.form{
	background-color: #b7e6ea;; 
	color: #555; 
	font-weight: bold; 
	font-size: 16px;
	line-height: 1em;
}

.hot-box{
	font-family:'Microsoft JhengHei',Georgia;
	padding:20px 0px;
	text-align: center;
}
.hot-box .title{
	font-weight: bold;
	font-size:2rem;
}
.hot-box .title b{color:#e03e3e;font-size:2.5rem;}
.hot-box .txt{
	font-size:1.2rem;
	line-height: 2rem;

}
.hot-box .oba{margin:20px 0px 10px 0px;}
.hot-box .oba span{
	background: #e03e3e;
	color:#fff;
	padding:3px 20px;
	border-radius: 50px;
	font-size:1.2rem;
}
.table-aoor{
	text-align: center;
	color:#e03e3e;
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	font-size:1rem;
}
.moree_but a{
	display: block;
	position: absolute;
	z-index: 55;
	bottom:5%;
	right:5%;
	width:200px;
	height:200px;
	border-radius: 100px;
	background: #e03e3e;
	transform: rotate(15deg);
	text-align: center;
	color:#fff;
	font-family:'Microsoft JhengHei',Georgia;
	font-size:1.8rem;
	padding-top:50px;
	font-weight: 700;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.style_one{
	border:none;
	border-top:1px dashed #C8A063;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.style_two{
	border:none;
	border-top:1px dashed #dddbdb;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.item_map{
	text-align: center;
	background:rgba(255, 255, 255, 0.5);
	margin:10px 0px;
}
.item_map small{font-family:'Microsoft JhengHei';font-size:1rem;color:#e03e3e;font-weight: 600;}
.item02_text{ /*沒有框*/
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	font-size:1.2em;
	line-height: 2em;
	color:#5d5d5d;
	padding:10px 30px 10px 2em;
}

.text_oba{
	background: #e03e3e;
	color:#fff;
	border-radius: 50px;
	padding:3px 1em;
	margin-right:1em;
}
.text_feedback{
	background: #25304B;
	color:#fff;
	border-radius: 50px;
	padding:0px 1em;
}

.text_happy{
	display: inline-block;
	background: #646464;
	color:#fff;
	border-radius: 50px;
	padding:0px 1em;
}

.itemhappy_text b{
	color:#e03e3e;
	font-weight: bold;
	font-size: 1.5rem;
	font-style:oblique;
}



.text_gold{
	color:#000;
	text-shadow: #ffffff 1px 1px 1px;
	font-weight: bold;
}

.text_red{
	color:#ed7038;
	font-weight: bold;
}

.text_blod{
	font-weight: bold;
}
.text_price{
	color:#C8A063;
	font-weight: bold;
	font-size: 20px;
}
.text_w{
	color:#C8A063;
	font-weight: bold;
}
.text_s{
	font-size: 13px;
}
.text_pluse{
	background-color: #5d5d5d;
	border-radius: 10px;
	color: #fff;
	padding: 0px 5px;
	font-size: 13px;
}
.text_video{
	font-size: 20px;
}
.go{ font-size: 20px;
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: bold;
}
.gift{
	margin: 35px auto 0px auto;
	max-width: 500px;
}
.video_target{
	margin-top: 30px; 
}
.video{
	margin: 0px auto 0px auto;
	max-width: 300px
}

.menu_box{background: #919094;}
.menu_box li{
	text-align: center;
	background: #919094;
	width:50%;
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 500;
	transition: 0.3s;
}
.menu_box li a{
	color: #ffffff;
	font-family: ;
	font-weight: 700;
	display: block;
	padding:10px 0px;
	text-decoration: none;
}
.menu_box li a:hover{
	background: #646464;
	color:#fbc600;
	text-decoration: none;
	transition: 0.3s;
}
.menu_box li .active{
	background: #fbc600;
	color:#000;
	text-decoration: none;
	transition: 0.3s;
}
.menu_box .spcolor{
	background: #fff!important;
}


.sccc a{
	background: #ff0;
	color:#000;
}

.button {
	font-family:'Microsoft JhengHei';
	font-weight: 700;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 11px 42px;
	border: 0px solid #ab4d4d;
	border-radius: 50px;
	background: #ff6666;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6666), to(#e03e3e));
	background: -moz-linear-gradient(top, #ff6666, #e03e3e);
	background: linear-gradient(to bottom, #ff6666, #e03e3e);
	text-shadow: #591717 1px 1px 1px;
	font-size:1.5rem;
	color: #ffffff;
	text-decoration: none;
	margin-top:10px; 
}
.button:hover,
.button:focus {
	border: 0px solid #de6464;
	background: #ff7a7a;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7a7a), to(#ff4a4a));
	background: -moz-linear-gradient(top, #ff7a7a, #ff4a4a);
	background: linear-gradient(to bottom, #ff7a7a, #ff4a4a);
	color: #ffffff;
	text-decoration: none;
}
.button:active {
	background: #993d3d;
	background: -webkit-gradient(linear, left top, left bottom, from(#993d3d), to(#e03e3e));
	background: -moz-linear-gradient(top, #993d3d, #e03e3e);
	background: linear-gradient(to bottom, #993d3d, #e03e3e);
}


.relaxedbox{
	position: relative;
	text-align: center;
	font-family:'Microsoft JhengHei',Georgia;
	font-weight: 700;
	margin:20px 0px;
}
.relaxedbox .floatbox{
	position: absolute;
	z-index: 10;
	bottom:0px;
	right:0px;
	width:100px;
	height:80px;
	border-radius: 100px;
	background: #ed7038;
	text-align: center;
	padding-top:12px;
	transform: rotate(15deg);
	color:#fff;
	font-size:1rem;
}
.relaxedbox .title{
	font-size:1.5rem;
	color:#fff;
	background: #ed7038;
	padding:10px 0px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
.relaxedbox .store{
	font-size:1.5rem;
	color:#000;
	padding:10px 0px;
}
.relaxedbox .tel a{
	font-size:1.2rem;
	color:#ed7038;
	padding:10px 0px 0px 0px;
	border-bottom:1px solid #ed7038;
}
.relaxedbox{
	position: relative;
	top:0;
	transition: 0.3s;
}
.relaxedbox:hover{
	top:-5px;
	transition: 0.3s;
}
.bookfn{
	font-family:'Microsoft JhengHei';
	border:1px dotted #ddd;
	padding:10px;
	margin:10px 0px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	background: rgba(238, 238, 238, 0.5);
}
.bookfn:hover{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	transition: all 0.3s;
}
.bookfn .txt{
	font-size:0.8rem;
	background: rgba(106, 216, 226, 0.51);
	padding:5px;
	border-radius: 5px;
	text-align: justify;
}
.bookfn .name{
	font-weight: 700;
	font-size:1rem;
	line-height: 1.5rem;
}
.bookfn .author{
	font-size:0.9rem;
	font-weight: 600;
	color:#1e93be;
}
.buynow{text-align: center;margin-top:10px;}
.buynow a{
	display: inline-block;
	background: #ff6666;
	color:#fff;
	border-radius: 50px;
	padding:2px 15px;
	font-size:0.9rem;
}
.buynow a:hover{
	background: #e03e3e;
	color:#ff0;
	transition: 0.3s;
}

.float_line{
	position: fixed;
	right: 0;
	top:20px;
	z-index: 500;
}

.float_line a{
	display: block;
	width: 2.5em;
	padding:10px;
	border-radius: 5px 0 0 5px;
	color: #fff;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
	font-size: 10pt;
}
.float_line a i{
	font-size:1.3em;
	margin-top: 5px;
}







/*web & tablet*/
@media only screen and (min-width: 768px){

}


@media only screen and (min-width: 769px){
	header{background: url(../images/bg_head.png);}

}
@media only screen and (min-width: 990px) {
	header{background-size: auto 100%;background-position: center;}

	.open_pc{display: block;}
	.open_m{display: none;}
	.item-namee{font-size:2.5rem;}
	.item-namee strong{display: inline-block;}
	.tibe_group{font-size:1.2rem;}


	.topbg_m{
		display: none;
	}
	.topbg{
		display: block;
		position: relative;
		z-index: 0;
		background: url(../images/bgg.jpg) no-repeat center top;
		min-height:650px;
	}

	.item01_text{ /*有框*/
		font-family:'Microsoft JhengHei',Georgia;
		font-weight: 500;
		font-size:1.2em;
		line-height: 2em;
		color:#5d5d5d;
		padding:20px 30px 10px 8em;
		text-indent: -6em;
	}
	.act_line_right{
		display: block;
		position: relative;
		z-index: 0;
		border-right:1px solid #708ABF;
	}
	.act_line_right::after{
		position: absolute;
		z-index: 5;
		content: '■';
		top:-15px;
		right:-7px;
		color:#708ABF;
		font-size:1.5em;
	}
	.act_line_right:before{
		position: absolute;
		z-index: 5;
		content: '■';
		bottom:-15px;
		right:-7px;
		color:#708ABF;
		font-size:1.5em;
	}
	.act_line_bottom2{
		border-bottom:none;
	}
	.act_line_bottom2::after , .act_line_bottom2::before{
		content: '';
	}
	.tibemenu{
		width:100%;
		margin:0 auto;
		z-index: 100;
		box-shadow: 0 10px 10px 0 rgba(75, 88, 105, 0.18);
		overflow: hidden;
	}
	.menu_box li{
		background: #919094;
		text-align: center;
		width:20%;
		font-family:'Microsoft JhengHei',Georgia;
		font-weight: 500;
		transition: 0.3s;
	}
	.menu_box{text-align: center;}

	.menu_box li a{
		display: block;
		padding:10px 0px;
		font-size:1.5rem;
		text-decoration: none;
	}
	.menu_box li a:hover{
		background: #646464;
		color:#fbc600;
		text-decoration: none;
		transition: 0.3s;
	}
	.menu_box li .active{
		background: #fbc600;
		color:#000;
		text-decoration: none;
		transition: 0.3s;
	}




	.itemactivity_text{ /*有框*/
		font-family:'Microsoft JhengHei',Georgia;
		font-weight: 500;
		font-size:1.15em;
		line-height: 1.5em;
		color:#5d5d5d;
		padding-top:15px;
		padding-bottom: 15px;
		padding-left: 10px;
		padding-right: 10px;
		background:#F0F0F0;
		border-radius: 20px;
		margin-bottom: 15px;
		text-align: left;
	}

	.go{ font-size: 30px;
	}

	.itemhappy_description p{
		padding-bottom:0px;
		border-bottom:0px dotted #cccccc;
	}
	.itemhappy_description span{
		display: block;
		font-weight: bold;
		background:#ffe200;
		color:#000;
		border-radius: 50px;
		padding:3px 10px;
	}
	.itemhappy_description b{
		color:#000;
		display: inline-block;
		width:30%;
		font-weight: normal;
		font-style:normal;
		font-size:0.9rem;
		line-height: 1.5rem;
	}
	.itemhappy_description b::after{
		content: '';
	}
	.float_line a{font-size: 12pt;}
}
@media only screen and (min-width: 1200px){
	.float_line{
		top:100px;
		z-index: 500;
	}

	
}