@charset "utf-8";
/* CSS Document */
dl,dt,dd,time{margin:0;padding:0}
img{
	border: 0;
	font-size: 10px;
	
	
}
a{
	text-decoration: none;
	color: #999;
}
ul {
	margin: 0px;
	padding: 0px;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width: 1000px;
}
.tw {
	font-family: "微軟正黑體", "Century Gothic";
}
.en {
	font-family: Verdana, Geneva, sans-serif;
}
.ja {
	font-family: "微軟正黑體", "Century Gothic";
}
.ge {
	font-family: Verdana, Geneva, sans-serif;
}








#mainwrapper_in {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 0px;
	z-index: 1000;
	background-image: url(../images/by.png);
}
#up-menu {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	position: relative;
}
#logo {
	float: left;
	width: 280px;
	position: absolute;
	left: 0px;
	margin-top: 10px;
}
#menu {
	background-image: url(../images/submenu_bg.png);
	position: absolute;
	top: 0px;
	right: 0px;
	-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;
	color: #FFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 10pt;
}
#menu samp {
	font-family: "微軟正黑體", "Century Gothic";
	font-size: 10pt;
	margin-right: 5px;
	margin-left: 5px;
}
#menu samp a {
	color: #FFF;
	text-decoration: none;
}
#menu samp a:hover {
	color: #FF0;
}


#main-Menu {
	float: right;
	width: 700px;
	margin-top: 60px;
	position: relative;
}


.flipmenu {
	position: absolute;
	right: 0px;
	font-weight: normal;
}


.flipmenu_box {
	overflow: hidden;
	position: relative;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	clip: rect(auto,20px,auto,20px);
	float: left;
	width: 120px;
	text-align: right;
	letter-spacing: 3pt;
	text-shadow: 1px  1px  1px  #000000;
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;

}


.flipmenu_link,
.flipmenu_link_over,
.flipmenu_link_active {
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	cursor: pointer;
	white-space: pre;
	position: absolute;
	font-size: 14pt;
	line-height: 20px;
}

.flipmenu_link {
    top: 0px;
    left: 0px;
}
.flipmenu_link_over, 
.flipmenu_link_active {
	color: #00CCFF;
}
#flip_menu1 .tw {
	letter-spacing: 4pt;
	}
#flip_menu1 .en {
	letter-spacing: 2pt;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;

}









#Home_Middle {
	background-image: url(../images/submenu_by.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#Home_Middle .detail {
	height: 200px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#footer2 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	margin-top: 10px;
	font-size: 10pt;
	line-height: 18pt;
	color: #999;
	float: left;
}
footer {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#footer2 .copyright {
	color: #999;
	float: left;
	font-family: Segoeui, Arial, Verdana, serif;
	font-size: 11px;
	line-height: 40px;
}
.f_contact {
	margin-top: 30px;
	margin-bottom: 10px;
	float: left;
	width: 1000px;
}
.f_contact li{
	list-style: none;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	background-image: url(../images/li_adr.png);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	font-family: Segoeui, Arial, Verdana, serif;
	font-size: 12px;
	line-height: 18px;
	float: left;
}

.f_contact li+li{
	background-image: url(../images/li_phone.png);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
.f_contact li+li+li{background: url(../images/li_phone2.png) no-repeat 0px 50%;}
.f_contact li+li+li+li{background: url(../images/li_let.png) no-repeat 0px 50%;}

#FB {
	margin-left: 15px;
	width: 100px;
	float: left;
	margin-top: 10px;
}
#Login {
	margin-left: 15px;
	float: right;
	margin-top: 5px;
	background-image: url(../images/icon05.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-size: 10pt;
}

#Home_Middle .detail .Home_news {
	position: relative;
	width: 348px;
	height: 160px;
	overflow: hidden;
	float: left;
	background-color: #CCCCCC;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#Home_Middle .detail .Home_news .Title {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
}
#Home_Middle .detail .Home_news a {
	color: #FFF;
}
#Home_Middle .detail .Home_news .nore {
	position: absolute;
	top: 20px;
	right: 30px;
}
#Home_Middle .detail .Home_news .nore a {
	color: #FFF;
}
#Home_Middle .detail .Home_news .map {
	float: left;
	height: 100px;
	width: 150px;
	margin-right: 10px;
	background-color: #FFF;
	margin-left: 10px;
	overflow: hidden;
}
#Home_Middle .detail .Home_news .Title2 {
	float: left;
	width: 160px;
	overflow: hidden;
	margin-left: 10px;
	font-size: 11pt;
	margin-bottom: 10px;
	height: 40px;
	overflow: hidden;
}
#Home_Middle .detail .Home_news  .detail {
	width: 160px;
	margin-left: 10px;
	float: left;
	font-size: 10pt;
	color: #666;
	height: 44px;
	overflow: hidden;
	line-height: 20px;
}









/*--------------------------------------------------------------------------------------------------------------
 *  main
 *--------------------------------------------------------------------------------------------------------------*/
.m_con2_left {
	position: relative;
	width: 612px;
	height: 200px;
	overflow: hidden;
	float: left;
	background-color: #e4e4e4;
}
.m_con2:after {content:"";display:block;clear:both;width:100%}
.m_con2_left dl {position:relative;text-align:center;float:left;}
.m_con2_left dl dt {padding-top:30px;width:203px;height:173px;border-right:1px solid #87daf1;}
.m_con2_left dl dt > a {
	display: block;
	width: 80px;
	font-size: 10pt;
	color: #FFF;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 1px solid #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.m_con2_left dt span {
	color: #FFF;
}
.m_con2_left dt .tw {
	letter-spacing: 4pt;
	font-size: 14pt;
}
.m_con2_left:after {content:"";display:block;clear:both;width:100%}
.m_con2_left > dl > dt {
	background-image: url(../images/m_con-01.png);
	background-repeat: no-repeat;
	background-position: 50% 80%;
	background-color: #5FCDEE;
}
.m_con2_left > dl + dl > dt {
	background-image: url(../images/m_con-02.png);
	background-repeat: no-repeat;
	background-position: 50% 80%;
}
.m_con2_left > dl + dl + dl > dt {
	background-image: url(../images/m_con-03.png);
	background-repeat: no-repeat;
	background-position: 50% 80%;
}
.btn_quick_more2 {width:28px;position:absolute;top:25px;right:1px;}
.m_con2_left dl dd {
	width: 407px;
	position: absolute;
	top: 0;
	left: 203px;
	background-color: #5FCDEE;
	height: 200px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CDF0FA;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.m_con2_left .term {
}

.m_con2_left .narrative {
	font-size: 10pt;
	line-height: 18pt;
	width: 200px;
	margin-top: 30px;
	margin-left: 30px;
	float: left;
	height: 150px;
	color: #FFF;
	text-align: left;
	overflow: hidden;
}
.m_con2_left .narrative2 {
	font-size: 10pt;
	line-height: 18pt;
	width: 250px;
	margin-top: 30px;
	margin-left: 30px;
	float: left;
	height: 75px;
	color: #FFF;
	text-align: left;
	overflow: hidden;
}
.m_con2_left .term {
	position: absolute;
	bottom: 20px;
	left: 30px;
	text-align: left;
}
.m_con2_left .term a {
	color: #FF9;
	background-image: url(../images/o2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	width: 200px;
	padding-left: 30px;
	font-size: 10pt;
	line-height: 20px;
}


.m_con2_left .one {
	background-image: url(../images/con_main_quick1.jpg);
	
}
.m_con2_left .two {
	background-image: url(../images/con_main_quick2.jpg);
	
}
.m_con2_left .Three {
	background-image: url(../images/con_main_quick3.jpg);
	
}
#Middle {
	width: 100%;
	float: left;
	display: block;
	padding: 0;
	min-height: 328px;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -170px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 1000;
	position: relative;
}
#mid {
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	padding-top: 2px;
}
#mid .position {
	font-size: 10pt;
	line-height: 18px;
	margin-top: 30px;
	margin-right: 30px;
	float: right;
	position: absolute;
	z-index: 100000;
	top: 0px;
	right: 0px;
}
#substance {
	width: 1000px;
	margin-top: 70px;
}












.menu-inner {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 5px;
	width: 950px;
	float: left;
	margin: 45px;
}


.menu-inner .tw{
	letter-spacing: 2pt;	
}
.menu-inner .en{
	letter-spacing: 0pt;	
}
.menu-inner .ja{
	letter-spacing: 2pt;	
}
.menu-inner .ge{
	letter-spacing: 0pt;	
}


.menu-inner ul li {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	float: left;
	list-style-type: none;
	margin-bottom: 15px;
	margin-top: 15px;
}
.menu-inner ul li a {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 13px;
}
.menu-inner ul li a:hover {
		margin-bottom: 15px;
	color: #06F;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #09F;
}

#Title {
	float: left;
	width: 680px;
	margin-bottom: 20px;
	font-size: 15pt;
	margin-left: 50px;
}
.high-up {
	margin-top: 40px;	
}
#Title .Big {
	font-family: Arial;
	font-size: 36pt;
	font-weight: normal;
	float: left;
}
#Title .Small {
	font-size: 12pt;
	font-weight: bold;
	color: #333;
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	
}
#Title .tw {
	font-family: "微軟正黑體", "Century Gothic";
	letter-spacing: 2pt;
	
}
#Title .en {
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 0pt;	
}
#Title .ja {
	font-family: "微軟正黑體", "Century Gothic";
	letter-spacing: 0pt;
	
}
#Title .ge {
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 0pt;
	
}
#word {
	float: left;
	width: 940px;
	margin-right: 50px;
	margin-left: 50px;
}

#Newsitem1 {
	width: 720px;
	float: left;
}
#Newsitem1 .sort1
{
	font-size: 11pt;
}

#Newsitem1 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}
#Newsitem1 ul li {
	background-image: url(images/dash.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	width: 720px;
}
#Newsitem1 ul li a {
	display: block;
	text-decoration: none;
	color: #666;
	font-size: 10pt;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 18pt;
}
#Newsitem1 ul li:hover{
	border-color: #333;
	background-color: #F0F0F0;
	color: #000;
}
#Newsitem1 ul li .Date   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: center;
	width: 100px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#Newsitem1 ul .Date2 {
	width: 100px;
	color: #FFF;
	background-color: #5FCDEE;
	float: left;
	font-size: 12pt;
	line-height: 35px;
	text-align: center;
	height: 35px;
	margin-left: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#Newsitem1 ul .tw {
	letter-spacing: 5pt;
}
#Newsitem1 ul .en {
	letter-spacing: 0pt;
}
#Newsitem1 ul .ja {
	letter-spacing: 5pt;
}
#Newsitem1 ul .ge {
	letter-spacing: 0pt;
}


#Newsitem1 ul li a .Date span {
	text-align: center;
	float: left;
	width: 130px;
	margin: 0px;
}

#Newsitem1 ul li a .Messagetopic   {
	width: 385px;
	padding-left: 30px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/disk.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#Newsitem1 ul .Messagetopic2 {
	width: 417px;
	color: #FFF;
	text-align: center;
	height: 35px;
	float: left;
	font-size: 12pt;
	line-height: 35px;
	background-color: #5FCDEE;
	padding-top: 5px;
	padding-bottom: 5px;
}

#Newsitem1 ul .Line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
















/*-------頁碼-------*/
	
	.quotes {
	text-align: center;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: 10pt;
	width: 100%;
	margin-top: 20px;
	float: left;
	}
	
	
	.quotes a {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #ddd;
		
		text-decoration: none; 
		color: #aaa;
	}
	.quotes a:hover, div.pagination a:active {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #a0a0a0;
	}
	.quotes span.current {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #e0e0e0;
		font-weight: bold;
		background-color: #f0f0f0;
		color: #aaa;
	}
	.quotes span.disabled {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #f3f3f3;
		color: #ccc;
	}
	
	
	
/*-------右邊選單-------*/	
	
#prefecture-by {
	background-image: url(../images/submenuBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 600px;
	position: relative;
	float: left;
	width: 1030px;
}
#Right-menu {
	float: left;
	width: 220px;
}
#Right-menu .menutitle {
	background-image: url(../images/menubline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-right: 15px;
	padding-left: 30px;
	font-size: 16pt;
	font-weight: bold;
	padding-top: 20px;
}	

#Right-menu .Options a{
	background-image: url(../images/submenuoff.jpg);
	background-position: center bottom;
	width: 185px;
	border-bottom: 1px solid #fff;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
}
#Right-menu .Options a:hover {
	color: #FFF;
	background-image: url(../images/submenuon.jpg);
	background-position: center top;
}

#Right-menu .top {
	padding-bottom: 50px;
	float: left;
}
#Right-menu .top li {
	float: left;
	background-image: url(../images/enlink01351676469.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 110px;
	width: 180px;
	overflow: hidden;
	padding: 20px;
}
#Right-menu .top li .Date {
	float: left;
	width: 90px;
	margin-bottom: 10px;
}
#Right-menu .top li .Title {
	float: left;
	width: 180px;
	font-size: 10pt;
	line-height: 20pt;
	font-family: "微軟正黑體", "Century Gothic";
	font-weight: bold;
	display: block;
	height: 70px;
	overflow: hidden;
	margin-top: 10px;
}



#Right-menu .top li .sort {
	color: #39F;
	float: left;
	display: block;
	text-align: right;
}
#Right-menu  .top li .tw {
	font-family: "微軟正黑體", "Century Gothic";
	width: 80px;
}
#Right-menu .top li .en {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	width: 80px;
}
#Right-menu .top li .ja {
	font-family: "微軟正黑體", "Century Gothic";
	width: 90px;
	font-size: 10px;
}
#Right-menu .top li .ge {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	width: 80px;
}


#Right-Content {
	width: 720px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 70px;
	float: right;
}





/*-------最新消息-------*/	

#news-content {
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
	width: 670px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-left: 30px;
}
#news-content ul {
	list-style-type: none;	
}
#news-content .Article {
	float: left;
	width: 660px;
	padding-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	position: relative;
}
#news-content .Article .Previous {
	position: absolute;
	left: 5px;
	top: 8px;
}

#news-content .Article .sort {
	height: 40px;
	margin-bottom: 15px;
	overflow: hidden;
	text-align: right;
	float: right;
}
#news-content .Article .sort .first {
	background: url(../images/tree01.gif) no-repeat left top;
	width: 10px;
	height: 40px;
	float: left;
}
#news-content .Article .sort .mid {
	background: url(../images/tree02.gif) repeat-x right top;
	color: #666;
	font-size: 11px;
	height: 35px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#news-content .Article .sort .last {
	background: url(../images/tree03.gif) no-repeat left top;
	width: 10px;
	height: 40px;
	float: left;
}
#news-content .Article .Content {
	float: left;
	width: 660px;
	font-size: 10pt;
	line-height: 20pt;
}
#news-content .Article .Content .detail {
float: right;	width: 450px;
	font-size: 10pt;
	line-height: 20pt;
	height: 45px;
	overflow: hidden;
}
#news-content .Article .Content .more {
	float: right;
	margin-right: 10px;
}
#news-content .Article .Content .Date {
	font-size: 10pt;
	color: #666;
	float: left;
	margin-bottom: 5px;
}
#news-content .Article .Content .Title {
	float: left;
	width: 450px;
	font-size: 16pt;
	color: #399;
	margin-bottom: 15px;
	font-weight: bold;
	height: 50px;
	overflow: hidden;
}
#news-content .Article .Content .map {
	height: 120px;
	width: 180px;
	overflow: hidden;
	background-color: #CCC;
	float: left;
	margin-right: 30px;
	
}
#news-content .Article .Content .Contentss {
	font-size: 11pt;
	margin-bottom: 15px;
	line-height: 16pt;
}
#news-content .Article .Content .tw {
	letter-spacing: 2pt;
}
#news-content .Article .Content .en {
	letter-spacing: 0pt;
}
#news-content .Article .Content .more a {
	font-size: 10pt;
	color: #666;
	float: left;
	margin-top: 10px;
}










/*-------人員招募-------*/
#Hiring {
	float: left;
	width: 720px;
}
#Hiring2 {
	float: left;
	width: 720px;
	
}
#Hiring2 h1{
	font-family: "微軟正黑體";
	color: #333;
	font-size: 30px;
	font-weight: normal;
	margin-top: 50px;
	margin-left: 30px;
}
#Hiring2 p{
	width: 265px;
	color: #666;
	font-size: 10pt;
	margin-left: 30px;
}
#Hiring2 .tw{
	line-height: 18pt;
}
#Hiring2 .en{
	line-height: 14pt;
}
#Hiring2 .ja{
	line-height: 18pt;
}
#Hiring2 .ge{
	line-height: 14pt;
}

#Hiring2 h2{
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12pt;
	font-weight: bold;
	padding-top: 100px;
}

#Hiring ul {
	float: left;
	width: 700px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	border: 1px solid #999;
	position: relative;
	list-style-type: none;
}
#Hiring ul li {
	float: left;
}
#Hiring ul .Left {
	width: 449px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #999;
	font-size: 10pt;
	line-height: 20pt;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#Hiring ul .Left .Narrative {
	float: left;
	color: #666;
}
#Hiring ul .Left p {
	float: left;
	width: 440px;
	margin: 0px;
	padding: 0px;
}
#Hiring ul .Left .Width {
	float: left;
	color: #36C;
}
#Hiring ul .Right {
	float: left;
	width: 180px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#Hiring ul .Right .Unit {
	float: left;
	width: 170px;
	margin-bottom: 15px;
	background-color: #66CCFF;
	padding: 5px;
	margin-top: 10px;
	color: #FFF;
}


#Hiring ul .Right .Name {
	float: left;
	width: 180px;
	margin-bottom: 10px;
	height: 120px;
	overflow: hidden;
}
#Hiring ul .Right .Name a{
	color: #666;	
}
#Hiring ul .Right .Name a:hover{
	color: #06F;
}
#Hiring ul .Right .Date {
	font-size: 10pt;
	line-height: 20pt;
	color: #666;
	float: left;
	width: 200px;
	position: absolute;
	left: 15px;
	bottom: 10px;
}









/*-------客服中心-------*/
.say {
	width: 420px;
	height: 237px;
	padding-right: 480px;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 30px;
	margin-right: 70px;
	margin-bottom: 0;
	margin-left: 70px;
	float: left;
}
.say h3 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	float: left;
	width: 400px;
	margin-bottom: 2px;
	margin-left: 10px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin-top: 10px;
}
.say h2 {
	font-weight: bold;
	color: #39C;
	font-size: 20pt;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	float: left;
}

.say p {
	color: #666;
	float: left;
	width: 440px;
	font-size: 10pt;
	line-height: 20pt;
}
.say .ja{
	color: #666;
	float: left;
	width: 460px;
	font-size: 10pt;
	line-height: 18pt;
	margin-left: 10px;
}
.contact {
	width: 960px;
	background-image: url(../images/ta_bg.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 0;
	margin-bottom: 30px;
	overflow: hidden;
}
.contact table tr td h4 {
font-size: 15px;
color: #444;
font-weight: normal;
padding-bottom: 5px;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.contact table tr td h4 span {
color: #F40201;
margin-left: 2px;
}
.contact table tr td input {
width: 230px;
height: 25px;
border: 1px solid #E0E0E0;
color: #666666;
line-height: 25px;
padding: 1px 0;
}
.contact table tr td {
	padding-top: 0;
	padding-bottom: 15px;
	padding-right: 20px;
	padding-left: 10px;
}
.contact table tr td textarea {
	width: 400px;
	height: 118px;
	border: 1px solid #E0E0E0;
}
.contact table tr td select {
	width: 230px;
	height: 30px;
	background-color: transparent;
	border: 1px solid #E0E0E0;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.loginsubmit2 a{
	height: 35px;
	line-height: 35px;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 12pt;
	border: none;
	cursor: pointer;
	text-decoration: none;
	float: right;
	margin-top: 20px;
	width: 100px;
	background-color: #CCCCCC;
}
.loginsubmit2 a:hover{
	background-color: #F90;
}




/*位置圖*/

#map {
	width: 960px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	position: relative;
}
#map .Black {
height: 100px;
width: 960px;
position: absolute;
left: 0px;
bottom: 0px;
background-image: url(../images/index-btnbg.png);
}
#map .Black .photo {
height: 80px;
width: 200px;
float: left;
overflow: hidden;
margin-top: 10px;
margin-right: 30px;
margin-bottom: 10px;
margin-left: 10px;
}
#map .Black .writing {
float: left;
height: 80px;
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
color: #FFF;
line-height: 18pt;
}









#word .Projectword2 {
	padding-top: 40px;
	padding-bottom: 50px;
	line-height: 18pt;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}







figure {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	text-align: center;
	cursor: pointer;
	background-color: #006699;
	height: 230px;
}

figure.effect-milo {
	
}
figure .wh230 {
	width: 230px;
	overflow: hidden;
	position: relative;
}
figure .wh480 {
	width: 480px;
	overflow: hidden;
	position: relative;


}
figure.effect-milo img {
	width: -webkit-calc(100+ 80px);
	width: calc(100% + 80px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-top: 10pt;
	padding-right: 10pt;
	padding-left: 10pt;
	font-size: 12pt;
	font-weight: bold;
	text-shadow: 1px  1px  1px  #000000;
	color: #FFF;
	text-align: right;
}

figure.effect-milo p {
	width: 180px;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	position: absolute;
	top: 0px;
	left: 10px;
	color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 10px;
	line-height: 15pt;
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.grid figure figcaption, .grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 230%;
	height: 230%;
}





















.navigation-inner {
	float: right;
	width: 740px;
	margin-top: 60px;
	position: relative;
}
.navigation-inner .navigation-v3{
	_margin-left: 10px
}
.navigation-inner .navigation-v3 ul{
	float: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.navigation-inner .navigation-v3 li{
	float: left;
	list-style-type: none;
	text-shadow: 1px  1px  1px  #000000;
	color: #FFF;
}

.navigation-inner .navigation-v3 .nav-up-selected{
		color: #FFF;

}
.navigation-inner .navigation-v3 .nav-up-selected-inpage{
	color: #FFF;
}
.navigation-inner .navigation-v3 li a{
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	color: #FFF;
	color: #333 \9; /*IE6、IE7、IE8背景變紅色*/
}
.navigation-inner .navigation-v3 .tw{
	padding-right: 20px;
	padding-left: 20px;
	letter-spacing: 2pt;
	font-size: 14pt;
}
.navigation-inner .navigation-v3 .en{
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14pt;

}
.navigation-inner .navigation-v3 .ja{
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14pt;

}.navigation-inner .navigation-v3 .ge{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14pt;

}











.navigation-down{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 100%;
	z-index: 10000;
}
.navigation-down .nav-down-menu{
	width: 100%;
	margin: 0;
	position: absolute;
	top: 0px;
	background-color: rgba(20%,20%,20%,0.5);
}
.navigation-down .nav-down-menu .navigation-down-inner{
	margin: auto;
	width: 1000px;
	position: relative
}
.navigation-down .nav-down-menu dl{
	float: left;
	margin-top: 10px;
	margin-right: 80px;
	margin-bottom: 10px;
	margin-left: 0;
}
.navigation-down .menu-1 dl{
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20;
}
.navigation-down .menu-1 .tw{
	letter-spacing: 3pt;	
	font-size: 11pt;
}
.navigation-down .menu-1 .en{
	font-size: 11pt;
}.navigation-down .menu-1 .ja{
	letter-spacing: 2pt;	
	font-size: 11pt;
}.navigation-down .menu-1 .ge{
	letter-spacing: 0pt;	
	font-size: 11pt;
}

.navigation-down .menu-1 dd a{
	color: #fff;
}
.navigation-down .menu-1 dd a:hover{
	color: #66FFFF;
}
#Middle #mid #word table tr td ul .map {
	position: absolute;
	top: 52px;
	right: 72px;
}




#word .Branches {
	width: 900px;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
	float: left;
}


.Branches .picture {
	padding: 5px;
	width: 300px;
	border: 1px solid #CCC;
	float: left;
	margin-left: 10px;
}
.Branches .Writing .bplace ul .nametitle {
	font-size: 12pt;
	line-height: 20pt;
	color: #360;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 20px;
}

.Branches .Writing {
	float: left;
	margin-right: 10px;
	margin-left: 35px;
}
.Branches .Writing .bplace {
	float: right;
	width: 530px;
}
.Branches .Writing .bplace ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 530px;
}
.Branches .Writing .bplace ul li {
	float: left;
	width: 530px;
	list-style-type: none;
	margin-bottom: 10px;
	font-size: 10pt;
	line-height: 15pt;
}
.Branches .Writing .bplace ul li span {
	font-weight: bold;
	color: #006666;
	display: block;
	font-size: 11pt;
	float: left;
}