/*reset*/
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
fieldset, img {
	border: 0;
	padding: 0;
	margin: 0;
}
address, caption, cite, code, dfn, em, /*strong,*/ th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
}
abbr, acronym {
	border: 0;
}
* {
	/* [disabled]margin:0;
*/
	padding: 0;
}
/*開頭設定*/
html {
	width: 100%;
	height: 100%;
}
body {
	font-family: "微軟正黑體",Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #595757;
 background: url("../images/bg.jpg") #f0e3d3;
}
a {
	text-decoration: none;	/*color:#000;transition: all 0.4s ease-out;*/
}
a:hover { /*color:#F00;transform:scale(1.5s) translateX(360deg);*/
}
img {
	max-width: 100%;
	
}
select {
	-webkit-appearance: none;
background-color: #FFF;color: #000;}


.web_img, .btn_web{
	display: block !important;
}
.phone_img, .btn_phone {
	display: none !important;
}


header { position: absolute; width: 100%; z-index: 2;}
/*logo*/
.logo_box {position: absolute; width: 100%; height: 175px; display: flex; justify-content: center; align-items: center; }
.logo {width: 150px; height: 150px;  background-color: #6c4b22; border-radius: 150px; border: 5px solid #fdd118; display: flex; justify-content: center; align-items: center;
 left: 0; right: 0; top: 10px; z-index: 100;}
.logo img { width: 105px;}

/*選單===================================*/
.btn_menu, .btn_menu2 { display: none;}
.menu_box {
	background: url("../images/menu_bg.gif") #ffda3f;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	width: 100%;
margin-top: 66px;}
.menu {
	
	max-width: 1000px; margin: 0 auto;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdd118+0,fdd118+100&0+0,1+20,1+80,0+100 */
background: -moz-linear-gradient(left,  rgba(253,209,24,0) 0%, rgba(253,209,24,1) 20%, rgba(253,209,24,1) 80%, rgba(253,209,24,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(253,209,24,0) 0%,rgba(253,209,24,1) 20%,rgba(253,209,24,1) 80%,rgba(253,209,24,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(253,209,24,0) 0%,rgba(253,209,24,1) 20%,rgba(253,209,24,1) 80%,rgba(253,209,24,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdd118', endColorstr='#00fdd118',GradientType=1 ); /* IE6-9 */
}
.menu_list {
	clear: both;
	text-align: center;
	height: 60px;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

}
.menu_list ul {display: flex;
	flex-direction: row ;
	justify-content: center; }
.menu_list li {
	padding: 0 20px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center; 
	font-size: 1.6rem;
	font-weight: bold;
	color: #000;
	text-align: center;
	position: relative;
	line-height: 18px;
	
}
.menu_list li {transition: all 0.5s ease 0s;}
.menu_list li span { width: 100%; display: block;}
.menu_list li a {
	color: #6c4b22;
	display: block;
	line-height: 20px;transition: all 0.5s ease 0s;
}
.menu_list li.lsm::after {
	content: "▼";
	font-size: 8px;
	padding: 0;
	line-height: 15px;
	color: #6c4b22;
	display: inherit;
	float: right;
	line-height: 45px;
	padding-left: 10px
		
}
.menu_list li:hover, .menu_list li.lsm:hover::after ,.menu_list li:hover a, .menu_list li.lsm:hover > a::after {
	color: #000;
}
/*logo預留空間*/
.logo_li {width: 250px;}

.page_text { padding-top: 100px;}
/*第二層*/
.menu_list li ul {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 200;
	color: #FFF;
	padding-top: 10px;	
	z-index: 300;
	display: none;
}
/*.menu_list li ul::before {
	content: "▲";
	text-align: center;
	font-size: 10px;
	padding: 0;
	line-height: 10px;
	color: #ba9f72;
}
*/
.menu_list li li { display: inherit; height: auto; border-right: none; width: 150px;}
.menu_list li:hover ul li a {
	color: #fdd118;
	background-color: #272525;
	padding: 20px 10px;
	font-size: 16px;
	

}
.menu_list li ul li a:hover {
	background-color: #6c4b22;
	color: #FFF;
}

.menu_list li:hover ul {
	padding-top: 0;
	display: block;
	top: 50px;
	height: auto;
	opacity: 1;
	animation-name: TT_01;
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
}
@keyframes TT_01 {
 0% {
top: 200%;
	 opacity: 0;
}
 100% {
 top: 50px;
	  opacity: 1;
}
}



/*選單漂浮*/
.menu_float {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: -170px;
	z-index: 1000;
	animation-name: moveto_1b;
	animation-duration: 0.5s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}

/*浮動===================================*/
.float_box { position:fixed; right:20px; bottom:20px;}
.btn { width:60px; height:60px; border-radius:10px; background-color: #666666; border:none;}
.btn:hover { background-color:#333333;}
.con_list li { padding-bottom:10px;}
.c_mail { background-color:#9373bf;}
.c_fb { background-color:#5691d8;border-radius: 50%; padding-top: 3px;}
.c_line { background-color:#6abb94; border-radius: 50%;padding-top: 3px;}
.c_phone { background-color:#ffb04a;}
.con_list div { display:none;}

/*首頁輪播===================================*/
.photo_list { z-index: 1;padding-bottom: 80px; width: 100%; overflow: hidden;}
.photo_list .flex-control-paging li a.flex-active {background: rgba(255, 168, 0, 0.9); }


/*首頁主题活动============================*/
.product_box { display: flex; flex: auto; justify-content: space-between; background: url("../images/bg_03.jpg") right bottom no-repeat #e3c7a2; background-size:auto 100% ; width: 100%; margin-bottom: 20px;
}
.pro_img { width: 50%; display: flex; align-items: stretch; overflow: hidden; height: 380px;}
.pro_img img { height: 100%; width: auto; max-width: none; display: block;}
.pro_list { width: 45%; margin-right: 3%; padding-top: 20px;}
.pro_tit {  margin: 10px 0;margin-bottom: 20px; border-bottom: 1px solid #ac7b39;  display: flex;  align-items: center; color: #7b5017;}
.pro_tit p { border-bottom:5px solid #ac7b39; padding: 10px 10px 10px 0; font-size: 30px; font-weight: bold;}
.pro_tit span {font-size: 14px; line-height: 14px;font-weight: normal;}
.pro_list2 {}
.pro_list2 li { position: relative ; display: flex; align-items: center; margin: 10px 0; font-size: 20px; color: #000;}
.pro_list2 li:hover { color: #AD0003;}
.pro_list2 li a { position:absolute ; left: 0; right: 0; top: 0 ;bottom: 0; width: 100%; height: 100%;}
.pro_list2 li span { width: 110px; font-size: 15px; text-align: center; background-color: #FFF; border-radius: 10px; margin: 0px 20px 0 0; padding: 5px 0;}

.news_tit { text-align: center; color: #ac7b39;  margin: 40px 0; background: url("../images/title_a01.jpg");}
.news_tit_in { padding: 10px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0e3d3+1,f0e3d3+50,f0e3d3+100&0+0,1+50,0+100 */
background: -moz-linear-gradient(left,  rgba(240,227,211,0) 0%, rgba(240,227,211,0.02) 1%, rgba(240,227,211,1) 50%, rgba(240,227,211,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(240,227,211,0) 0%,rgba(240,227,211,0.02) 1%,rgba(240,227,211,1) 50%,rgba(240,227,211,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(240,227,211,0) 0%,rgba(240,227,211,0.02) 1%,rgba(240,227,211,1) 50%,rgba(240,227,211,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0e3d3', endColorstr='#00f0e3d3',GradientType=1 ); /* IE6-9 */
}

.txt_t3 { font-size: 18px; font-weight: bold;}
.news_tit p { font-size: 30px;
    font-weight: bold;}
.news_tit i { width: 127px; height: 5px; background-color:#ac7b39; display: block; margin: 0 auto;}
.news_tit span {font-size: 17px;}

.news_list2 {/* max-width: 1200px;*/ margin: 0 auto; padding: 0 60px 40px 60px;}
.news_one { position: relative;font-size: 19px; color: #000;}
.news_one a { position:absolute ; left: 0; right: 0; top: 0 ;bottom: 0; width: 100%; height: 100%; z-index: 50;}
.news_img { overflow: hidden; margin-bottom: 10px; height: 224px; display: flex; align-items: center; justify-content: center; }
.news_img img { min-height: 224px; width: auto!important; max-width: 100%;}
.news_one  img {transition: all 0.5s ease 0s; z-index: 10; }
.news_one:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);}
.news_list2 .flex-control-nav { display: none;}

.product_box2 {  margin:20px auto 80px auto; overflow: hidden; position: relative; background-color: #FFF; border-radius: 10px;}
.product_box2 #slider{z-index: 1;}
.product_box2 #carousel { position: absolute; width: 40%; right: 20px; bottom: 15px; z-index: 10;  padding: 0 3%; }
.product_box2 #slider .flex-direction-nav { display: none;}
.product_box2 #slider {  }
.product_box2 #carousel {}
.product_box2 #carousel .flex-direction-nav .flex-prev { left: 0; text-align: center;}
.product_box2 #carousel .flex-direction-nav a:before {font-size: 20px; line-height: 30px; }
.product_box2 #carousel .flex-direction-nav a { width: 30px; height: 30px; background-color: #E1E1E1; border-radius: 20px;}
.product_box2 #carousel .flex-direction-nav .flex-next { right: 0;text-align: center;}

.shop_box { display: flex; justify-content: space-between; background: url("../images/bg_02.jpg") right top no-repeat #FFF;}
.shop_img { width: 50%; height: 380px;  overflow: hidden;  }
.shop_img img {height: 100%!important; width: auto!important; max-width: none;}
.shop_txt { height: 250px; width: 45%; margin-right: 3%;
    padding: 0;  margin-top: 30px;}
.shop_txt p {  }
.shop_txt2 { height: 90px; margin-bottom: 10px; font-size: 22px; color: #000; overflow: hidden;display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3; /*行數*/
  -webkit-box-orient: vertical;
  white-space: normal;}
.shop_img2 { width: 90px; height: 90px; border-radius: 90px; overflow: hidden;}
.shop_img2 img {width: 90px; height: 90px!important; }


/*置頂*/
.btn_top {margin-top:10px;height:50px;}
#gotop { width:50px; height:50px; border:1px solid #333333; background: url(../images/icon_top.png) center no-repeat #FFF;border-radius:10px; }


/*圖文編輯頁============================*/
.page_100 { max-width:1000; margin:0 auto;  padding: 0 40px;}
.page_text iframe { width:100% !important; height:450px !important;}
.page_body { padding-top: 100px; width: 100%; overflow: hidden; min-height: 800px;}
.tit_img { display: flex; align-items: stretch; position: relative; width: 100%; border-bottom: 5px solid #ffda3f;}
.tit_img2 {  position: absolute;display: flex; align-items: center;  width: 100%; height: 100%;}
.tit_img2 p {width: 1100px; margin: 0 auto; text-align: left; font-size: 34px; font-weight: bold; color: #ffcf8f; text-shadow: 2px 2px 1px #000,2px 2px 1px #000,2px 2px 5px #000; font-family:  Helvetica, Arial;}
/*內容頁===========================================================*/
.conter {
	max-width: 1280px;
	margin: 0 auto;
}
.page_one { padding-bottom:20px;}

.w_100 { max-width: 1100px; padding: 0 40px; text-align: left;}


/*首頁*/
.index_01, .index_02, .index_03, .index_04, .index_05, .index_06, .index_07 {
	width: 392px;
	position: relative;
	overflow:hidden;
	
}
.index_box {
	max-width: 1212px;
	color: #f4e8da;
	margin: 20px auto;
	clear: both;
	overflow: hidden;
}
.index_box h2 {
	font-size: 30px;
}
.index_box1 p {
	font-size: 18px;
}
.index_box a {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #f0e3d3;
	opacity: 0.2;
	text-indent: -9999px;
}
.index_box a:hover {
	opacity: 0;
}
.index_01 {
	background: url(../images/title_a01.jpg) #c48c42;
	padding-bottom: 20px;
	margin-right: 12px;
	float: left;
	width: 397px
}
.index_01 .top_title {
	background: url(../images/icon_story.png) 20px center no-repeat #c48c42;
	margin-bottom: 20px;
	background-size: 60px;
	padding: 10px 0 10px 80px;
	overflow: hidden;
}
.index_box2 {
	float: left;
	margin-right: 12px;
}
.index_02 {
	background-color: #c48c42;	
	margin-bottom: 17px;
	
		
}
.index_02 .top_title {
	background: url(../images/icon_my.png) center bottom no-repeat #c48c42;
	background-size: 60px;
	overflow: hidden;
	float: left;
	text-align: center;
	height: 100px;
	width: 118px;
	padding-top: 30px;
}
.index_03 {
	background: url(../images/title_a01.jpg) #c48c42;
	margin-bottom: 17px;
	overflow: hidden;
}
.index_03 .top_title {
	background: url(../images/icon_photo.png) 20px center no-repeat #c48c42;
	background-size: 50px;
	padding: 10px 0 10px 90px;
	overflow: hidden;
	float: left;
	width: 40%;
}
.index_04 {
	background: url(../images/title_a02.jpg) #febf18;
	overflow: hidden;
}
.index_04 .top_title {
	background: url(../images/icon_move.png) 20px center no-repeat #febf18;
	background-size: 50px;
	padding: 10px 0 10px 90px;
	overflow: hidden;
	float: left;
	width: 40%;
}
.index_box3 {
	float: left;
}
.index_05 {
	background: url(../images/title_a03.jpg) #febf18;
	overflow: hidden;
	margin-bottom: 6px;
	width: 397px;
}
.index_05 .top_title {
	background: url(../images/icon_class.png) 20px center no-repeat #6c4b22;
	background-size: 50px;
	padding: 10px 0 10px 90px;
	overflow: hidden;
	float: left;
	width: 40%;
}
.index_06 {
	background: url(../images/title_a01.jpg) #febf18;
	overflow: hidden;
	margin-bottom: 6px;
	width: 397px;
}
.index_06 .top_title {
	background: url(../images/icon_news.png) 10px center no-repeat #c48c42;
	background-size: 70px;
	padding: 10px 0 10px 90px;
	overflow: hidden;
	float: left;
	width: 40%;
}
.index_07 {
	background: #FFF;
	overflow: hidden;
	color: #63451a;
	width: 397px;
}
.index_07 .top_title {
	background: url(../images/icon_sp.png) 20px center no-repeat;
	background-size: 60px;
	padding: 10px 0 10px 90px;
	overflow: hidden;
	float: left;
}
/*側選單*/
.L_menu {
	float: left;
	width: 14%;
	font-size: 17px;
}
.L_menu_in {
	background: url(../images/title_a01.jpg);
	overflow: hidden;
}
.L_list {
	background-color: #c38c42;
	margin-bottom: 40px;
	min-height: 400px;
}
.L_list li a { /*transition: all 0.5s  ease-in-out 0s;*/ overflow:hidden;background:url(../images/icon_02.gif) 10px 13px no-repeat;  padding:5px 10px 10px 25px; display:block; color:#FFF;}
.L_list li i { float:right; width:10px; height:10px; background:url(../images/icon_nn.png) left center no-repeat; display:block; margin-top:6px;}

.L_list li a:hover { background:url(../images/icon_03.gif)10px 13px no-repeat #6c4b22; color:#fdd118;}
.L_list li ul { display:none; background-color:#6c4b22; font-size:15px; }
.L_list li:hover ul { display:block; }
.L_list li:hover a{ background:url(../images/icon_03.gif)10px 13px no-repeat #6c4b22; color:#fdd118;}
.L_list li:hover ul li a{ background:none; color:#fcdba5;}
.L_list li:hover ul li a:hover {  color:#FFF;}


/*MAP*/
.map {
	width: 100%;
	display: block;
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #FFFF;
	margin-bottom: 20px;
}
.map li {
	float: left;
	
	padding: 0 5px;
}
.map li::after {
	content: "❯";
padding-left: 10px; color: #c38c42;}
.map li a {
	text-decoration: underline;color: #c38c42;
}
.map li:nth-last-child(1)::after {
	content: " ";
}
.map li:last-child a, .map li:last-child {
	color: #c38c42;
}
/*產品頁面==============================================*/
.w-page {
	max-width: 1200px;
	margin: 0 auto;
}
.title {
	padding-bottom: 5px;
	background-color: #ffc23e;
}
.title2 {
	font-size: 36px;
	text-align: center;
	color: #6c4b22;
	margin-bottom: 30px;
	width:100%;
	
}
.title2 span {
	padding: 10px 100px;
	border-bottom: 3px solid #c38c42;
}
.page_all { padding:20px 0; clear:both;}
.page_all p {
	padding-bottom: 40px;
}

/*第二層*/
.Pr_list {
	clear: both;
}
.Pr_list a {
	color: #6c4b22;
}
.Pr_list li {
	border-bottom: 1px dashed #6c4b22;
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
}
.Pr_list li li {
	border-bottom: none;
	width: auto;
}
.L_photo {
	width: 64%;
	float: left;
}
.R_txt {
	width: 32%;
	float: right;
	padding-right: 2%;
	color: #6c4b22;
	margin-top: 15px;
}
.R_txt h2 {
	font-size: 22px;
	font-weight: bold;
}
.R_txt p {
	font-size: 20px;
	line-height: 30px;
}
/*商品列*/
.Pr_list0 { max-width:980px; margin:0 auto;}
.Pr_list0 li {
	position: relative;
	opacity: 0.8;
	margin-bottom: 40px;
}
.Pr_list0 li { width:980px; height:270px;transition: all 0.5s ease 0s;}
.Pr_list0 li:hover {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

.Pr_list2 {
	clear: both;
	padding: 20px 0; text-align: center;
	display: flex; justify-content: center; 
}
.Pr_list2 ul { }
.Pr_list2 li {
	display: inline-block;
	width: 300px;
	margin: 5px 5px 40px 5px;
	float: left;
	
	
}
.one, .one2 ,.one3 ,.one4 {
	position: relative;
	text-align: center;
	overflow:hidden;
	transition: all 0.5s ease 0s;
}
.one, .one3 {height: 300px;
	width:300px;
	margin:0 auto;
	}
.one:hover ,.one2:hover {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);}
.one a { position:absolute; width:300px; height:300px; left:0; top:0; background-color:rgb(0,0,0,0); color:#FFF; line-height:300px; }
.one2 a { position:absolute; width:300px; height:200px; left:0; top:0; background-color:rgb(0,0,0,0); color:#FFF; line-height:200px;}
.one span, .one2 span {  border:1px solid #FFF; padding:10px;background-color:rgb(0,0,0,0.2); }
.one a:hover, .one2 a:hover {background-color:rgb(0,0,0,0.5);}
.one img {
	text-align: center;
	height: 300px;
	width:300px;	
	margin: 0 auto;

}
.one:hover img {}
.one2 img, .one4 img {
	text-align: center;
	height: 200px;
	width:300px;	
	margin: 0 auto;
}
/*相簿*/
.photo_box li {
	width: 25%;
	float: left;
	margin: 10px 0;
	opacity: 0.8;
}
.photo_box li:hover {
	opacity: 1;
}
.photo_box li:nth-child(4n+1) {
	clear: both;
}
.photo_box li img {
	margin: 10px;
	text-align: center;
}
.photo_box li p {
	text-align: center;
	padding: 5px;
}
.g_img {	
	height: 175px;
	overflow: hidden;
	text-align: center;
}
.g_img img {
	position: relative;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #FFF;
	-webkit-box-shadow: 2px 2px 6px #ccc;
	-moz-box-shadow: 2px 2px 6px #ccc;
	box-shadow: 2px 2px 6px #ccc;
}
/*問答=========================================================================*/
#qaContent {
	width: 100%;
	min-height: 500px;
}
#qaContent ul.accordionPart {
	margin: 20px;
}
#qaContent ul.accordionPart li {
	border-bottom: solid 1px #fdd118;
	padding-bottom: 12px;
	margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
	background: url(../images/icon_Q.png) left 15px no-repeat;
	color: #6c4b22;
	cursor: pointer;
	padding: 10px 0 10px 60px;
	font-size: 20px;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0 0;
	background: url(../images/icon_A.png) left top no-repeat;
	padding: 0 0 20px 75px;
	color: #666;
}
/*相簿*/
.photo_box li {
	width: 25%;
	float: left;
	margin: 10px 0;
	opacity: 0.8;
}
.photo_box li:hover {
	opacity: 1;
}
.photo_box li:nth-child(4n+1) {
	clear: both;
}
.photo_box li img {
	margin: 10px;
	text-align: center;
}
.photo_box li p {
	text-align: center;
	padding: 5px;
}
.g_img {	
	height: 175px;
	overflow: hidden;
	text-align: center;
}
.g_img img {
	position: relative;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #FFF;
	-webkit-box-shadow: 2px 2px 6px #ccc;
	-moz-box-shadow: 2px 2px 6px #ccc;
	box-shadow: 2px 2px 6px #ccc;
}
/*影片*/
.video_box  li {
	width: 230px;
	text-align:center;
	display:inline-block;
	margin: 10px 0;
	position:relative;
}
.video_box  li {}
.video_box  li a { width:100%; height:153px; position: absolute; left:0; top:0; background:url(../images/icon_play.png) center center no-repeat #fdd118; opacity:0;}
.video_box  li a:hover { opacity:0.8;}
.video_box  li:hover {
	opacity: 1;
}
.video_box  li img { max-height:153px; width:100%;text-align:center; margin:0 auto;}
.video_box  li:nth-child(4n+1) {
	clear: both;
}
.video_box  li p { padding:20px 0;}
.video_mov { padding-bottom:20px;}
.video_mov iframe { width:100%; height:500px;}

/*專欄列表*/
.Sch_D_list { padding:0 0 20px 0;}
.Sch_D_list li a { line-height:44px; border-bottom:1px solid #fdd118; width:100%; display:block;}
.Sch_D_list li span { border-radius:44px; background-color:#fdd118; padding:5px 10px; margin-right:15px;}
.Sch_D_list li i {
	float: right;
	background: url(../images/icon_tim.png) left center no-repeat;
	padding-left: 20px;
	font-style: normal;
}
/*次分類樣式*/
.one3, .one4 { position:relative;}
.one4 { width:300px; height:200px;}
.one3_in { position:absolute; left:0;bottom:0; width:100%; color:#660000;background-color: rgba(255,204,0,0.8);pointer-events:none;transition: all 0.5s ease 0s;}
.one4_in { position:absolute; left:0;bottom:0; width:100%; color:#660000;background-color: rgba(255,204,0,0.8);pointer-events:none;transition: all 0.5s ease 0s;}
.one3_in::before, .one4_in::before{ content:"▲"; width:100%; height:15px; font-size:15px; position:absolute;top:-16px; text-align:center; color: rgba(255,204,0,0.8);  display:block;}
.one3_in p, .one4_in p { padding:10px; font-weight:bold;}
.one3_in span, .one4_in span { font-size:15px; padding:0 10px;}

.one3:hover .one3_in, .one4:hover .one4_in{ padding-bottom:10px;}

.Pr_time {
	padding-top: 10px;
	text-align: center;
	font-size: 20px; font-weight: bold;
}
.Pr_list2 li:nth-child(3n+1) {
	clear: both;
}
.Pr_list2 .one p, .Pr_list0 li p,.Pr_list2 .one2 p {
	position: absolute;
	left: 3px;
	bottom: -13px;
	text-align: center;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
 .Pr_list0 li span {
	padding: 10px;
	background-color: #fdd118;
	width: 100%;
	
}
.Pr_list2 li:hover, .Pr_list0 li:hover {
	opacity: 1;
}
.Pr_list2 li:hover p, .Pr_list0 li:hover p {
	bottom: 0px;
}
.txt_tt{ color:#6c4b22;}
.txt_t2 { text-align: left; padding-left: 20px;}
.txt_t2 p { padding-bottom: 5px;}
.txt_t2 i {padding-right: 10px;}

/*商品頁*/
.Pr_page {
	clear: both;
	padding: 20px 0;
	overflow: hidden;
	color: #6c4b22;
}
.L_photo2 {
	width: 50%;
	float: left;
}
.R_txt2 {
	width: 45%;
	float: right;
}
.R_txt2 h2, .R_txt2 h3 {
	font-size: 30px;
}
.R_txt2 h3 {
	padding-bottom: 20px;
}
.R_txt2 p {
	padding-bottom: 20px;
	line-height: 30px;
	font-size: 18px;
}
.Pr_02 {
	line-height: 30px;
	font-size: 18px;
	clear: both;
	padding: 20px 0;
}
.title_Pr {
	background: url(../images/title_a04.gif);
	overflow: hidden;
	margin: 20px 0;
	clear: both;
}
.title_Pr h4 {
	background-color: #f0e3d3;
	float: left;
	padding: 0 20px 0 40px;
	font-size: 22px;
}
.tt01 {
	background: url(../images/icon_Pr1.png) left center no-repeat;
}
.tt02 {
	background: url(../images/icon_Pr2.png) left center no-repeat;
}
.tt03 {
	background: url(../images/icon_Pr3.png) left center no-repeat;
}
.tt04 {
	background: url(../images/icon_Pr4.png) left center no-repeat;
}
.Pr_02 p {
	padding-bottom: 20px;
}
.list_W50 li {
	width: 50%;
	float: left;
}
.list_W50 li:nth-child(2n+1) {
	clear: both;
}
.QA_list li {
	padding-bottom: 20px;
}
.P_Q {
	font-weight: bold;
}
.Pr_03 {
	text-align: center;
	overflow:hidden;
	margin:20px 0;
}
.Pr_03 a {
	width: 40%;
	max-width:200px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight:normal;
	border: 1px solid #6c4b22;
	padding: 10px;
	
}
.btn_01 {
	background-color: #6c4b22;
	color: #FFF;
	margin-bottom:5px;
	font-size: 20px;
}
.Pr_03 a:hover, .btn_01 a {
	background-color: #6c4b22;
	color: #FC0;
}
.title_01 {
	color: #c38c42;
	border-bottom: 2px solid #c38c42;
	font-size: 22px;
	font-weight: bold;
	padding-top: 20px;
	margin-bottom:20px;
}
.text_Pr { text-align: left; }
.text_Pr p { font-size:18px;line-height:26px; padding-bottom:20px;}
/*輪播點點靠左*/
.L_photo .flex-control-nav {
	bottom: 22px;
	left: 10px;
	width: auto;
}
.L_photo .flex-control-nav li {
	display: inherit;
	float: left;
}
.L_photo .flex-prev, .L_photo .flex-next, .L_photo2 .flex-prev, .L_photo2 .flex-next {
	display: none;
}
.R_page {
	width: 80%;
	float: right;
}

/* 最新消息=========================================================================*/
/*主類別*/
.News_list {}
.News_list ul { display: flex; flex-wrap: wrap; justify-content:center;}
.News_list li { position:relative;width:450px; height:280px; float:left; margin:10px 5px;}
.News_list li a { color:#FFF;}
.n_tt { position:absolute; pointer-events: none; width:95%; height:60px; background:url(../images/news_bg.png) left bottom repeat-x; left:0; bottom:0; color:#FFF; font-size:18px; text-indent:10px;  line-height:20px; padding:10px 2.5%; z-index:200;}
.n_img { width:450px; height:280px; overflow:hidden;}
.n_img img {
transition: all 0.5s ease 0s;
	min-height: 280px;
}
.n_img img:hover {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

.News_list3 {}
.News_list3 li { position:relative;width:450px; height:280px; float:left; margin:10px 5px; overflow:hidden;}
.News_list3 li a { color:#FFF;}
.n_tt2 { position:absolute; pointer-events: none; width:95%; height:40px; background:url(../images/news_bg2.png) left bottom repeat-x; left:0; bottom:-30px; color:#FFF; font-size:18px; text-indent:10px;  line-height:20px; padding:10px 2.5%; z-index:200;transition: all 0.5s ease 0s;}
.n_img:hover .n_tt2 { bottom:0;}
.n_img { width:450px; height:280px; overflow:hidden;}
.n_img img {
transition: all 0.5s ease 0s;
}
.n_img img:hover {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

.News_list li:nth-child(2n+1), .News_list2 li:nth-child(2n+1), .News_list3 li:nth-child(2n+1), .News_list4 li:nth-child(3n+1){ clear:both;}

/*小學堂列表*/
.News_list4 {}
.News_list4 ul { display: flex; flex-wrap: wrap; justify-content: center; }
.News_list4 li { position:relative; width:280px; height:280px;  margin:10px 5px; overflow: hidden;}
.News_list4 li a { color:#FFF;}
.News_list4 .n_img { width:280px; height: auto;}
.News_list4 .n_img img { height:280px; width:auto; }


/*列表*/
.News_list2 { color:#6c4b22;}
.News_list2 a { color:#6c4b22;}
.News_list2 li{ /*width:47%;*/ width:100%;padding-left:3%; float:left; border-bottom:1px dashed#c38c42; padding:25px 0; position:relative; }
.News_list2 li:hover { background-color:#fdd118;}
.News_list2 li a { position:absolute; width:100%; height:100%; text-indent:-9999px;}
.n_img2 { width:24%; height:110px; overflow:hidden; text-align:center; line-height:110px; float:left; text-align:center;}
.n_img2 img { max-width:none; height:110px; text-align:center; margin:0 auto;}
.n_tit { width:56%; float:left; padding:0 2%;}
.n_tit h3 { font-size:22px; padding-bottom:5px;}
.n_tit p { font-size:15px; line-height:24px;text-align: justify;}
.n_time { width:16%; text-align:center; float:left;}
.n_yymm { font-size:16px;}
.n_dd { font-size:46px; color:#c38c42; font-weight:bold;}

.n_img2b { width:40%; overflow:hidden; text-align:center; float:left; text-align:center; max-height: 150px; overflow: hidden;}
.n_img2b img { max-width:none;  text-align:center; margin:0 auto; width: 100%;}
/*內頁*/
.title3 { color:#6c4b22; font-size:28px; line-height:30px; margin-bottom:20px; font-weight:600; text-align: left; }
.title4 { color:#6c4b22; font-size:28px; line-height:30px; margin-bottom:20px; font-weight:600; border-bottom:2px solid #c38c42;}
.title3 span { font-size:18px; float:right; font-weight:normal;}
.News_page p { font-size:18px; line-height:26px; padding-bottom:20px;}

.fancybox-caption { text-align: center;}

/*分頁樣式*==============*/
.n_nndd { width:100%; height:80px; overflow:hidden; margin:20px 0;text-align:center; clear:both; position:relative;}

.n_next, .n_prev, .n_home{ display:inline-block; overflow:hidden; position:relative;} 
.n_next a, .n_prev a { position:absolute; width:100%; height:100%;  z-index:2000; text-indent:-9999px;}
.n_img3 { width:110px; height:80px; overflow:hidden; text-align:center; line-height:80px;  z-index:1000; position:absolute;}
.n_prev .n_img3 span { position:absolute; right:0;}
.n_next .n_img3 span { position:absolute; left:0;}
.n_prev .n_img3 { right:0; }
.n_img3 img { max-width:none; height:80px; background:url(../images/btn_next.png) right center no-repeat;}
.n_next, .n_prev  {width:46%; height:80px;overflow:hidden; position:relative; }
.n_next p, .n_prev p { margin:0 30px;}
.n_next p, .n_prev p { width:60%; margin:0;padding-left:10px;}
.n_next p { padding-left:60px;}
.n_ppt { transition: all 0.5s ease 0s; background-color:#fdd118; width:100%;  height:60px; padding:10px 0; position:absolute; overflow:hidden;}
.n_next .n_ppt {left:-150%; padding-left:60px;}
.n_next:hover .n_ppt{ left:0;}
.n_prev .n_ppt { left:150%; }
.n_prev:hover .n_ppt{ left:0;}
.n_next { background:url(../images/btn_next.png) left center no-repeat;float:left; }
.n_prev {background:url(../images/btn_prev.png) right center no-repeat; float:right;}
.n_home {
    width: 10%;
    max-width: 80px;
    font-size: 18px;
    position: absolute;
    left: 45.5%;
    z-index: 100;
    background-color: #f0e3d3;
}
.n_home span {padding:15px; border:1px solid #6c4b22; display:block; text-align:center;}
.n_home:hover { background-color: #c38c42;}
.n_home:hover a { color:#FFF;}

/*數字頁*/
.page-no {
	clear: both;
	padding: 10px 0;
	overflow: hidden;
}
.no_box {
	clear: both;
	margin: 0 auto;
	position: relative;
}
.no_box ul {
	text-align: center;
	
	line-height: 22px;
	position: relative;
}
.no_box li {
	display: inline-block;
	height: 55px;
	color: #6c4b22;
	margin: 0 5px;
}
.no_box li a {
	margin: 0;
	color: #6c4b22;
	padding: 5px 20px;
	height: 30px;	
	display: block;
	line-height: 28px;
	font-weight: bold;
	border:1px solid #6c4b22;
}
.no_box li a:hover, .no_box li.on a {
	background-color:#6c4b22;
	color:#c38c42;
}
/*視窗*/
.pop_box { min-width:800px;}
/*按鈕============================================*/
.btn_01 { background-color: #ac7b39; border-radius: 5px; border: 1px solid #ffd800; min-width: 120px; padding: 5px 10px ; display: flex; justify-content: space-between; align-items: center; color: #FFF;}
.btn_01 i { color: #ffd800;  margin: 0; padding: 0;padding-left: 10px;}
/*版權*/
footer {  text-align:center; background: url("../images/title_a04.gif") #725025;}
.footer_page {padding: 10px 15%; display: flex; justify-content: space-around;max-width: 1100px; margin: 0 auto; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c38c42+1,c38c42+100&0+0,1+15,1+85,0+100 */
background: -moz-linear-gradient(left,  rgba(195,140,66,0) 0%, rgba(195,140,66,0.07) 1%, rgba(195,140,66,1) 15%, rgba(195,140,66,1) 85%, rgba(195,140,66,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(195,140,66,0) 0%,rgba(195,140,66,0.07) 1%,rgba(195,140,66,1) 15%,rgba(195,140,66,1) 85%,rgba(195,140,66,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(195,140,66,0) 0%,rgba(195,140,66,0.07) 1%,rgba(195,140,66,1) 15%,rgba(195,140,66,1) 85%,rgba(195,140,66,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c38c42', endColorstr='#00c38c42',GradientType=1 ); /* IE6-9 */

}
.bi-telephone-fill { padding-left: 20px;}
.logo2_box { display: flex; align-items:center; color: #FFF;}
.logo2 {  width: 90px; height: 90px; border-radius: 90px; display: flex; justify-content: center; align-items: center; background-color: #FFF;}
.logo2 img { width: 60px;}
.push_list { }
.push_list li { background-color: #FFF;width: 80px; height: 80px; border-radius: 80px;display: flex; justify-content: center; align-items: center; float:left; margin: 0 10px;}
.push_list li img { width: 50px; height: 50px;transition: all 0.5s ease 0s; z-index: 10;width: 60px;}
.push_list li:hover img {-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);}