@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
body{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;}

html, body { 
	height: 100%;
	font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
	background-image:url(../images/concrete_seamless.png);
	background-position:left top;
	background-repeat:repeat;}
a{
	text-decoration:none;
}
.wrap {
 min-height: 100%;
 *display: table; /* For IE7 Hack */
 *height: 100%; /* For IE7 Hack */
}

/*===HEADER===*/
.header{
	position: absolute;
	width:100%;
	height:110px;
	top:0px;
	left:0px;
	font-size:18px;
	color:#000;
	background-color:rgba(75, 75, 75, 0.9);
	z-index:8888;}

.logo_page{
	float:left;
	width:201px;
	height:80px;
	margin:15px 15px 0 15px;}
	
.logo_page h1{
	display:block;
	width:201px;
	height:80px;
	background-image: url(../images/logo_page.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.main_nav{
	float:left;
	margin-top:60px;}
	
.main_nav ul{}

.main_nav ul li{
	float:left;}

.main_nav ul li a{
	display:block;
	
	font-size:18px;
	color:#FFF;
	margin:5px;
	padding:5px;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	outline:none;}

.main_nav ul li a:hover{
	color:#1bbc9b;
	background-color:#fff;}
	
.top_links{
	position:absolute;
	top:5px;
	right:5px;
	margin-top:0px;}
	
.top_menu{
	float:right;}

.top_menu ul{}

.top_menu ul li{
	float:right;}

.top_menu ul li a{
	display:block;
	font-size:15px;
	color:#FFF;
	font-weight:100;
	margin:5px 10px 0 0;
	padding-right:10px;
	border-right:1px dotted #fff;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	outline:none;}
	
.top_menu ul li a.fb_icon{
	display:block;
	width:15px;
	height:29px;
	text-indent:-9999px;
	margin:0 10px 0 0;
	background-image:url(../images/fb_toplinks.png);
	background-position:left top;
	background-repeat:no-repeat;
	border-right:0px solid #fff;}
	
.top_menu ul li a.top_contact{
	display:block;}
	
.top_menu ul li a.top_notice{
	display:block;}
	
.top_menu ul li a.top_home{
	display:block;}

.top_menu ul li a:hover{
	color:#b89a83;}
	
/*===ARTICLE===*/
.main { overflow:auto; padding-bottom: 70px; } /* must be same height as the footer */

.container {
	position:relative;
	z-index:300;}
	
.primary_content_wrap{
	position:relative;
	margin:0 auto;
	width:85%;
	min-height:500px;
	background:rgba(255, 255, 255, .9);
	margin-top:450px;
	padding-bottom:30px;}
	
.page_head{
	position:relative;
	width:100%;
	height:58px;
	margin-bottom: 50px;
	}
	
.page_title{
	position:absolute;
	height:78px;
	top:-30px;
	left:0px;
	}

.page_title h2{
	float:left;
	display:block;
	height:78px;
	line-height:78px;
	padding:0 45px 0 90px;
	background-color:#b89a83;
	font-size:50px;
	font-weight:100;
	color:#FFF;}
	
.title_arrow{
	float:left;
	width: 0;
	height: 0;
	margin-top:48px;
	border-style: solid;
	border-width: 9px 0 9px 13.0px;
	border-color: transparent transparent transparent #b89a83;}
	
.page_title h3{
	display:block;
	float:left;
	color:#4b4b4b;
	font-size:36px;
	font-weight: bolder;
	padding-top:29px;}

/*===FOOTER===*/
.footer{
	position: relative;
	margin-top: -65px; /* negative value of footer height */
	height: 50px;
	clear:both;
	z-index:9999;
	width:98%;
	padding:10px 1% 5px 1%;
	font-size:12px;
	color: #FFF;
	text-align:right;
	background-color:rgba(75, 75, 75, 1);}
	
.FooterLogo{
	float:left;
	height:17px;
	line-height:17px;
	font-size:16px;
	color: #FFF;
	padding-left:25px;
	margin-right:20px;
	background-image:url(../images/footer_logo.png);
	background-position:left top;
	background-repeat:no-repeat;}
	
.FooterNav{
	overflow:hidden;}

.FooterNav a{
	display:block;
	float:left;
	font-size:15px;
	color: #FFF;
	margin-top:2px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #fff;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	outline:none;}
	
.FooterNav a:hover{
	color:#3d70ce;
	}

.copyright{
	clear:both;
	float:right;
	margin-top:5px;}
	
a.line_end{
	border-right:0px solid #fff;}
	
.rwd-break{
	display:none;}
	
@media screen and (max-width: 1024px) {
	
.header{
	position:fixed;
	height:50px;
	z-index:9998;}
	
.logo_page{
	float:left;
	width:201px;
	height:36px;
	margin:3px 0 0 80px;}
	
.logo_page h1{
	display:block;
	width:201px;
	height:36px;
	background-image: url(../images/page_logo_tn.png);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:27px;
	font-size:20px;
	color:#FFF;
	text-indent:0px;
	margin-top:8px;}
	
.logo_page h1 a{
	color:#FFF;}
	
/*===ARTICLE===*/
.main { overflow:auto; padding-bottom: 70px; } /* must be same height as the footer */

.primary_content_wrap{
	position:relative;
	margin:0 auto;
	width:85%;
	min-height:500px;
	background:rgba(255, 255, 255, .9);
	margin-top:350px;
	padding-bottom:30px;}
	
.page_title{
	position:absolute;
	height:78px;
	top:-20px;
	left:0px;
	}
	
.page_title h2{
	height:63px;
	line-height:63px;
	padding:0 30px 0 90px;
	background-color:#b89a83;
	font-size:42px;}
	
.title_arrow{
	margin-top:40px;
	border-width: 8px 0 8px 11.0px;}
	
.page_title h3{
	display:block;
	float:left;
	color:#4b4b4b;
	font-size:36px;
	font-weight:bold;
	padding-top:20px;}
	
/*===FOOTER===*/
.footer{
	position: relative;
	margin-top: -65px; /* negative value of footer height */
	height: 50px;
	clear:both;
	z-index:9999;
	width:98%;
	padding:10px 1% 5px 1%;
	font-size:12px;
	color: #FFF;
	text-align:right;
	background-color:rgba(0, 0, 0, 0.75);}
	
.FooterLogo{
	float:left;
	height:17px;
	font-size:16px;
	color: #FFF;
	padding-left:25px;
	margin-right:20px;
	background-image:url(../images/footer_logo.png);
	background-position:left top;
	background-repeat:no-repeat;}
	
.FooterNav{
	overflow:hidden;}

.FooterNav a{
	display:block;
	float:left;
	font-size:14px;
	color: #FFF;
	margin-top:2px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #fff;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	outline:none;}
	
.FooterNav a:hover{
	color:#00bbcb;
	}

.copyright{
	clear:both;
	float:right;
	margin-top:5px;}
	
a.line_end{
	border-right:0px solid #fff;}
	
.rwd-break{
	display:none;}
	
	}
@media screen and (max-width: 768px) {
	
/*===ARTICLE===*/
.main { overflow:auto; padding-bottom: 85px; } /* must be same height as the footer */
	
.footer{
	position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 65px;
	clear:both;
	z-index:9999;
	width:98%;
	padding:10px 1% 5px 1%;
	font-size:12px;
	color: #FFF;
	text-align:right;
	background-color:rgba(0, 0, 0, 0.75);}	
	
	}	
@media screen and (max-width: 640px) {
	
.top_links{
	display:none;
	position:absolute;
	top:0px;
	right:5px;
	margin-top:0px;}	
	
.primary_content_wrap{
	margin:0 auto;
	width:100%;
	min-height:500px;
	background:rgba(255, 255, 255, .9);
	margin-top:0px;
	padding-bottom:50px;}
	
.page_head{
	width:100%;
	height:58px;
	position:relative;
	margin-bottom:20px;}
	
/*===ARTICLE===*/
.main { overflow:auto; padding-bottom: 155px; } /* must be same height as the footer */
	
.page_title{
	position: static;
	height:58px;
	top:0px;
	left:0px;
	}

.page_title h2{
	height:58px;
	line-height:58px;
	padding:0 25px 0 75px;
	font-size:36px;}
	
.title_arrow{
	clear:both;
	float: none;
	width: 0;
	height: 0;
	margin-top:0px;
	margin-left:50px;
	border-style: solid;
	border-width: 11.0px 9px 0 9px;
	border-color: #b89a83 transparent transparent transparent;}
	
.page_title h3{
	display:block;
	float:left;
	color:#4b4b4b;
	font-size:32px;
	font-weight:bold;
	margin-left:10px;
	padding-top:0px;}
	
/*===FOOTER===*/
	
.footer{
	position: relative;
	margin-top: -190px; /* negative value of footer height */
	height: 170px;
	clear:both;
	width:97%;
	padding:15px 1% 5px 2%;
	font-size:12px;
	color: #FFF;
	text-align:right;
	background-color:rgba(0, 0, 0, 1);
	z-index:8888;}	
	
.FooterLogo{
	margin-right:10px;}
	
.FooterNav{
	margin-bottom:8px;
	overflow:hidden;}
	
.FooterNav a{
	display:block;
	width:72px;
	float:left;
	font-size:12px;
	color: #FFF;
	text-align:left;
	margin-top:0px;
	margin-right:5px;
	padding-right:10px;
	padding-bottom:5px;
	border-right:1px solid #fff;}
	
.line_end{
	border-right:1px solid #fff;}
	
.rwd-break{
	display:block;}
	
.copyright_en{
	display:none;}
	
	}