@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
@import url("fontawesome_all.css");
@import url("fakeLoader.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing:1px; }
html { height:100%; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll; overflow-x:hidden; -moz-user-select : none;-webkit-user-select: none; }
body, td, th,select,input {font-size:12px;font-family: /*Arial,*/ "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;color:#333333;}

/*簡易設定*/
.iframe_ch { display:none }
.middle { vertical-align:middle; }
.center { text-align:center; }
.w100{ width:100%; }

/*fix safari*/
input, select, textarea{ -ms-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-box-sizing:content-box;}
input[type='text'],input[type='password'],input[type='button'],input[type='submit']{  -webkit-appearance: none; }

/*分頁*/
.pager{ width:100%; overflow:hidden; margin:50px auto 50px auto; text-align:center; }

/*編輯器*/
.editor{padding: 10px 10px 20px 10px;font-size:16px;line-height:30px; min-height:300px;}

/*連結*/
a{ color:#000000;text-decoration:none; }
a:hover{ color:#506267; }

/*表格*/
#css-table { display:table; }
.css-tr {display: table-row;}
.css-td {display: table-cell;text-align:left;vertical-align:middle;padding: 0px 10px;box-sizing:border-box;letter-spacing:1px;font-size:14px;color:#121212;}


/*全營幕遮罩*/ 
.bg-overlay { display:block; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.7); opacity:0; visibility:hidden; width:100%; height:100%; z-index:9999; transition: all 0.2s linear; }
.bg-overlay.visible { opacity:1; visibility:visible }


/*內頁banner*/
#banner-box{  width:100%; overflow:hidden; background:#110102; }
#banner-inner{position:relative;height:150px;background: #d5eef3;background-size: cover;display:flex;align-items:center;justify-content: center;}
#banner-inner .title{opacity: 1;text-align:center;color: #919191;font-size: 14px;letter-spacing: 1px;padding-bottom: 15px;border-bottom: 3px solid #a9d1d9;}
#banner-inner .title span{font-size: 24px;font-family: 'Lato', sans-serif;display: inline-block;margin-bottom: 5px;letter-spacing: 5px;font-family:inherit;color: #4a4a4a;}

/*麵包屑*/
#sitemap{ width:100%;box-sizing: border-box;padding:15px; }
#sitemap .wrap{ width:100%;max-width:1400px;margin:0 auto;font-size:14px; line-height:22px; letter-spacing:1px;text-align: right;color: #837f77;}
#sitemap .wrap a{ color: #837f77; }

/*layout*/
.layout-left{ margin:30px 0 0 0; flex: 1;padding-right:20px;font-weight:bold;}
.layout-right{margin: 30px 10px 0 10px;flex: 3.5;}
.layout-right .web-caption .left .title{ color:#48351e; }

/*left menu*/
#left-menu{width:100%;max-width: 250px;padding: 6px 15px 20px 15px;padding-bottom: 20px;background-color: #eaf1f2;border-radius: 10px;}
#left-menu > div{ cursor:pointer; }
#left-menu .left-submenu{display:none;}
#left-menu .types1{position:relative;width:100%;padding: 22px 10px 22px 10px;border-bottom: 1px solid #b4dae2;color:#48351e;font-size: 15px;}
#left-menu .types1 a{color:#48351e;font-size:16px; text-decoration:none; }
#left-menu .types1:hover span{ color:#d87a07; }
#left-menu .types1.on{color: #007b95;}
#left-menu .types1:before{font-size: 10px;padding-right: 10px;color:#ffb400;content:url(../../images/menu-icon-1.png);}
#left-menu .types1 i,#left-menu .types2 i{position:absolute;right:0;top: 20px;color: #ffb400;font-size: 15px;cursor:pointer;}
#left-menu .types2{position:relative;margin: 0px 0;padding: 22px 20px 22px 20px;font-size: 15px;border-bottom: 1px dashed #acacac;}
#left-menu .types2.on{color: #303030;}
#left-menu .types2:hover{ color:#d87a07; }
#left-menu .types2:before{padding-right: 10px;color: #ffb400;font-size: 75%;content:url(../../images/menu-icon-2.png);}
#left-menu ul{list-style:none;margin:0;padding: 0;}
#left-menu ul li{font-size: 15px;color:#48351e;line-height:20px;padding: 22px 0 17px 30px;border-bottom: 1px dashed #acacac;}
#left-menu ul li a{ color:#48351e; }
#left-menu ul li a:before{padding-right:5px;color: #ffb400;font-size: 75%; content:url(../../images/menu-icon-3.png); }
#left-menu ul li a:hover{ color:#d87a07; font-weight:bold; }
#left-menu ul li a.on{color: #d87a07;}

/*網站大標題*/
.website-title{width:100%;display:flex;padding-top: 15px;padding-bottom: 15px;border-top: 2px solid #009ec0;border-bottom: 1px dashed #999999;margin-bottom:20px;}
.website-title .left{flex: 1;display: flex;align-items:center;color: #2f2f2f;font-size: 18px;padding: 0;}
.website-title .right{flex:1;max-width: 200px;display:flex;align-items:center;justify-content: flex-end;}
.website-title img{ padding-right:10px; }

/*網站小標題*/
.content-title{width:100%;display:flex;padding: 8px 10px;margin: 40px 0 10px 0;background: #039fc1;border-radius: 10px;}
.content-title .left{flex: 1;display: flex;align-items:center;color: #ffffff;font-size: 18px;font-weight: bold;padding:0 10px;}
.content-title .right{flex:1;max-width: 200px;display:flex;align-items:center;justify-content: flex-end;}
.content-title img{ padding-right:10px; }

/*網站小標題*/
.content-title2{width:100%;display:flex;padding: 15px 0 0 0px;margin: 40px 0 15px 0;border-top: 1px dashed #999999;}
.content-title2 .left{flex: 1;display: flex;align-items:center;color: #2e7281;font-size: 18px;font-weight: bold;padding: 0 10px;}
.content-title2 .right{flex:1;max-width: 200px;display:flex;align-items:center;justify-content: flex-end;}
.content-title2 i{padding-right:10px;color: #f19900;}

/*網站按鈕*/
.btn-1, .button2{
	position:relative;
	display:inline-block;
	color: #ffffff;
	font-size:15px;
	background: #604041;
	width:auto;
	padding: 15px 50px 15px 50px;
	margin:0 0 0 0;
	cursor:pointer;
	text-align:center;
	outline:0;
	border: 0;
}
.btn-1:hover ,.button2:hover{background: #423233;}
.btn-1 i{ padding-right:10px; }

.button1{ color:#fff; background:#604041; font-size:14px; padding:7px 25px; letter-spacing:1px; cursor:hand; cursor:pointer; }
.button1:hover{ background:#423233; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

.fix-tips{ position:fixed; right:5%; top:200px; width:50px; z-index:99; }
.fix-tips img{ margin:3px 0; }

.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube-container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width : 1400px) {
	.fix-tips{ opacity:0.6; right:1%; }
}
@media screen and (max-width : 1024px) {
	.layout-left{ flex:1.5; }
}
@media screen and (max-width : 900px) {
	.layout-left{ display:none; }
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#wrapper{ width:100%; overflow:hidden; }
#header{width:100%;border-bottom: 5px solid #e8deca;}
#header .wrap{position:relative;width:100%;max-width: 1400px;margin: 0px auto;min-height: 120px;}
#header.on{ position:fixed; top:3px; z-index:9998; }
#header .wrap .logo{ max-width:323px; position:absolute; top:20px; left:20px; }
#header .wrap > i{display:none;position:absolute;top: 40%;right: 10px;font-size: 30px;color: #604041;cursor:pointer;}
#header .wrap .nav{position:absolute;top:30px;right:20px;color: #464646;font-size: 14px;font-weight: bold;border: 1px solid #e2dbca;}
#header .wrap .nav input[type='text']{box-sizing:border-box;padding: 0px 35px 0 10px;font-size:15px;letter-spacing:1px;color:#666;border:0;outline:0;width: 240px;height: 35px;}

#header .wrap > ul{
   /*width: 50%;*/
   position:absolute;
   z-index:9999;
   padding: 0px 0px;
   margin: 0;
   bottom: 0px;
   right: 0;
   list-style: none;
   display: flex;
   justify-content: unset;
   -webkit-transition: width 0.2s ease-in-out;
   -moz-transition: width 0.2s ease-in-out;
   -o-transition: width 0.2s ease-in-out;
   transition: width 0.2s ease-in-out;
}
#header .wrap > ul > li{position:relative;float:left;font-size: 16px;padding: 15px 0;color: #221815;padding: 16px 0 16px 25px;/* font-family: 'Noto Sans TC', sans-serif; */}
#header .wrap > ul > li:first-child{/*width: 60px;background:url(../../images/header-menu-bg.jpg) bottom left no-repeat;*/}
#header .wrap > ul > li > a{color: #221815;letter-spacing:3px;text-decoration:none;display: inline-block;padding: 0 3vw 0 0;border-right: 1px solid #e2dbca;}
#header .wrap > ul > li > a:hover{ text-decoration:underline; }
#header .wrap > ul > li:before{/*content:url(../../images/header-icon-flower.png);padding-right:10px;vertical-align: -15%;*/}
#header .wrap > ul > li:hover:before{ -webkit-filter:contrast(2); -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
#header .wrap > ul > li:last-child a{ border:0; }
#header .wrap > ul.on{position:fixed;top: 0px;left:0;z-index:9998;bottom:inherit;-webkit-border-radius: 0px;}
#header .wrap > ul > li ul{display:none;position:absolute;left: -30px;top: 50px;background: #ffffff;list-style: none;color: #4F3737;width:auto;width: 185px;z-index: 99;padding: 10px 0;margin:0;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#header .wrap > ul > li:hover > ul{ display:block; }
#header .wrap > ul > li ul li{position:relative;font-weight:normal;padding: 10px 15px 15px 15px;text-align: left;font-size: 14px;}
#header .wrap > ul > li ul li:before{ /*content:url(../../images/dot.png); padding-right:10px; vertical-align:middle;*/ }
#header .wrap > ul > li ul li:last-child{ border:0; }
#header .wrap > ul > li ul li a{color: #4F3737;font-weight: bold;letter-spacing:3px;text-decoration:none;text-align:center;}
#header .wrap > ul > li ul li a:hover{ color:#C9C1AD; }

#header .wrap > ul > li > ul > li > ul{display:none;position:absolute;left: 185px;top: 0px;}
#header .wrap > ul > li > ul > li:hover ul{ display:block; }

#header .wrap > ul > li > ul > li > ul > li > ul{display:none !important;position:absolute;left: 185px;top: 0px;}
#header .wrap > ul > li > ul > li > ul > li:hover ul{ display:block !important; }

.container{width:100%;min-height:1000px;margin: 0 auto 0 auto;overflow: hidden;}
.container .wrap{ position:relative; margin: 0 auto;}
.container_inner{width:100%;margin: 0 auto 0 auto;overflow: hidden;}
.container_inner .wrap{max-width:1400px;margin: 0 auto;}
.container_inner .wrap.flex{ display:flex; }

/*footer*/
/* #footer .wrap .left{ flex:1 } */

#gotop{width:100%; text-align:center;}
#footer .wrap .left .nav a{color:#252525;text-decoration:none;font-size: 14px;color: #ffffff;display: inline-block;padding: 10px 15px;width: 170px;vertical-align: top;}
#footer .wrap .left .nav a:hover{ text-decoration:underline; }
#footer .wrap .left .nav a.link:before{ content:url(../../images/dot.png); padding-right:8px; }
#footer .wrap .right{flex: 1;display: flex;justify-content: center;}

/*footer*/
/* #footer .wrap .left{ flex:1 } */

#footer .wrap .left a{color:#252525;text-decoration:none;font-size: 15px;color: #8f8c85;display: inline-block;padding: 10px 0px;font-weight: bold;}
#footer .wrap .left a:hover{ text-decoration:underline; }
#footer .wrap .left a:before{ /*content:url(../../images/footer-icon-1.png); padding-right:8px;*/ }
#footer .wrap .right{flex: 1;display: flex;justify-content: flex-end;margin: 20px 0;}

#footer{position:relative;width:100%;box-sizing:border-box;overflow:hidden;background: #f3f3f3;margin-top: 10px;}
#footer .wrap{position:relative;display:flex;flex-wrap:wrap;max-width: 1300px;padding: 10px 10px 20px 10px;width:100%;overflow: hidden;margin:0 auto;color: #252525;/*background:url(../../images/footer-bg.png) no-repeat right bottom;*/}

#footer-logo{display:flex;width: 100%;margin: 20px 0;}
#footer-logo .lefter{/* flex:1; */display:flex;align-items:center;/* justify-content: center; */}
#footer-logo .lefter img{
    width: 100%;
    max-width: 478px;
}
#footer-logo .righter{flex:1;display:flex;align-items:center;justify-content: flex-end;}

#footer-info{display:flex;width: 100%;}
#footer-info .left{flex: 1;position: relative;}
#footer-info .right{ flex:1; }

#footer-info .community{border-bottom:1px solid #e2dbca;padding: 10px 0px;}

#footer-nav{width:100%;color:#ffffff;background: #e2dbca;margin-bottom: 0px;}
#footer-nav ul{padding: 0px 10px;margin: 0;list-style: none;/* margin-right: auto; *//* margin-left: auto; */display: table;}
#footer-nav ul li{float:left;padding: 0px 10px 0px 10px;}
#footer-nav ul li:last-child{ border:0; }
#footer-nav ul li a{color: #353535;font-size: 16px;letter-spacing: 2px;padding-bottom:5px;}
#footer-nav ul li a:hover{ color:#2a4198; }
	
#footer .footer-info{/* margin: 0 auto; */display:flex;flex-wrap: wrap;max-width: 600px;width:100%;padding: 20px 0 20px 0;}
#footer .footer-info .items{width: 50%;display: flex;padding: 5px 0;color: #6a6a6a;}
#footer .footer-info .items .lefter i{ padding:5px 5px 0 0; color:#604041; vertical-align:middle; }
#footer .footer-info .items .righter{display:flex;text-align: left;line-height: 20px;color: #604041;font-size: 14px;}
#footer .footer-info .items .righter a{color: #604041;font-size: 14px;}
	
#copyright{position: absolute;bottom: 0;width:100%;overflow: hidden;margin:0 auto;line-height: 12px;color: #8f8c85;text-align: left;padding: 0px 0px 0px 15px;border-left: 3px solid #a69d88;}
#copyright a{ font-size:12px !important; text-decoration:none;}
#copyright a:hover{ text-decoration:underline; }

/*網頁大標題*/
.b-title{position: relative;height: 180px;text-align:center;max-width: 530px;letter-spacing: 3px;color: #c9c1ad;font-size: 30px;line-height:40px;margin: 10px auto 10px auto;padding: 10px 0;font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;}
.b-title-wrap{position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;width:80%;overflow:hidden;background: #ffffff;/* margin:0 auto; */padding: 20px 0;letter-spacing: 6px;text-transform: uppercase;}
.b-title img{display:block;margin: 0 auto;}
.b-title span{display:block;letter-spacing: 4px;color: #604041;font-size: 30px;padding: 10px 0 10px 0;/* margin-bottom:10px; *//* border-bottom:1px solid #ff7e3e; */}
.b-title .line{position:absolute;width: 100%;top:50%;left: 0;border-top:1px solid #604041;}

/*網頁小標題*/
.s-title{position: relative;height: 180px;text-align:center;max-width: 530px;letter-spacing: 3px;color: #c9c1ad;font-size: 30px;line-height:40px;margin: 10px auto 10px auto;padding: 10px 0;font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;}
.s-title-wrap{position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;width:80%;overflow:hidden;background: #ffffff;/* margin:0 auto; */padding: 20px 0;letter-spacing: 6px;text-transform: uppercase;}
.s-title img{display:block;margin: 0 auto;}
.s-title span{display:block;letter-spacing: 4px;color: #604041;font-size: 30px;padding: 10px 0 10px 0;/* margin-bottom:10px; *//* border-bottom:1px solid #ff7e3e; */}
.s-title .line{position:absolute;width: 100%;top:50%;left: 0;border-top:1px solid #604041;}


@media screen and (max-width : 1200px) {
	#copyright{ position:inherit; }
}

@media screen and (max-width : 1024px) {
	#header > ul > li{ padding:16px 0 16px 15px; font-size:14px; }
	.container{ background:none; background-color:inherit; }
	#footer .wrap .right{ display:none; }
}
@media screen and (max-width : 900px) {

	#header .wrap{ min-height:inherit; }
	#header .wrap > i{ display:block; }
	#header .wrap .logo{position:inherit;padding: 20px 10px 10px 10px;max-width: 323px;}
	#header .wrap .nav{ display:none; }
	#header .wrap ul{ display:none; }
	
	.b-title{ font-size:24px; }
	.b-title span{ font-size:24px; }
	
}

@media screen and (max-width : 768px) {

	#footer .wrap{ display:block; }
	#footer .wrap .left{ text-align:left; }	
	
	#footer-info{ display:block; }
	#footer .footer-info{ display:block; }
	#footer .footer-info .items{ width:100%; }
}



#footer .footer-contact{margin: 0 auto;display:flex;flex-wrap: wrap;max-width: 600px;width:100%;padding: 0 0 20px 5%;}
#footer .footer-contact .items{width: 50%;display: flex;padding: 5px 0;color: #6a6a6a;}
#footer .footer-contact .items .lefter{ }
#footer .footer-contact .items .lefter img{ padding:0 5px 0 0; }
#footer .footer-contact .items .righter{display:flex;text-align: left;line-height: 20px;}


@media screen and (max-width : 768px) {
	#footer .footer-contact{ display:block; max-width:none; padding: 0 10px 20px 10px; }
	#footer .footer-contact .items{ width:100%; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*產品專區*/
#index-product{width:100%;max-width:1300px;overflow:hidden;margin:0 auto;padding: 20px 0;}
#product-list{width:100%;display:flex;flex-wrap: wrap;}
#product-list .items{flex: 0 23%;margin: 40px 1%;text-align: center;}
#product-list .items img{ box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1); width:100%; }
#product-list .items .title{
    color: #252525;
    padding: 15px 10px;
    font-size: 15px;
	line-height:22px;
}
#product-list .items .more{
    display: inline-block;
    border: 1px solid #c9c1ad;
    padding: 10px 20px;
    margin: 10px 0;
    color: #604041;
}
#product-list .items .more:hover{ background:#ebebeb; }

@media screen and (max-width: 768px) {
	#product-list .items{flex: 0 44%; margin: 40px 3%; }
}


/*最新消息*/
#index-news{width:100%;overflow:hidden;margin:0 auto;padding: 20px 0; }
#index-news .news-wrap{width:100%;max-width:1300px;overflow:hidden;margin: 0 auto;}
#news-list{width:100%;display:flex;flex-wrap: wrap;}
#news-list .items{flex: 0 31%;margin: 40px 1%;text-align: right;}
#news-list .items img{ box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1); width:100%; }
#news-list .items .date{color:#604041;font-size:15px;padding: 15px 0;border-bottom: 1px solid #ad9d9e;text-align: left;}
#news-list .items .date:before{ content:url(../../images/icon-dot.jpg); padding-right:8px; }
#news-list .items .title{
    color: #252525;
    padding: 15px 0px;
    font-size: 15px;
    line-height:22px;
    text-align: left;
}
#news-list .items .more{
    display: inline-block;
    border: 1px solid #c9c1ad;
    padding: 10px 20px;
    margin: 10px 0;
    color: #604041;
}
#news-list .items .more:hover{ background:#ebebeb; }

@media screen and (max-width: 768px) {
	#news-list .items{flex: 0 44%; margin: 40px 3%; }
}
@media screen and (max-width: 488px) {
	#news-list .items{flex: 0 92%; margin: 10px 4%; }
}

/*體驗分享*/
#index-exp{width:100%;max-width:1300px;overflow:hidden;margin:0 auto;padding: 20px 0;}
#exp-list{width:100%;display:flex;flex-wrap: wrap;}
#exp-list .items{flex: 0 31%;margin: 40px 1%;text-align: right;background: #e2dbca;}
#exp-list .items img{ box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1); width:100%; }
#exp-list .items .types{display: inline-block;color: #ffffff;background: #604041;font-size: 20px;padding: 15px 20px;letter-spacing: 3px;float: left;margin: 10px 0;}
#exp-list .items .title{
    display: inline-block;
    color: #252525;
    padding: 15px 10px;
    font-size: 15px;
    line-height:22px;
    text-align: left;
}
#exp-list .items .more{
    display: inline-block;
    border: 1px solid #604041;
    color: #604041;
    padding: 10px 20px;
    margin: 10px 20px;
    color: #604041;
}
#exp-list .items .more:hover{ background:#ebebeb; }

@media screen and (max-width: 768px) {
	#exp-list .items{flex: 0 44%; margin: 40px 3%; }
}
@media screen and (max-width: 488px) {
	#exp-list .items{flex: 0 92%; margin: 10px 4%; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 最新消息 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.news-caption{ color:#292929; font-size:24px; line-height:30px; text-align:center; margin:70px 10px 50px 10px; border-top: 1.5px solid #e8deca; padding-top: 20px;}
.news-caption span{ background:#efece6; color:#5b4344; display:inline-block; font-size:18px; font-weight:bold; padding:8px 30px; margin:50px 0px 50px 0px; }

.links-area{ display:flex; padding:5px 10px; }
.links-area .left{ padding-right:10px; }
.links-area .right{ display:flex; align-items:center; justify-content: center; }
.links-area .right a{ color:#604041; font-size:16px; text-decoration:none; word-break:break-all; }

.down-area{ width:100%; color:#d9d3c5; background:#625d4f; margin:30px 0; }
.down-area .caption{color: #625d4f;background: #d9d3c5;font-size:16px;padding:15px 20px;}
.down-area .caption i{ padding-right:5px;}
.down-area .content{
    background: #efece6;
    padding: 20px 10px;
}
.down-area .content a{ color:#625d4f; font-size:16px; display:block; padding:8px 10px; line-height:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 聯絡我們 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#contact{}
#contact .info{width:100%;display:flex;flex-wrap:wrap;margin: 30px 0 80px 0px;padding: 0 0 0 0;}
#contact .info .items{flex:0 25%;border-left:1px solid #c9c1ad;padding: 0 0 0 20px;margin: 20px 0;font-size: 15px;}
#contact .info .items span{display:inline-block;background: #898372;color: #ffffff;padding: 6px 15px;margin-bottom: 15px;font-size: 15px;font-weight: bold;}

@media screen and (max-width: 768px) {
	#contact .info .items{flex:0 50%;}
}

@media screen and (max-width: 480px) {
	#contact .info .items{flex:0 100%;}
}

/*聯絡表單*/
#inner-contact{ width:100%; min-height:750px; background:#ffffff; }
#inner-contact .wrap{width:100%;max-width: 1200px;margin:0 auto;padding:30px 0;}

#inner-contact .contact-info{margin: 0 auto;width:100%;padding: 20px 0 20px 0;}
#inner-contact .contact-info .wrap{}
#inner-contact .contact-info .wrap iframe{ border:1px solid #ebebeb; }
#inner-contact .contact-info .info-item{padding:20px 0;display:flex;flex-wrap: wrap;max-width: 1000px;margin:0 auto;background: #e7f5f8;}
#inner-contact .contact-info .items{width: 50%;display: flex;padding: 5px 10px;color: #6a6a6a;}
#inner-contact .contact-info .items .lefter{ display:flex; align-items:center; justify-content: center; }
#inner-contact .contact-info .items .lefter i{padding-right: 10px;}
#inner-contact .contact-info .items .lefter img{ padding:0 5px 0 0; }
#inner-contact .contact-info .items .lefter span{font-size:15px;color: #00ada0;width:105px;padding:10px 0;text-align: center;letter-spacing: 5px;-webkit-border-radius: 5px;}
#inner-contact .contact-info .items .righter{text-align: left;line-height: 25px;padding: 0 20px;display: flex;align-items:center;justify-content: center;color: #272727;font-size: 15px;}


@media screen and (max-width : 900px) {
	#inner-contact .contact-menu{ display:none; }
}

@media screen and (max-width : 768px) {
	#inner-contact .contact-info{ display:block; max-width:none; padding: 0 10px 20px 10px; }
	#inner-contact .contact-info .items{ width:100%; }
}

/*聯絡我們表單*/
#inner-signup .caption{font-size: 16px;color: #656258;line-height:25px;font-family: 'Noto Sans TC', sans-serif;text-align: center;border-top: 5px solid #e4e0d6;padding: 30px;}
#inner-signup .caption span{ color:#ae0101; font-size:14px; }
#inner-signup .flex-table{display:flex;max-width: 1200px;width:100%;margin: 20px auto;padding:0 10px;border-left: 2px solid #c9c1ad;}
#inner-signup .flex-table .flex-th{width:90px;text-align:left;display:flex;align-items:center;font-size:15px;/* border-top:1px solid #c9c9c9; *//* border-right: 1px solid #c9c9c9; */}
#inner-signup .flex-table .flex-th i{ display:inline-block; width:10px; font-style:inherit; color:#F00; padding-right:5px; }
#inner-signup .flex-table .flex-th span{display:inline-block;color: #bbbbbb;font-size:12px;}

#inner-signup .flex-table .flex-td{flex:4;padding: 5px 10px;text-align:left;/* border-top:1px solid #c9c9c9; */min-height: 70px;/* display: flex; *//* align-items:center; */}
#inner-signup .flex-table .middle{ display:flex; align-items:center; }

#inner-signup .flex-table input[type='text'],
#inner-signup .flex-table input[type='file'],
#inner-signup .flex-table select
{outline:0;width:100%;background: #ffffff;border: 1px solid #efece6;background: #efece6;color:#333333;font-size:15px;padding: 12px 20px;margin: 5px 0;box-sizing: border-box;}
#inner-signup .flex-table select{width:100%;background:#f0f0f0;border:0;color:#333333;font-size:15px;padding:15px 20px;margin: 5px 0;box-sizing: border-box;}

#inner-signup .flex-table textarea{height:200px;outline:0;width:100%;border: 1px solid #efece6;background: #efece6;color:#333333;font-size:15px;padding:15px 20px;margin: 5px 0;box-sizing: border-box;}
#inner-signup .flex-area{display:flex;}

#inner-signup .flex-area .flex-column{flex: 1;padding: 0 5px; font-size:15px; }
#inner-signup .flex-area .flex-column2{flex: 2;padding: 0 5px;}
#inner-signup .flex-area .flex-column5{flex: 5;padding: 0 5px;}
#inner-signup .flex-table .zipcode{ font-size:15px; color:#787878; }
#inner-signup .flex-table .zipcode span{ font-size:13px; color:#00629f; padding:0 10px; }
#inner-signup span.btn{display: inline-block;border: 1px solid #cf6b00;color: #cf6b00;cursor:pointer;margin: 5px 3px;text-decoration: none;padding: 10px 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

#fancy-frame{ width:100%; padding:40px 5%; }
#fancy-frame .bottom{ width:100%; padding:30px 30px; text-align:center; }


@media screen and (max-width : 768px) {
  	#inner-signup .flex-area{ display:block; }
  	#inner-signup .flex-area .flex-column{ padding:5px; }
}

@media screen and (max-width : 480px) {
	#inner-signup .flex-table .flex-th{ border:0; padding:5px 0; font-weight:bold; }
	#inner-signup .flex-table{ display:block; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 產品搜尋 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.serach-caption{width:100%; border-bottom:1px solid #dcd1b8; margin-bottom:50px; text-align:center; color:#5f5a50; font-size:18px; padding:20px 20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 產品櫥窗 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.product-types{ margin:50px 0; }
.product-types .caption{ background:#efece6; color:#604041; font-size:24px; text-align:center; padding:15px 20px; margin:40px 0 0 0; }
.product-types .items{}

.product-types2{width:100%;overflow:hidden;display:flex;border-bottom: 6px solid #e3dac7;}
.product-types2 .left{ flex:1; }
.product-types2 .left img{width:100%; max-width:620px; padding:0 20px;}
.product-types2 .right{flex:1;padding: 0 20px; text-align:right; }
.product-types2 .caption{ text-align:left; background: #f3eee3;padding: 10px 20px;margin: 30px 0 0 0;color: #837f77;font-size: 40px;}
.product-types2 .title{ text-align:left; font-size: 30px;padding: 50px 0;}
.product-types2 .content{text-align:left;font-size: 18px;color: #857e70;line-height: 30px;min-height: 150px;}


/*產品分類*/
#activity-list{width:100%;overflow:hidden;text-align: center;}


#activity-list .items{display: inline-block;vertical-align: top;width: 45%;margin: 2%;box-sizing:border-box;text-align:center;background:#ffffff;}
#activity-list .items > .title{display:block;color: #0f0f0f;font-size: 16px;font-weight: bold;letter-spacing: 1px;line-height: 22px;padding: 10px 0 0 0;text-align: left;text-decoration:none;}
#activity-list .items > .title:before{ content:url(../../images/icon-dot.jpg); padding-right:8px; }
#activity-list .items > .date{text-align:left;font-size: 13px;line-height: 18px;color: #999999;padding: 0 0 5px 0;}
.activity-detail-title{ color:#bc8e8e; font-size:18px; border-bottom:1px solid #bc8e8e; margin:30px 0; padding:0 0 10px 0; }
#activity-list .photo-mask-content span{ border:1px solid #ffffff; padding:5px 15px; }

/*活動內頁*/
.form-subtitle{ position:relative; height:40px; font-size:20px;letter-spacing:1px;padding: 0 0 0 0;color:#721f6d;}
.form-subtitle span{position:absolute;top: 0;left: 0;background:#ffffff;padding:5px 10px;z-index:2;text-shadow: 1px 1px 1px #CCCCCC;}
.form-subtitle img{padding-right:7px;}
.form-subtitle .line{position:absolute;top: 50%;left:0;width:100%;height:1px;border-top:1px solid #731E71;z-index:1;}

/*相關檔案下載*/
.down-area a{ display:inline-block; border:1px solid #721F6D; color:#721F6D; padding:10px 20px; margin:10px 0; text-decoration:none;border-radius: 10px; }
.down-area a i{ padding-right:5px; }

table.gloria-form-1 td{ border-bottom:1px dotted #999; }
table.gloria-form-1 td:first-child{ color:#721F6D; }
table.gloria-form-1 td:first-child:before{ content:url(../../images/item-icon-2.png); vertical-align:middle; padding-right:5px; }

@media screen and (max-width:1200px) {
	.product-types2{ display:block; text-align:center; }
	.product-types2 .left img{ }
}
@media screen and (max-width:800px) {
	#activity-list .items{width: 46%;margin: 20px 1.5%;}	
	.product-types2 .caption{ font-size:30px; }
}
@media screen and (max-width:480px) {
	#activity-list .items{ width: 94%;margin: 20px 3%; }	
}


/*------image mask--------*/
.photo-mask{opacity:0;position:absolute;left:0;bottom:0;color:#ffffff;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);letter-spacing:3px;text-align:center;padding:15px; box-sizing:border-box; line-height:22px;-webkit-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;}
.photo-mask-content{ width:100%; height:100%; display:flex; align-items:center; justify-content: center; }
.photo-mask .line{border:1px solid #FFFFFF;}
.gallery .photo-mask{ opacity:0; }
.gallery:hover .photo-mask{ opacity:1; }



/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 商品詳細頁 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#product-detail{/*display:flex;*/width:100%;overflow:hidden;margin: 5vw 0 50px 0;padding-bottom: 50px;}
#product-detail .left{float:left;width:50%;padding: 0 0 30px 0px;text-align:center;}
#product-detail #new_src{ margin:10px; box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1); }
#product-detail .right{ float:left; width:50%; padding:0 30px; }

#product-detail .caption{ text-align:left; background: #f3eee3;padding: 10px 20px;margin: 30px 0 0 0;color: #837f77;font-size: 35px; line-height:45px;}
#product-detail .title{text-align:left;font-size: 30px;padding: 40px 0;color: #837c6e;font-size: 24px;}
#product-detail .capacity{text-align:left;font-size: 18px;padding: 0 0 20px 0;color: #837c6e;font-size: 24px;}
#product-detail .content{text-align:left;font-size: 16px;color: #323232;line-height: 30px;min-height: 150px;}
#product-detail .tips{border-left:3px solid #c9c1ad;padding:0 15px;margin:30px 0;font-size: 16px;color: #323232;line-height: 25px;}
#product-detail .tips span{display:block;color: #661a1a;font-size: 18px;padding-bottom: 10px;}


#product-detail .product_cart{width:100%;overflow:hidden;text-align:right;margin: 40px 0 40px 0;color: #9c885e;font-size: 16px;}
#product-detail .product_cart span{border: 1px solid #dbdbdb;background: #9c885e;color: #ffffff;font-weight:bold;padding: 10px 15px;cursor:hand;cursor:pointer;}
#product-detail .product_cart span:hover{ background:#bfa138; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
#product-detail .product_input{border: 1px solid #dbdbdb;border-left:0;border-right:0;width:70px;height: 29px;text-align:center;font-size: 12px;background: #ffffff;outline: 0;}

#product-detail .product_button{ display:flex; justify-content:space-between; }
#product-detail .product_button .webbtn1{ width:45%; }

/*owl*/
#product-detail .owl-left{cursor:hand;cursor:pointer;display:flex;align-items:center;justify-content: center;width: 10%;float:left;}
#product-detail .owl-center{width: 80%;float:left;}
#product-detail .owl-right{cursor:hand;cursor:pointer;display:flex;align-items:center;justify-content: center;width: 10%;text-align: right;float:left;}

#owl-photography .item{ margin:0; padding:10px 0; /*height:140px;*/ /*overflow:hidden;*/display:flex; align-items:center; justify-content: center; width:98%; background:#ffffff; }
#owl-photography .item img{ /*margin:5px; box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1);*/  }

.video-area{display:flex;flex-wrap: wrap;width: 100%;}
.video-items{flex: 0 48%;margin: 0 1%30px 1%;}

@media screen and (max-width: 1000px) {
	#product-detail .left{ float:none; width:100%; }
	#product-detail .right{ width:100%; }
	#product-detail .caption{ font-size:26px; }
	#product-detail #new_src{ margin:0; }
}
@media screen and (max-width: 600px) {
	.video-items{flex: 0 100%;}
	#product-detail .right > .title{ font-size:24px; line-height:30px; }
}
@media screen and (max-width: 480px) {

	#product-detail .product_button{ display:block; justify-content:initial; }
	#product-detail .product_button .webbtn1{ width:100%; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 表格欄位隱藏 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
	.none-b{ display:none; }	
}
@media screen and (max-width: 768px) {
	.none-m{ display:none; }
}
@media screen and (max-width: 480px) {
	.none-s{ display:none; }	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Mobile Menu <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

body { transition: background-color .2s; }
#wrapper { transition: margin-left .2s; }
.sidenav {height: 100%;overflow:hidden;width: 0;position: fixed;z-index: 9999;top: 0;right: 0;background-color: rgba(255, 255, 255, 1);overflow-x: hidden;transition: 0.2s;/*padding-top: 60px;*/box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/*選單上下固定式*/
article { min-height: 100%; display: flex; flex-direction: column; align-items: stretch; }
main { flex-grow: 1; }
header, main, footer { flex-shrink: 0; }

article { width:320px; }
header {width:100%;position: relative;overflow:hidden;text-align: center;padding: 8px 0 8px 0;border-top: 3px solid #604041;border-bottom: 5px solid #ECE1CF;background: #ffffff;}
header .closebtn {font-size: 36px;position: absolute;top: 30px;right: 10px;color: #604041;}
main{padding: 20px 20px;text-align:center;}
main img{max-height: 125px;padding: 0px;}
main .search{display:flex;width:100%;/* padding: 20px; */margin: 20px 0;border: 1px solid #CFCCC7; border-radius: 6px;}
main .search .left{flex:1;background:#604041;color: #ffffff;font-size: 18px;display:flex;align-items:center;justify-content: center;border-top-left-radius:6px;border-bottom-left-radius:6px;}
main .search .center{ flex:3;}
main .search .center input{width:100%;border: 0; outline:0; padding:10px 10px; font-size:15px; }
main .search .right{color: #604041;font-size: 15px;cursor: pointer;flex:1;display:flex;align-items:center;justify-content: center;border-top-right-radius:6px;border-bottom-right-radius:6px;}

footer{width:100%;min-height:300px;background:#DACEB4;padding: 20px 20px 20px 20px;text-align: center;}
footer .webtitle1{color:#282828;font-size:20px;padding: 10px 0;}
footer .webtitle2{color:#61615F;font-size:15px;padding: 0 0 10px 0;}

footer .community{border-bottom: 1px solid #A39C8A;padding: 15px 0 20px 0px;}
footer .footer-info{/* margin: 0 auto; */display:flex;flex-wrap: wrap;max-width: 600px;width:100%;padding: 20px 0 20px 0;}
footer .footer-info .items{width: 100%;display: flex;padding: 5px 0;color: #6a6a6a;}
footer .footer-info .items .lefter i{ padding:0 5px 0 0; color:#604041; vertical-align:-30%; }
footer .footer-info .items .righter{display:flex;text-align: left;line-height: 20px;color: #3E403F;font-size: 14px;}
	
footer .copyright{/* position: absolute; *//* bottom: 0; */width:100%;overflow: hidden;margin:0 auto;line-height: 17px;color: #8f8c85;text-align: center;padding: 0px 0px 0px 0;/* border-left: 3px solid #a69d88; */}
footer .copyright a{ color: #8f8c85; font-size:12px !important; text-decoration:none;}
footer .copyright a:hover{ text-decoration:underline; }


@media screen and (max-height: 450px) {
 .sidenav {padding-top: 15px;}
 .sidenav a {font-size: 18px;}
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Bxslider <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

ul.bxslider { margin:0; padding:0; }
#home_banner {
  /*  display: inline-block;  會多一個空白*/
  /*max-width: 1400px;*/
  width:100%;
  max-height: 740px;
  overflow: hidden;
  position: relative;
  margin:0px auto 0 auto;
  background:#000000;
}
#home_banner li { width: 100%; background-repeat: no-repeat; background-size:cover; background-position: center;  height:740px;
 -webkit-transition:transform .5s ease;
 -moz-transition:transform .5s ease;
 -o-transition:transform .5s ease;
 -ms-transition:transform .5s ease;
 transition:transform .5s ease;
}
#home_banner ul li img {display: none;}
#home_banner .bxslider { opacity: 0; }
#home_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #home_banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #9c885e;border:2px solid transparent;}
#home_banner .bx-wrapper .bx-pager.bx-default-pager a {
 background-color: #ffffff;
 border:2px solid white;
 width: 12px;
 height: 12px;
 margin: 0 5px;
 border-radius: 50%;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
 transition: all .5s ease;
}
#home_banner .bx-wrapper .bx-pager {bottom:10%;opacity: 0;}
#home_banner .bx-wrapper .bx-controls-direction{ opacity: 0; }
#home_banner .word { font-size: 15px; position: absolute; margin-left: -187px; margin-top: -116px; left: 50%; top: 50%; color: #673D3A; letter-spacing: 25px; opacity: 0.2; }
#home_banner .word b { font-weight: bold; }
#home_banner .down { position: absolute; right: 30px; bottom: 32px; width: 34px; height: 28px; z-index: 99; cursor: pointer; opacity: 0; }
#home_banner .down img { display: block; }
#home_banner .bx-prev{ left:5%; }
#home_banner .bx-next{ right:5%; }



/*------Scroll--------*/

.swiper-scroll{ z-index:999999; }
.swiper-scroll a.scrollDown{
	display:block;
	color:#000;
	text-align:center;
	position:absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0%;
	z-index:1;
	display: flex;
	align-items:center;
	justify-content: center;
	}

.swiper-scroll a.scrollDown i{
	display:inline-block;
	text-align:center;
	font-size:25px;
	color:#FFF;
	text-align:center;}


@media screen and (max-width : 1024px) {
	
	#home_banner .bx-controls-direction
	{
		display:none;	
	}
	
	#home_banner .bx-wrapper .bx-pager.bx-default-pager a {
		width: 15px;
		height: 15px;
	}
	#home_banner, #home_banner li {
		max-height: 600px;
		height: 600px;
	}

}

@media screen and (max-width : 480px) {
	#home_banner .bx-wrapper .bx-pager{ display:none; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> checkbox/radio template <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* The container */
.container-item {
    position: relative;
    color: #474747;
    letter-spacing: 2px;
    padding-left: 35px;
    padding-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight:normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-item input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;

    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border:1px solid #b9b7b7;
    border-radius: 10px;
}

/* On mouse-over, add a grey background color */
.container-item:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-item input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-item input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-item .checkmark:after {
    left: 5px;
    top: 5px;
    width: 5px;
    height: 5px;
    border: solid #0067B7;
    border-width: 0px 3px 3px 0;
    background: #0067B7;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    border-radius: 15px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Effect <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/*scroll progress bar*/
.KW_progressContainer {
  left:0;
  width: 100%;
  height: 0.4em;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  overflow: hidden;
  background-color: #c00414;
  content: "";
  display: table;
  table-layout: fixed;

  z-index:999;
}

.KW_progressBar {
  width: 0%;
  float: left;

  height: 100%;
  z-index:99;
  max-width: 100%;
  background-color:#f8cc1a;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

/*------區塊跳動效果--------*/
#home_banner{ z-index:999; }
#home_banner a.scrollDown{
	display:block;
	color:#000;
	text-align:center;
	position:absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1%;
	z-index:999;
}

#home_banner a.scrollDown i{
	display:inline-block;
	text-align:center;
	font-size:25px;
	color:#FFF;

	text-align:center;
}

/*------css3動畫--------*/
@-webkit-keyframes upDown {
  0%     {bottom:20px; opacity:1;}
  50%   {bottom:28px; opacity:0.5;}
  100% {bottom:20px; opacity:1;}

}
@-moz-keyframes upDown {
  0%     {bottom:20px; opacity:1;}
  50%   {bottom:28px; opacity:0.5;}
  100% {bottom:20px; opacity:1;}
}
@keyframes upDown {
  from     {bottom:20px; opacity:1;}
  50%   {bottom:28px; opacity:0.5;}
  to {bottom:20px; opacity:1;}
}
.upDown{
	-webkit-animation: upDown ease-out 1s infinite;
	-moz-animation: upDown ease-out 1s infinite;


	-o-animation: upDown ease-out 1s infinite;
	animation: upDown ease-out 1s infinite;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position:relative; height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; left: 0; overflow:auto; background-color:rgba(0, 0, 0, 0.5); z-index:100000000 }
.Loadaction {width: 220px;height: 60px;top: 42%;position: absolute;margin-left: auto;margin-right: auto;padding-top: 10px;left: 0;right: 0;background-color:rgba(0, 0, 0, 0.5);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.Actionupload_Text {font-size:13px;color:#FFFFFF;height: 25px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.pageselect{border:1px solid #CCCCCC;padding: 4px 5px;font-size:12px;}
.pageselect:hover{ background:#ebebeb; }
a.pagelink_no{color:#333333;text-decoration:none;border: 1px solid #cccccc;padding: 7px 5px;display: inline-block;margin: 5px 0;}
a.pagelink_no:hover{ background:#ebebeb; }
a.pagelink{color:#333333;text-decoration:none;border: 1px solid #CCCCCC;padding: 5px 10px;}
a.pagelink:hover{ background:#ebebeb; }
a.pagelink_ch{color:#333333;padding: 5px 10px;border: 1px solid #cccccc;background: #ebebeb;text-decoration:none;}