@charset "utf-8";
/* CSS Document */

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*# sourceMappingURL=normalize.min.css.map */


/*-----------------------------------------------------*/
/*------------------------Reset--------------------- */
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%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; }
blockquote, q { quotes: none; }
a {text-decoration: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
button {background: transparent;border-radius: 0;border: 0;padding: 0;-webkit-appearance: none;-webkit-border-radius: 0;user-select: none;}
button:focus {outline: 0 none;}
button::-moz-focus-inner {padding: 0;border: 0;}
/*table {border-collapse: collapse;border-spacing: 0;}*/



* { border:none; text-decoration:none; font-family:"微軟正黑體",Arail; font-size:16px; padding:0; margin:0; box-sizing:border-box; max-width:100%; border:0;}
.hs_clear { display: block; overflow: hidden; clear: both; zoom: 1;}

html, body { height: 100%;}

.wow_logo { position:fixed; top:90px; left: 50%; margin-left:-29px; z-index:9997; display:none;}
.wow_logo a {}
.wow_logo img {}

nav { position:relative; z-index:99999;}
#list { position:relative; z-index:999;}

/* 共用內頁 */
.paper_body {}

/* 共用分頁抬頭 */
.paper_title { text-align: center; background: #635C54; padding: 0; margin:0 auto 100px; height:150px;}
.paper_title h2 { text-align: center; font-size: 20px; margin: 0 auto; padding: 40px 10px; width:55px; word-wrap:break-word; color: #635C54; background: #fff; box-shadow:0px 0px 5px #aaa}
.paper_title span { display:inline-block; width:10px; height:6px; border-top:1px #fff solid;}

/* 選單-大分類 */
.header { /*position:absolute; top:0; left:0; z-index:999;*/ width:100%; background:url(../images/ad_service.png) no-repeat center top rgba(255,255,255,0.85); background-size:cover;}
.header table { width:100%; padding-top: 450px;border: none;}
.header table td { vertical-align:middle; background-color: #C4B5A7;line-height: 85%;color: #FFF;}
.header table td:nth-of-type(1) {}
.header table td:nth-of-type(2) { text-align: center;}
.header .rwd_hidden a { display: inline-block; color:#FFF; font-size:15px;width:100px; margin:0 10px;padding: 15px 0; overflow: hidden;position: relative;}
.header .rwd_hidden a * { text-align: center !important;}
.header .rwd_hidden a span { display: block; width:100%; position:relative; transition: transform 100ms; -webkit-transition: -webkit-transform 100ms; -moz-transition: transform 100ms; }
.header .rwd_hidden a span:after { display:block; content: attr(data-en); position: absolute; top: -30px; left:0; width:100%; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
.header .rwd_hidden a.active { color:#000;}
.header .rwd_hidden a.active:before{
	content: "";
	position: absolute;
	background-color: #FFF;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	z-index: 5;
}
.header .rwd_hidden a:hover span,
.header .rwd_hidden a.active span { transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px);color: #FFF;}
.header.follow { overflow: hidden; }

/* 選單-次分類 */
.t_item { line-height:100%; margin:auto; text-align:center; background: #EFEFEF; padding: 50px 0;}
.t_item a { position:relative; display:inline-block; font-size:16px; line-height:24px; height:24px; margin: auto; width:100px; padding:0; overflow: hidden; text-align:center; color:#999; border-right:1px #86807a solid;}
.t_item a:hover,
.t_item a.action { color:#000;}
.t_item a span { display:block; line-height:24px; height:24px; color:#999;}
.t_item a:hover span,
.t_item a.action span { transform: translateY(-24px); -webkit-transform: translateY(-24px); -moz-transform: translateY(-24px);}

/*Animations*/
[data-animate-in]{opacity: 0;transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"]{transform: translate3d(0, 100px, 0);}
[data-animate-in="left"]{transform: translate3d(-100px, 0, 0);}
[data-animate-in="right"]{transform: translate3d(100px, 0, 0);}
[data-animate-in="down"]{transform: translate3d(0, -100px, 0);}
[data-animate-in="scaleIn"]{transform: scale(.5);}
[data-animate-in].in-view{opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transition: transform 1.5s ease, opacity 0.6s ease;}

/* 過濾 */
#i_photo { position: relative;}
.off {
-moz-transform:scale(0.0);
-webkit-transform:scale(0.0);
-o-transform:scale(0.0);
-ms-transform:scale(0.0);
transform:scale(0.0);
-webkit-transition: ease 1s;
-moz-transition: ease 1s;
-ms-transition: ease 1s;
-o-transition: ease 1s;
transition: ease 1s;
width:0 !important;
height:0 !important;
opacity:0 !important;
margin:0 !important;
}

/* 首頁文字敘述 */
.i_info1 { background:#FFF; text-align:center;padding: 130px 0 0 0;}
.i_info1 h3 { font-size: 18px; color: #121212; line-height: 175%;}
.i_info2 { background:#FFF; text-align:center;}
.i_info2 p{font-family:Arial, Helvetica, sans-serif; display:inline-block;font-size:15px;color: #666680;padding: 20px 0 0 0;}
.i_info1 span { display:inline-block; width:14px; height:6px; border-top:1px #fff solid;}


/* 頁尾 */
.index_foot {
	display: block;
	margin: 0 auto;
	padding: 80px 0 0 0;
	color: #FFF;
	background-color: #9D9D9D;
}

.copy{
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background-color: #434343;
	margin-top: 75px;
	padding: 12px 0;
}
.copy p, .copy a{color:#FFF;font-size:12px;}

.footer_content{
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.footer_logo > a{display: block;margin-bottom: 2.5vw;}
.footer_link a{margin: 0 5px;}

.footer_text h4{
  font-family: 'Cinzel';
  font-size: 20px;
  margin-bottom: 1vw;
}

.footer_text a{
  display: block;
  font-size: 14px;
  color: #FFF;
  line-height: 120%;
  margin-top: 10px;
}


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

	.index_foot{padding: 40px 0 0 0;}

  .footer_logo{width: 100%;margin-bottom: 20px;}
  .footer_logo > a{margin-bottom: 10px;}
  .footer_text{width: 100%;}

  .copy{margin-top: 40px;}

}