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

@font-face{
	font-family: 'Roboto';
	src:url('Roboto-Regular.ttf') format('truetype');
	font-weight:normal;
}

@font-face{
	font-family: 'Roboto';
	src:url('Roboto-Medium.ttf') format('truetype');
	font-weight:500;
}

@font-face{
	font-family: 'Roboto';
	src:url('Roboto-Bold.ttf') format('truetype');
	font-weight:bold;
}

@font-face{
	font-family: 'Roboto';
	src:url('Roboto-BoldItalic.ttf') format('truetype');
	font-weight:bold; font-style:italic;
}

* {-webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
span.E1 {border: 1px solid#747373;border-radius: 50%;padding: 2px;}
body {width:100%; margin:0; padding:0; color:#474747; text-align:center; font-size:12px; font-family:'Roboto', Arial, Helvetica, sans-serif; }

ul, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, p, td, th {margin:0; padding:0;}
	ul, dl ,ol {list-style:none;}
sub, sup { 	font-size: 75%;	line-height: 0; 	position: relative; 	vertical-align: baseline; }
sup { 	top: -0.5em; }sub { 	bottom: -0.25em; }

form {margin:0;}

img{border:0; padding:0; }


a {color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
	a:hover {text-decoration:underline;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none;}

/*\*/ * html .autoheight {height: 1%;} /**/ *>.autoheight{overflow: hidden;}
text {  font-size:13px; } textarea{font-size:13px; font-family:Verdana;}
input{  font-size:13px; font-family:Verdana; *padding-top:1px;}

.autoheight{height: 1%;}
.autoheight:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

/*截字處理
after{overflow: hidden; white-space: nowrap; TEXT-OVERFLOW: ellipsis;-o-text-overflow: ellipsis;}*/

/*垂直置中
div{ width:500px; height:500px; background-color:#CCCCCC;
display:table-cell; text-align:center; vertical-align:middle; }
div span{ height:100%; display:inline-block; }
div *{ vertical-align:middle;}
*/

/*區塊陰影 */
.shadow{-moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }

/* 計算值
width:calc(100% - 300px); -moz-width:calc(100% - 300px); -webkit-width:calc(100% - 300px); */

#wrap-all{background:url(../images/bg-banner.png) top center no-repeat;}
#wrap-all.company_bg{background:url(../images/company_bg.jpg) top center no-repeat;}
#wrap-all.contact_bg{background:url(../images/contact_bg.jpg) top center no-repeat;}
#wrap-all.event_bg{background:url(../images/event_bg.jpg) top center no-repeat;}

.wrap{width:980px; margin:0 auto; text-align:left; height: 1%; }
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

#header{background:url(../images/bg_header.png) repeat;}
#logo{float:left; padding:10px 10px 10px 30px;}
#nav{float:right;} #nav ul{list-style:none; margin:0; padding:0;}
	#nav li{float:left; margin:0; padding:0;}
	#nav li a{font-size:14px; color:#fff; font-weight:bold; padding:23px 15px; display:block; line-height:16px;}
	#nav li a:hover{text-decoration:none;}
#lang{float:right;}
	#lang li{float:left; margin:0; padding:0;}
	#lang li a{font-size:12px; color:#fff; padding:23px 5px; display:block; line-height:16px;}
	#lang li a:hover{text-decoration:none;}
#banner{}
	#banner-logo{padding:56px 0 2px 0; float:right;}

#middle{ }
#middle .wrap{position:relative; padding-bottom:12px;}
#btn-top{position:absolute; bottom:12px; right:-30px;}
#side{width:233px; float:left; }
#side-ad{margin:8px 0 0 0;}
#side-qr{margin:20px 0; text-align:center;}
#main{min-height:350px; padding-bottom:30px; width:747px; background:#fff; float:right; text-align:left; color: #707070; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; line-height: 18px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75); z-index:80; position:relative; }
#main.font_arial{font-family: Arial,Verdana,Helvetica,sans-serif;}
#title{	background:url(../images/demo_06.gif) no-repeat; height:76px;}
#title h1{ margin:0; padding:36px 10px 10px 70px; font-size:15px; font-weight:bold; color:#2d2d2d}
#map{float:right; padding:2px 31px 0 0 ; color:#999999; font-size:10px}
#map a{	color:#999999; text-decoration:none}
#map a:hover{	color:#666666; text-decoration:underline}
#map a.now{	color:#666666; text-decoration:none}
.flipContent .menuList>.resContent_0>.resContent{padding-top:20px;}

#container h2{font-family:Georgia, "Times New Roman", Times, serif; color:#000000; font-size:20px; margin:0; padding:0; text-transform:uppercase;}
#container{margin:20px auto 0; 	width:705px}
#container .com_info{text-align: justify;}
#container h1{color: #2D2D2D; padding:0; margin:16px 0 10px 0; font-size: 15px;    font-weight: bold;}
#container p{margin-bottom:1em;}
.pto{/*border:1px solid #eaeaea;*/ width:180px; height:135px}
.pto2{border:1px solid #eaeaea; width:62px; height:46px; margin:0 5px 0 0}
.spc{padding:10px 0 0 0; width:420px}
.spc span.font01{color:#1a1a1a}
.font02{ padding-bottom:5px;font-family:Georgia, "Times New Roman", Times, serif;font-size:15px; line-height:20px;color:#1a1a1a}

.line{clear:both;	padding:10px 0}
#page{text-align:center; padding:7px 0}
#page a{font:11px Verdana, Arial, Helvetica, sans-serif;color:#bababa;text-decoration:none; padding:4px;}
#page a:hover, #page a.pagenow	{	color:#000000;	text-decoration:none}


/*contact */
.tdcolor-main04 {	background-color: #eeeeee;	font-size: 9pt;	font-family:"Arial";	color: #868686;	border-top-style: solid;	border-top-width: 2px;	border-top-color: #b4b4b4;	border-bottom-color: #e5e5e5;	border-bottom-width: 1px;	border-bottom-style: solid;}
.tdcolor-main05 {	background-color: #FFFFFF;	font-size: 9pt;	font-family:"Arial";	color: #767B76;	border-top-style: solid;	border-top-width: 2px;	border-top-color: #b4b4b4;	border-bottom-color: #e5e5e5;	border-bottom-style: solid;	border-bottom-width: 1px;}
.tdcolor-04 {	font-size: 9pt;	font-family:"Arial";	background-color: #eeeeee;	color: #868686;	border-bottom-color: #e5e5e5;	border-bottom-style: solid;	border-bottom-width: 1px;}
.tdcolor-05 {	font-size: 9pt;	font-family:sans-serif, Arial, Dotum, Helvetica, geneva,;	background-color: #FFFFFF;	color: #666666;	border-bottom-color: #e5e5e5;	border-bottom-width: 1px;	border-bottom-style: solid;}


#footer{background: rgb(239,239,239);
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(253,253,253,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(253,253,253,1)));
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(253,253,253,1) 100%);
background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(253,253,253,1) 100%);
background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(253,253,253,1) 100%);
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(253,253,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fdfdfd',GradientType=0 ); padding:36px 0 16px 0;
}
#footer-info{float:left;}
#footer-link{float:right; padding-top:1.2em;}

/* .video{ text-align:center;} */
.event h3{ color: #0045b4;
    font-size: 14px;
    margin: 2% 0;}

p.event_pic>img {
	width: auto;
}

@media (max-width:991px){
	p.event_pic>img {
		width: 100%;
	}
}

/* event */
.flexslider { margin-bottom: 10px!important; }
.flex-direction-nav a { font-size: 0; }
.flex-direction-nav a:before { font-size: 20px!important; color: #fff!important; }
#carousel2 li { border: 1px solid #fff; }