@charset "utf-8";
/* CSS Document */
/*CSS RESET*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@font-face {
  font-family: 'Noto Sans TC';
  src: url("../Noto_Sans_TC/NotoSansTC-Black.otf")format("opentype"),
         url("../Noto_Sans_TC/NotoSansTC-Bold.otf")format("opentype"),
	  url("../Noto_Sans_TC/NotoSansTC-Light.otf")format("opentype"),
	  url("../Noto_Sans_TC/NotoSansTC-Medium.otf")format("opentype"),
	  url("../Noto_Sans_TC/NotoSansTC-Regular.otf")format("opentype"),
	  url("../Noto_Sans_TC/NotoSansTC-Thin.otf")format("opentype");
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  overflow-y: scroll;
  overflow-x: hidden;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*CSS RESET*/


body,div,ul,li,form,button,header,footer,nav,input,textarea,th,td,span,p,select,h1,h2,h3,h4,h5,h6{ 
font-family:'Noto Sans TC','Open Sans', Geneva,'Microsoft JhengHei',"微軟正黑體", sans-serif; letter-spacing:0.5px; }
h1,h2,h3,h4,h5,h6{  margin:0 0 1em 0; padding:0; }
body { margin:0;  color:#212121 ; padding:0}
html,body {  font-size:100%; -webkit-text-size-adjust:100% ; height: 100%;  min-height: 100% !important;} /*for ipad*/
html {  image-rendering:-webkit-optimize-contrast;}

*{box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
}

a, a h1, a h2, a h3, a h4, a h5, a h6{ text-decoration: none ; 
-o-transition:all 0s ease 0s, all 160ms ease 0s;
-webkit-transition:all 0s ease 0s, all 160ms ease 0s;
-moz-transition: all 0s ease 0s, all 160ms ease 0s;
transition: all 0s ease 0s, all 160ms ease 0s;     
}
a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6{ color:#dd6631; text-decoration: none;}
a img{ border:0px; min-height: 100%; width: 100%; height: auto; object-fit: cover;/*the image keeps its aspect ratio and fills the given dimension.*/ }
a, a:link { width: 100%; height: 100%; display: inline-block; }
/*img{ vertical-align: top; max-width: 100%; }*/

ul, ol, li { list-style: none; list-style-type:none; }
input {border:0px ;  line-height:1.5em; vertical-align:middle; background:transparent; color:#212121; padding:0.2em 0; outline:0 !important;menuwidth: 100%; border-bottom: 1px solid #d57c97; width: 80%; margin: 0 auto; font-size: 2em;}
input:hover, textarea:hover, input:focus, textarea:focus{ }
textarea {border:0; background:#f6f6f6; color:#000; padding:5px; width:100%; font-size:0.9375em; width: 100%;}
/*input[type=checkbo<navx] { border:0px\9; background:none; width:auto !important; height:auto !important;}*/

nav { display:block; }

select {  border: 0; background: transparent; color:#000; vertical-align:middle; font-size:16px;}
select:hover, select:focus{border:0px; background: transparent ; color:#000;}
/*input[type="radio"]{border:0px\9; background:none; vertical-align:middle;  width:auto !important; height:auto !important;}*/


/*-------------------------------------基本設定-------------------------------------------*/
/*最外框*/
.wrap{ width:100%; margin:0 auto; position:relative; line-height: 1.7; min-height: 100%; 
	background-image:
		url("../../images/side-r-1.png"),
		url("../../images/side-l-1.png"), 
		url("../../images/side-r-2.png"), 
		url("../../images/side-l-2.png"), 
		url("../../images/side-l-3.png");
	background-size:
		288px 404px, 
		505px 798px, 
		403px 475px, 
		362px 336px, 
		449px 478px;
		
	background-position: 
		112% 50%, 
		-20% 43%, 
		114% 75%,
		-7% 60%, 
		-11% 93%; 
		
	background-repeat: no-repeat;
	overflow: hidden;
	background-color:#f6f4f5;
} /*外層裝所有物件除了縮小選單*/


/*主內容外框*/
.full { width: 100%; }
.bg-bn { background-color: #568045;}
.bg-green { background-color: #82ac5c; }
.bg-white { background-color: #ffffff; }
.bg-khaki { background-color: #b8905b;}

/*readmore*/

/*.body{
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  grid-column-gap: 10px;
}
.body.-open{
  display: block;
}
*/

h2, details{
  display:inline;
}

details {
  position:relative;
  font-weight: 300;
}
details summary {
  display:block;
  cursor: pointer;
  color: #999;
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  padding-top:10px;
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}


details #open{padding-left:5px;text-align:middle;}
details #open:after{
    display: inline-block;
    position:relative;
    top: -3px;
    padding-left: 8px;
    content: "\00bb";
    transform: rotate(90deg);
}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}

::-webkit-details-marker {display: none;}





@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*readmore*/


.topCont { 
	width: 100%;
	margin: auto; padding-bottom: 65px;
	overflow: hidden;
	position:relative;
	background-image: url("../../images/bg-river.png"),url("../../images/bg-509fa8.png");
	background-size: 2000px 456px, 3px 344px;
	background-position: top center, top center;
	background-repeat: no-repeat, repeat-x;
}
.mainCont {
	width: 1280px;
	margin: 0 auto;
}
*::before, *::after {pointer-events: none;}
.toTOP {
	width: 55px; height: 55px; border-radius: 28px;
	position: fixed; bottom: 135px; right: 50px;
	background:#60514f;
	color:#fff; font-size: 1em;
	font-weight: 500;
	text-align: center; line-height: 4.5em;
	display: none; z-index: 999;
}
.toTOP:hover { opacity:.8;}
.toTOP a, .toTOP a:link, .toTOP a:visited { color:#fff; text-decoration: none;}
.toTOP::before {
	content:'▲';
	position: absolute; top: -20px; left: 18px;
}
.toTOP.btnShow { 
	display: block;
	animation-name: ani-btnShow;
	animation-duration: 3.5s;
	animation-iteration-count: 0;
    animation-direction: alternate-reverse;
}
@keyframes ani-btnShow {
    0%{ 
		bottom: 90px;
		opacity: 0.0;
    }
    100%{
		
		bottom: 105px;
		opacity: 1.0;
		
    }
}

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

header { 
	position:absolute; top: 0; 
	width:100%; height: 80px;
	margin:0 auto; padding:0;    
	z-index: 1080;
	display: block;
}
.menuCont { width: 1280px; margin: 0 auto;}
.pcNav li.grade {
	border-radius: 4px;
	padding: 0 5px; margin-left: 18px!important;
	color: #000!important;
	position: relative;
	font-size:1.125em;
	font-weight:500;
}
.pcNav li.grade::after { 
	content:'►'; color: #000;
	position: absolute;
	right: -10px; top: 5px;
	font-size: 0.5em;
}
/*.main { margin-top: 98px;}*/
/*內頁logo*/
.logo { 
	width: 195px!important; 
	height: auto!important;   
	position: absolute; 
	margin: 1em; 
	z-index: 3000;
}
.logo img { width: 100%; height: auto; }
/*.inner .logo a{background-image: url("../../images/inner_logo.png"); background-repeat: no-repeat;
      height: 0; width: 100%; display: block;
     padding-bottom: 100%; 
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;}*/

/*.indexH { position: relative; }
.indexH ul.pcNav { margin: 620px auto 0 auto; padding: 1em 1.5em; text-align: center;}
.indexH .pcNav li { display: inline-block; text-align: center; height: 30px; margin: 0.5em;}*/
/*選單文字樣式*/
/*.indexH .pcNav li a { font-size: 1.25em; }
.indexH .pcNav li a:hover, .inner .pcNav li a:hover { color:#f6d851; -webkit-text-stroke-color: #f6d851; }
.indexH .pcNav li a, .inner .pcNav li a { padding: 0;  line-height: 30px; color: #FFF; font-weight: bold; }
.indexH .logoH { margin-bottom: 0.5em;}
.indexH .pcNav li a {display: inline-block;}*/



ul.pcNav { margin: 0; padding: 0; }

/*內頁選單*/
.inner ul.pcNav { 
	width: auto; 
	display: block; 
	top: 0; 
	padding: 1em; 
	margin: 0 auto 0 auto; 
	text-align: right;
	/*position: relative;*/
}
/*選單背景*/
.inner ul.pcNav::after {
	/*content:'';*/
	width: 630px; height: 37px;
	background-color: #646464;
	opacity: .5;
	display:block;
	position: absolute;
	right: 0; top:13px;
	border-radius: 17px;
	z-index:-1;
}
/*下滑選單陰影*/
/*.inner ul.pcNav.navShadow {
  -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
  z-index: 1;
}*/
.pcNav li { display: inline-block; position: relative; }
.inner .pcNav li { margin: 0 .3em; color:#eee;}
.inner .pcNav li.navLine { margin: 0;}
.inner .pcNav li a { font-size: 1.125em; color: #eee; font-weight:500; }
.inner .pcNav li a:hover { color:#8bb665; }
.pcNav li.active a {color:#eee;}
/*.pcNav li a{ display: block; padding: 0.8em 0;}*/


/*.closeBtn { position: absolute;  top: 15px; right: 5.3%; display: none;  width: 35px; height: 35px;cursor:pointer; background-color: transparent;border: 0;}
.closeBtn .line1, .closeBtn .line2 {width: 35px;height: 2px;background-color: #e292aa;display:block;}
.open-closeBtn { display:block; z-index:1085; }
.closeBtn .line1 {-webkit-transform: rotate(45deg) translate(0px, 2px); transform: rotate(45deg) translate(0px, 2px);}
.closeBtn .line2 { -webkit-transform: rotate(-45deg) translate(0px, -2px); transform: rotate(-45deg) translate(0px, -2px);}*/

.grt-mobile-button { display:none; }
.grt-mobile-button:focus { border:0; outline:0; }
header.full { height:100% !important; }

/*滑動logo和nav加陰影*/
/*header.shadow .pcNav, header.shadow.inner img.logo {
	-webkit-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.08);
    -moz-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.08);
    box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.08);
    -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
 }*/


header.changeS { -webkit-animation: MoveBg 0.2s ease-in-out forwards; animation: MoveBg 0.2s ease-in-out forwards; }
@keyframes MoveBg {
    from { height: 98px; }
    to { height: 70px; }
}

header.changeH{ -webkit-animation: MoveBg2 0.2s ease-in-out forwards; animation: MoveBg2 0.2s ease-in-out forwards;     }
@keyframes MoveBg2 {
    from { height: 70px; }
    to { height: 98px; }
}


/*手機版logo下滑*/
/*header.changeS .logo { -webkit-animation: MoveLogo 0.2s ease-in-out 1 forwards; animation: MoveLogo 0.2s ease-in-out 1 forwards;      }
@keyframes MoveLogo {
    from { transform: scale(1); top: auto; margin-top: 0;}
    to {  transform: scale(0.85); top: 19px;margin-top: -25px;}
    from { opacity:1; margin-top: 0;}
    to {  opacity:0;margin-top: -25px;}
}*/

/*手機版logo初始*/
/*header.changeH .logo { -webkit-animation:MoveLogo2 0.2s ease-in-out 1 forwards; animation: MoveLogo2 0.2s ease-in-out 1 forwards;  }
@keyframes MoveLogo2 {
    from { transform: scale(0.85); top: 19px; margin-top: -20px;}
    to {  transform: scale(1); top: auto;  margin-top: 0;}}*/

/*滑動後banner消失*/
/*.banner.fadeOut { -webkit-animation:Fade 0.2s ease-in-out 1 forwards; animation: Fade 0.2s ease-in-out 1 forwards; pointer-events: none; }
@keyframes Fade {
    from { opacity:1;}
    to {  opacity:0;}
}*/

/*首頁選單移動*/
/*header.changeS .pcNav{-webkit-animation: MoveNav 0.2s ease-in-out 1 forwards;animation: MoveNav 0.2s ease-in-out 1 forwards;}
@keyframes MoveNav {
    from { top: 40px;}
    to {  top: 25px;}}

header.changeH .pcNav{-webkit-animation: MoveNav2 0.2s ease-in-out  forwards;animation: MoveNav2 0.2s ease-in-out  forwards;}
@keyframes MoveNav2 {
    from { top: 10px;}
    to {  top: 35px;}}*/



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

h2.title, h2.title2 { 
	font-size: 1.875em; color: #333;
	letter-spacing: 5px;
	font-weight: 500;
	display: block;
	width: 300px;
	text-align: center;
	margin:35px auto;
	background-image: url("../../images/slash.png"), url("../../images/slash.png");
	background-size:39px 66px;
	background-position:left center, right center;
	background-repeat: no-repeat;
}

h2.title span {
	font-size: 0.5em;
	color: #999;
	display: block;
}

.bg-gradient {background: linear-gradient(360deg, rgba(255,255,255,1) 35%, rgba(220,221,220,1) 100%); }
.banner h1 { 
	width:429px; height: 78px;
	display: block;
	font-size: 2.34em; color: transparent; 
	position: relative; top: 88px;
	margin: 180px auto auto auto;
	z-index: 99;
	background-image: url("../../images/title.png");
	background-size: cover;
}


.banner h1 span { 
	font-size: .4em; display: block;
	margin-top: 0px; 
}
.banner { 
	width: 100%; height: 620px;
	margin: 0 auto;
	position: relative;
	background-image: url("../../images/bn-bg.jpg");
	background-size: 3800px 620px;
	background-position: bottom center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.banner div { 
	position:  absolute;
	background-repeat: no-repeat;
}
.bn-bird{
	width:269px; height: 171px; 
	background-image:url("../../images/bn-bird.png");
	background-size: cover;
	position: absolute; z-index: 99;
	top: 40px; left: 30%;
}
.bn-monkey{
	width:620px; height: 408px; 
	background-image:url("../../images/bn-monkey.png");
	background-size: cover;
	position: absolute; z-index: 99;
	top: 260px; left: 350px;
	z-index: 2;
}
.bn-01{
	width:259px; height: 183px; 
	background-image:url("../../images/bn-01.png");
	background-size: cover;
	position: absolute; z-index: 99;
	top: 450px; right: 600px;
}
.bn-02{
	width:347px; height: 399px; 
	background-image:url("../../images/bn-02.png");
	background-size: cover;
	position: absolute; z-index: 99;
	bottom: 5px; right: 285px;
	z-index: 1;
}





/*video*/
.film { 
	margin-bottom: 300px; position: relative;
	
}
.bg-green { position: relative;}
.bg-green::before {
	content:''; z-index:1;
	position: absolute; top: -490px; left: -50px;
	display: block; width: 314px; height: 490px;
	background-image: url("../../images/side-l-0.png");
	background-size: 314px auto;
	background-position: top center;
	background-repeat: no-repeat;
}
.bg-green::after {
	content:''; z-index:1;
	position: absolute; top: -538px; right: -70px;
	display: block; width: 328px; height: 545px;
	background-image: url("../../images/side-r-0.png");
	background-size: 328px auto;
	background-position: top center;
	background-repeat: no-repeat;
}

.film h2 {
	width:406px; height: 186px;
	display: block;
	font-size: 2.34em; color: transparent; 
	position: relative; 
	margin: 139px auto auto auto;
	z-index: 99;
	background-image: url("../../images/topic.png");
	background-size: cover;
}
.video-box {
	z-index: 10;
	border: solid 1px #333;
	padding: 1em;
	width: 1000px;
	margin: 40px auto auto auto;
	box-shadow: 16px -16px 0px 1px rgba(226, 226, 226, 0.9);
	background-color: #fff;
	position: relative;
}
.video-box::before {
	content:'';
	background-image: url("../../images/pic-bug.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 217px; height: 102px;
	display: block;
	position: absolute; top: -100px; right: 50px;
}
.video-cont{
	position: relative;
	padding-bottom: 56.25%; 
    padding-top: 0px;
	height: 0; width: auto;
	overflow: hidden;
	background-color: transparent;
	z-index: 0;/*修復safari圓角overflow失效*/
}
.video-cont iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.video-cont img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}



.t-outdent { text-indent: 0em!important;}
.t-outdent-l { 
	display: block;
	text-indent: 4.6em!important;
}
.t-spacing { letter-spacing: -.1px!important;}


.expert { position: relative;
	margin-bottom: 95px;
	padding-bottom: 20px;
}
.expert h2.title {
	position: absolute;
	left: calc(50% - 150px);
	top: -200px;
}
.expert::before {
	content:'';
	width: 166px; height: 180px;
	display: block;
	background-image:url("../../images/expert.png");
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: -95px; left:calc(50% - 84px);
}
.expert p { color:#e9e8e9; text-align: center;
	width: 700px;
	font-weight: 500;
	margin: auto; padding: 8em 0 3em 0;
	position: relative;
}
.expert p::before {
	content:'{';
	font-size: 6.5em; font-weight: 300;
	position: absolute;
	left: -2em; top: 1em;
}
.expert p::after {
	content:'}';
	font-size: 6.5em; font-weight: 300;
	position: absolute;
	top: 1em; right: -2em;
}
.expert p span { display: block;}
.expert img {
	width: 347px; height: auto;
	position: absolute; left: 0; bottom: -75px
}

.expert .video-box {
	border: #78881b solid 2px;
	padding: 1em;
	width: 700px;
	margin: 40px auto 40px auto;
	box-shadow: none;
}



.item {
	display: flex;
	flex-direction: row;/*元件排序方向*/
	flex-wrap: nowrap;
	justify-content: space-between;/*水平對齊*/
	align-items: center;/*子元素對齊*/
	align-content: center;
	position: relative;
	margin: 6em auto;
	width: 1230px;
}
.item::before {
	content:'';
	width: 10px; height: 59px;
	display: block;
	position: absolute;
	background-color: #333;
	left: -2em;
	top: calc(50% - 30px);
}
.item::after {
	content:'';
	width: 10px; height: 59px;
	display: block;
	position: absolute;
	background-color: #333;
	right: -2em;
	top: calc(50% - 30px);
}
.item-film { width: 762px!important; height: 425px;}
.item-film div img { width: 100%; height: auto;}

.txt { width: 400px;}
h3 {
	font-size: 1.875em;/*30px*/
	line-height: 1.3em;
	font-weight: 500;
}
.notes {
	font-size: 1em;
	font-weight: 300;
	color: #999;
	margin-top: -2em;
}
.description {
	font-size: 1em;
	font-weight: 300;
	margin-top: 2em;
}
.SocialMedia {
	display: flex;
	flex-direction: row;/*元件排序方向*/
	flex-wrap: nowrap;
	justify-content: center;/*水平對齊*/
	align-items: flex-end;/*子元素對齊*/
	align-content: center;
	position: relative;
}
.SocialMedia div {
	width: 121px; height: 160px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	margin:3em 2em; padding-top: 130px;
	color: #88883e;
	font-size: 1em;
	font-weight: 500;
	line-height: 45px;
	text-align: center;
	align-self: flex-end;
	align-items: flex-end;/*子元素對齊*/
	align-content: center;
	position: relative;
}
.SocialMedia div:hover {
	opacity:.8;
}

.SocialMedia a, .SocialMedia a:link, .SocialMedia a:visited { color: #82ac5c;}
.SocialMedia a, .SocialMedia a:link { width: 100%; height: 100%; 
	position: absolute; top:-1px; left: -1px; right: -1px; bottom: -1px;
	padding-top: 120px;
}/*按鈕範圍擴張*/
.ig {
	background-image: url("../../images/ig.png");
}
.yt {
	background-image: url("../../images/yt.png");
}

/*footer*/

footer { 
	color: #2c2c50; font-size:0.9375em; 
	padding: 6em 1em 2.5em 1em; 
	line-height: 1.2;  font-weight: 500;
	text-align: center;
	z-index: 10;
	position: relative;
}
.purpose {
	background-color:#c6b79a;
	border-radius: 1em;
	width: 807px; height: 255px;
	margin: auto auto 55px auto;
	position: relative;
	font-size: 1.25em; color: #333;
}
.purpose .title {
	width: 463px; height: 108px;
	display: block;
	background-image: url("../../images/purposeTitle.png");
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: -25px; left: calc(50% - 231px);
}
.point {
	display: flex;
	flex-direction: row;/*元件排序方向*/
	flex-wrap: nowrap;
	justify-content: center;/*水平對齊*/
	align-items: flex-end;/*子元素對齊*/
	align-content: center;
	position: relative;
	margin: auto;
	padding-top: 70px;
}
.point li { 
	position: relative;
	margin: 35px 30px;
}
.point li:first-child, .point li:nth-child(2) {
	border-right: #fff solid 1px;
	padding-right: 40px;
}
.point li::before {
	content:'';
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%; height: 67px;
	display: block;
	margin-bottom: 10px;
}

.point li:first-child::before {
	background-image: url("../../images/icon01.png");
	background-size: 61px 60px;
}
.point li:nth-child(2)::before {
	background-image: url("../../images/icon02.png");
	background-size: 60px 62px;
}
.point li:nth-child(3)::before {
	background-image: url("../../images/icon03.png");
	background-size: 61px 56px;
}

/*.logo_digi {
	background-image: url("../../images/knsh_digital.png");
	background-size: cover;
	width: 204px; height: 40px;
	display: block;
	margin: 2em auto;;
}*/
footer a, footer a:link {
	/*display: inline;*/
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
	width: auto; height: auto;
}

footer a:hover {
	color: #555;
}
.knsh_digi {
	background: url("../../images/knsh_digital.png") no-repeat;
	background-size: 101px 20px; 
	width: 101px; height: 20px;
	display: block;
	margin: 10px auto;
	
}