@charset "utf-8";
/*一般設定**************************************************************************/
body, img, p, ul, li, h1, h2, h3, h4, h5, h6, th, dl, dd, dt, b, a, div {
	margin: 0px;
	padding: 0px;
	height:auto;
	line-height:0;
	list-style-type: none;
	font-size: 100%;
	border:0px;
}

body {
	padding:0px;
	margin:0 auto 0 auto;
	background-color:#f0f0f0;
}
/*天邊*/
#header {
	position:fixed;
	z-index:9;
	width:100%;
	height:auto;
	top:0;
	margin:0;
	padding:1% 0 0.5% 0;
	float:left;
	background-image: url(../images/Header_bg.jpg);
	background-repeat: repeat-x;
}
#header .LOGO {
	width:22%;
	height:auto;
	margin:1.4% 0 1% 2%;
	display:inline;
	float:left;
}
#header .LOGO img {width:100%;}
#header .menu {
	width:41%;
	height:auto;
	margin:0.2% 0 0 19.5%;
	padding:0 0;
	display:none;
	float:left;
}
#header .menu li {
	width:19.5%;
	height:auto;
	margin:0 0.5%;
	padding:1% 0;
	display:inline;
	border-radius:100px;
	border:1px solid #ffe100;
	float:left;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #000;
	text-align:center;
	cursor:pointer;
}
#header .menu dl {
	width:16.5%;
	height:auto;
	margin:0 0.5%;
	padding:1% 0;
	display:inline;
	border:1px solid #ffe100;
	border-radius:100px;
	float:left;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #000;
	text-align:center;
	cursor:pointer;
}
#header .menu li:hover {border:1px solid #000;}
#header .menu dl:hover {border:1px solid #000;}
#header .menu #border {border:1px solid #000;}
#header .language {
	width:20%;
	height:auto;
	margin:1.8% 10% 0 0;
	padding:0.5% 0;
	border:1px solid #000000;
	border-radius:100px;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #000;
	text-align:center;
}
#header .language a:link { color: #000; text-decoration:none; }
#header .language a:hover { color: #000; text-decoration:none; }
#header .language a:visited { color: #000; text-decoration:none; }
#header #icon1 {
	position:absolute;
	z-index:7;
	right:0;
	width:6%;
	height:auto;
	margin:2% 2% 0 0;
	padding:0;
	display:inline;
	float:right;
}
#header #icon1 img {width:100%;}
#header #icon2 {
	position:absolute;
	z-index:8;
	right:0;
	width:6%;
	height:auto;
	margin:2% 2% 0 0;
	padding:0;
	display:inline;
	float:right;
}
#header #icon2 img {width:100%;}
#mobile_tab {
	position:fixed;
	z-index:10;
	width:34%;
	height:auto;
	top:0;
	right:0;
	margin:10.5% 0 0 0;
	padding:2% 0 6% 0;
	background-color:#eeeeee;
	float:left;
}
#mobile_tab ol {
	width:100%;
	height:auto;
	margin:12% 0 4% 0;
	padding:0 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
	text-align:center;
	cursor:pointer;
	float:left;
} 
#mobile_tab ol:hover {color: #000;}
#mobile_tab .sub {font-size: 15px!important; margin:5% 0 5% 0!important;}
/*次選單*/
#sub_menu {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:12.5% 0 1.5% 0;
	background-color:#333333;
	float:left;
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	text-align:center;
	letter-spacing: 0px;
}
#sub_menu a:link {color: #efefef; text-decoration:none;}
#sub_menu a:hover {color: #ffffff; text-decoration:none;}
#sub_menu a:visited {color: #efefef; text-decoration:none;}



/*主視覺*/
#wrapper {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	overflow:hidden;
	float:left;
}
#wrapper #main {
	width:100%;
	height:auto;
	margin:0 0;
	padding:56.5% 0 95% 0;
	background-image: url(../images/mobile/main_bg1.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	float:left;
}
#wrapper #main .link {
	width:90%;
	height:auto;
	margin:75% 5% 0 5%;
	padding:0 0;
	float:left;
}
#wrapper #main .link ul {
	width:29.3%;
	height:auto;
	margin:0 2%;
	display:inline;
	float:left;
}
#wrapper #main .link ul li {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
#wrapper #main .link ul li img {width:100%;}
#wrapper #main .link ul dl {
	width:99.5%;
	height:auto;
	margin:8% 0 0 0;
	padding:6% 0;
	border:1px solid #ccc;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */
	float:left;
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #333;
	text-align:center;
	cursor:pointer;
}
#wrapper #main #arrow {
	position:absolute;
	z-index:8;
	width:12%;
	margin:95% 44% 0 44%;
	padding:0;
}
#wrapper #main #arrow img {width:100%;}
/*首頁-投資人關係*/
#wrapper #investors {
	width:100%;
	height:auto;
	margin:0 0;
	padding:33% 0 1% 0;
	background-color:#ffffff;
	background-image: url(../images/mobile/main_bg2.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	float:left;
}
#wrapper #investors .box {
	width:96%;
	height:auto;
    margin:46% 2% 0 2%;
	padding:0 0;
	float:left;
}
#wrapper #investors .box .box1 {width:98%;  margin:0 1% 2% 1%;}
#wrapper #investors .box .box2 {width:48%; margin:0 1%;}
#wrapper #investors .box ul {
	height:auto;
	padding:4% 0 4% 0;
	background-color:#f3d922;
	border-radius:10px;
	float:left;
}
#wrapper #investors .box ul h1 {
	width:100%;
	margin:0 0 2% 0;
	padding:0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #333;	
	text-align:center;
	float:left;
}
#wrapper #investors .box .unit {font-size: 12px!important;}
#wrapper #investors .box ul h2 {
	width:100%;
	margin:0 0 0 0;
	padding:0;
	font-family: "微軟正黑體";
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #333;	
	text-align:center;
	display:inline;
	float:left;
}
#wrapper #investors .box ul h2 .NT {
	width:auto;
	margin:0 1.5% 0 0;
	padding:0;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #333;	
	text-align:center;
	display:inline;
	float:rightt;
}
#wrapper #investors .box ul h3 {
	width:100%;
	margin:8.8% 0 8.8% 0;
	padding:0;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #333;	
	text-align:center;
	float:left;
}
/*首頁-投資聯絡窗口*/
#wrapper #investors .windows {
	width:94%;
	height:auto;
	margin:5% 3% 0 3%;
	padding:0 0;
	float:left;
}
#wrapper #investors .windows .title {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
#wrapper #investors .windows .title .border {
	width:50%;
	height:25px;
	margin:0 0;
	padding:15px 0 0 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #7c7c7c;
	text-align:center;
	display:inline;
	float:left;
}
#wrapper #investors .windows .title .line {
	width:49.2%;
	height:auto;
	margin:40px 0 0 0;
	border-bottom:1px solid #ccc;
	display:inline;
	float:left;
}
#wrapper #investors .windows .representa {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:1.5% 0;
	float:left;
}
#wrapper #investors .windows .representa dd {
	width:auto;
	height:auto;
	margin:2% 4% 2% 0;
	padding:0 0 0 2%;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #333333;	
	text-align:left;
	display:inline;
	float:left;
}
#wrapper #investors .windows .representa dd a:link {color: #333333; text-decoration:underline; }
#wrapper #investors .windows .representa dd a:hover {color: #000000; text-decoration:underline; }
#wrapper #investors .windows .representa dd a:visited {color: #333333; text-decoration:underline; }
/*首頁-加入我們*/
#wrapper #join_us {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:6% 0 0 0;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	float:left;
}
#wrapper #join_us .title {
	width:80%;
	height:auto;
	margin:0 10%;
	padding:0 0;
	float:left;
}
#wrapper #join_us .title img {width:100%;}
#wrapper #join_us .photo {
	width:92%;
	margin:4% 4%;
	padding:0;
	float:left; 	
}
#wrapper #join_us .photo img {width:100%;}
#wrapper #join_us .btn {
	width:60%;
	margin:1% 20% 5% 20%;
	padding:0;
	cursor:pointer;
	float:left;
    	
}
#wrapper #join_us .btn img {width:100%;}
/*主視覺-結束*/




/*內頁版頭圖*/
#wrapper #visual {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0;
	float:left;
}
#wrapper #visual img {width:100%;}
#wrapper #content {
	width:88%;
	height:auto;
	margin:4% 2%;
	padding:3% 4%;
	border:1px solid #2479ba;
	float:left;
}
#wrapper #content h4 {
	width:100%;
	height:auto;
	margin:2% 0 4% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #407ba9;
	text-align:center;
}
/*關於真好玩*/
/*內頁頁籤3則*/
#gallery3 {font:15px 微軟正黑體; width:100%; margin:0 0; padding:0 0 0 0;}
#gallery3 div.offoff3 {width:31.6%; height:27px; color:#333333; margin:1px 0.5% 0 0.5%; padding:0.2% 0 0.2% 0; line-height:27px; font-weight: normal; text-align:center; 
border:1px solid #2479ba; cursor:pointer; position:relative; z-index:3; float:left;}
#gallery3 div.onon3 {width:31.6%; height:27px; color:#333333; margin:1px 0.5% 0 0.5%; padding:0.2% 0 0.2% 0; float:left; font-weight: bold; text-align:center;
background-color:#74b4e7; border:1px solid #2479ba; cursor:pointer; line-height:27px; position:relative; z-index:2; float:left;}

div.hide3 {display:none; width:0; overflow:hidden;}
div.show3 {
    width:100%;
	height:100%;
	border-top:1px solid #2479ba;
	clear:left; 
    margin:1.5% 0% 1% 0%;
    padding:2% 0% 2% 0%;
    position:relative;
    z-index:3;
	float:left;
}
/*內頁頁籤3則-結束*/

#wrapper #content .information {
    width:100%;
    margin:0 0%;
    padding:0 0;
    float:left;
}
#wrapper #content .information ul {
    width:100%;
    margin:2% 0 1% 0;
    padding:0 0;
    float:left;
}
#wrapper #content .information ul li {
	width:30%;
	height:auto;
	margin:0 0;
	padding:0 0;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #333;
	text-align:left;
}
#wrapper #content .information ul dl {
	width:70%;
	height:auto;
	margin:0 0;
	padding:0 0;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .information ul dl a:link {color: #333; text-decoration:underline;}
#wrapper #content .information ul dl a:hover {color: #000; text-decoration:underline;}
#wrapper #content .information ul dl a:visited {color: #333; text-decoration:underline;}
#wrapper #content .company {
    width:100%;
    margin:0 0%;
    padding:0% 0 0 0;
    float:left;
}
#wrapper #content .company p {
	width:100%;
    margin:0 0 3% 0;
    padding:0 0;
    float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .enterprise {
	width:100%;
	margin:8% 0% 12% 0%;
	padding:0;
	float:left;
}
#wrapper #content .enterprise img {width:100%;}
#wrapper #content .history {
	width:100%;
	margin:4% 0% 8% 0%;
	padding:0;
	float:left;
}
#wrapper #content .history img {width:100%;}
#wrapper #content .core {
	width:96%;
	margin:0% 2% 0% 2%;
	padding:0;
	float:left;
}
#wrapper #content .core img {width:100%;}
#wrapper #content .idea {
	width:90%;
	margin:4% 5% 8% 5%;
	padding:0;
	float:left;
}
#wrapper #content .idea img {width:100%;}
#wrapper #content .organization {
	width:100%;
	height:auto;
	margin:1% 0 1% 0;
	padding:0 0;
	border-top:1px solid #2479ba;
	float:left;
}
#wrapper #content .organization ul {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	border-bottom:1px solid #2479ba;
	float:left;
}
#wrapper #content .organization .bg_blue {background-color:#d8e9f6; font-weight:bold;}
#wrapper #content .organization ul li {
	width:18%;
	height:auto;
	margin:0 0;
	padding:1% 2% 1% 2%;
	float:left;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .organization ul dl {
	width:73%;
	height:auto;
	margin:0 0;
	padding:1% 2% 1% 2%;
	border-left:none;
	float:right;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .download {
	width:100%;
	margin:2.5% 0 1.5% 0;
	padding:0 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	text-decoration: underline;
	text-align:center;
	float:left;
}
#wrapper #content .download img {margin:0 1% 0 0;}




/*投資人專區首頁*/
#wrapper #invest {
	width:96%;
	height:auto;
	margin:2% 2% 1.5% 2%;
	padding:0% 0%;
	background:transparent!important;
	float:left;
}
#wrapper #invest ul {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	background:transparent!important;
	float:left;
}
#wrapper #invest ul .revenue {
    width:86%;
	height:auto;
	margin:4% 2%;
	padding:3% 5%;
	border:1px solid #2479ba;
	display:inline;
	float:left;
}
#wrapper #invest ul .revenue .month {
	width:100%;
	height:auto;
	margin:0 0 4% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	color: #7c7c7c;
	text-align:left;
}
#wrapper #invest ul .revenue .unit {font-size: 18px!important;}
#wrapper #invest ul .revenue .amount {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-weight: bold;
	color: #333333;
	text-align:left;
}
#wrapper #invest ul .revenue .NT {font-size: 24px; line-height: 24px; margin:0 2% 0 0;}
#wrapper #invest ul .revenue .total {font-size: 45px; line-height: 45px;}
#wrapper #invest ul .news {
    width:90%;
	height:auto;
	margin:0 2% 4% 2%;
	padding:3% 3%;
	border:1px solid #2479ba;
	display:inline;
	float:right;
}
#wrapper #invest ul .news li {
	width:100%;
	margin:0 0 4% 0;
	padding:0 0;
	float:left;
}
#wrapper #invest ul .news li .mark {
	width:50%;
	margin:0 0;
	padding:0 0;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	color: #7c7c7c;
	text-align:left;
	float:left;
}
#wrapper #invest ul .news li .link {
	width:50%;
	margin:0 0;
	padding:0 0;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
	color: #7c7c7c;
	text-align:right;
	text-decoration:underline;
	float:right;
}
#wrapper #invest ul .news li .link:hover {color: #000000;}
#wrapper #invest ul .news dl {
	width:100%;
	margin:0 0 1% 0;
	padding:0.5% 0;
	float:left;
}
#wrapper #invest ul .news dl .date {
	width:23%;
	margin:0 2% 0 0;
	padding:0 0;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #invest ul .news dl .list {
	width:75%;
	margin:0 0 0 0;
	padding:0 0;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #invest ul .news dl .list a:link {color: #333; text-decoration:none;}
#wrapper #invest ul .news dl .list a:hover {color: #000; text-decoration:underline;}
#wrapper #invest ul .news dl .list a:visited{color: #333; text-decoration:none;}
#wrapper #invest .windows {
	width:100%;
	height:auto;
	margin:1% 0 0 0;
	padding:0 0;
	float:left;
}
#wrapper #invest .windows .title {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
#wrapper #invest .windows .title .border {
	width:60%;
	height:35px;
	margin:0 0;
	padding:10px 0 0 0;
	border-top:1px solid #2479ba;
	border-left:1px solid #2479ba;
	border-right:1px solid #2479ba;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #6794b9;
	text-align:center;
	display:inline;
	float:left;
}
#wrapper #invest .windows .title .line {
	width:39%;
	height:auto;
	margin:45px 0 0 0;
	border-bottom:1px solid #2479ba;
	display:inline;
	float:left;
}
#wrapper #invest .windows .representa {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:1.5% 0;
	float:left;
}
#wrapper #invest .windows .representa dd {
	width:auto;
	height:auto;
	margin:0 4% 6% 0;
	padding:0 0 0 3.5%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #333333;	
	text-align:left;
	display:inline;
	float:left;
}
#wrapper #invest .windows .representa dd a:link {color: #333333; text-decoration:underline; }
#wrapper #invest .windows .representa dd a:hover {color: #000000; text-decoration:underline; }
#wrapper #invest .windows .representa dd a:visited {color: #333333; text-decoration:underline; }


/*投資人專區*/
/*內頁頁籤5則*/
#gallery5 {font:15px 微軟正黑體; width:100%; margin:0 0; padding:0 0 0 0;}
#gallery5 div.offoff5 {width:31.6%; height:27px; color:#333333; margin:1px 0.5% 2% 0.5%; padding:0.5% 0 0.5% 0; line-height:27px; font-weight: normal; text-align:center; 
border:1px solid #2479ba; cursor:pointer; position:relative; z-index:3; float:left;}
#gallery5 div.onon5 {width:31.6%; height:27px; color:#333333; margin:1px 0.5% 2% 0.5%; padding:0.5% 0 0.5% 0; float:left; font-weight: bold; text-align:center;
background-color:#74b4e7;  border:1px solid #2479ba; cursor:pointer; line-height:27px; position:relative; z-index:2; float:left;}

div.hide5 {display:none; width:0; overflow:hidden;}
div.show5 {
    width:100%;
	height:100%;
	border-top:1px solid #2479ba;
	clear:left; 
    margin:1.5% 0% 0% 0%;
    padding:2% 0%;
    position:relative;
    z-index:3;
	float:left;
}
/*內頁頁籤3則-結束*/

/*董事會2頁籤*/
#directors_tab {font:13px 微軟正黑體; width:100%; height:auto; margin:0 0 1.5% 0; padding:0 0 0 0; float:left;}
#directors_tab .directors_tab_off {width:auto; height:27px; margin:1px 0.5% 0 0.5%; padding:0.5% 1%;
color:#333333; line-height:27px; font-weight: normal; text-align:center; cursor:pointer; position:relative; z-index:1; display:inline; float:left;}
#directors_tab .directors_tab_on {width:auto; height:27px; margin:1px 0.5% 0 0.5%; padding:0.5% 1%; background-color:#8dc1ea;
color:#333333; line-height:27px; font-weight: normal; text-align:center; cursor:pointer; position:relative; z-index:1; display:inline; float:left;}
.directors_tab_show1 {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
.directors_tab_show2 {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
/*委員會2頁籤*/
#committee_tab {font:13px 微軟正黑體; width:100%; height:auto; margin:0 0 1.5% 0; padding:0 0 0 0; float:left;}
#committee_tab .committee_tab_off {width:auto; height:27px; margin:1px 0.5% 0 0.5%; padding:0.5% 1%;
color:#333333; line-height:27px; font-weight: normal; text-align:center; cursor:pointer; position:relative; z-index:1; display:inline; float:left;}
#committee_tab .committee_tab_on {width:auto; height:27px; margin:1px 0.5% 0 0.5%; padding:0.5% 1%; background-color:#8dc1ea;
color:#333333; line-height:27px; font-weight: normal; text-align:center; cursor:pointer; position:relative; z-index:1; display:inline; float:left;}
.committee_tab_show1 {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
.committee_tab_show2 {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
.established {
	width:98%;
	margin:0% 1% 1% 1%;
	padding:0 0;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #666;
	text-align:left;
	float:left;
}

/*內部稽核3頁籤*/
#audit_tab {font:13px 微軟正黑體; width:100%; height:auto; margin:0 0 1.5% 0; padding:0 0 0 0; float:left;}
#audit_tab .audit_tab_off {width:auto; height:27px; margin:1px 0.5% 0 0.5%; padding:0.5% 3%;
color:#333333; line-height:27px; font-weight: normal; text-align:center; cursor:pointer; position:relative; z-index:1; display:inline; float:left;}
#audit_tab .audit_tab_on {width:auto; height:27px; margin:1px 0.5% 0 0.5%; padding:0.5% 3%; background-color:#8dc1ea;
color:#333333; line-height:27px; font-weight: normal; text-align:center; cursor:pointer; position:relative; z-index:1; display:inline; float:left;}
.audit_tab_show1 {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
.audit_tab_show1 p {
	width:100%;
	margin:0 0 2% 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color: #333;
	text-align:left;
	float:left;
}
.audit_tab_show2 {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
.audit_tab_show2 p {
	width:100%;
	margin:0 0 2% 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color: #333;
	text-align:left;
	float:left;
}
.audit_tab_show3 {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
.audit_tab_show3 p {
	width:100%;
	margin:0 0 2% 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color: #333;
	text-align:left;
	float:left;
}
/*公司規章*/
#wrapper #content .regulations {
    width:100%;
    margin:0 0%;
    padding:0% 0%;
    float:left;
}
#wrapper #content .regulations .download {
	width:100%;
	margin:1.5% 0 1.5% 0;
	padding:0 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	text-decoration: underline;
	text-align:left;
	float:left;
}
#wrapper #content .regulations .download img {margin:0 1.5% 0 0;}
/*年報*/
#wrapper #content .annual {
    width:100%;
    margin:0 0%;
    padding:0% 0%;
    float:left;
}
#wrapper #content .annual .download {
	width:100%;
	margin:1.5% 0 1.5% 0;
	padding:0 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	text-align:left;
	float:left;
}
#wrapper #content .annual .download a:link {color: #333; text-decoration:none!important;}
#wrapper #content .annual .download a:hover {color: #333; text-decoration:underline;}
#wrapper #content .annual .download a:visited {color: #333; text-decoration:none;}
#wrapper #content .annual .download img {margin:0 1.5% 0 0;}

/*內頁頁籤4則*/
#gallery4 {font:13px 微軟正黑體; width:100%; margin:0 0; padding:0 0 0 0;}
#gallery4 div.offoff4 {width:31.6%; height:27px; color:#333333; margin:1px 0.5% 0 0.5%; padding:0.5% 0 0.5% 0; line-height:27px; font-weight: normal; text-align:center; 
border:1px solid #2479ba; cursor:pointer; position:relative; z-index:3; float:left;}
#gallery4 div.onon4 {width:31.6%; height:27px; color:#333333; margin:1px 0.5% 0 0.5%; padding:0.5% 0 0.5% 0; float:left; font-weight: bold; text-align:center;
background-color:#74b4e7;  border:1px solid #2479ba; cursor:pointer; line-height:27px; position:relative; z-index:2; float:left;}

div.hide4 {display:none; width:0; overflow:hidden;}
div.show4 {
    width:100%;
	height:100%;
	border-top:1px solid #2479ba;
	clear:left; 
    margin:1.5% 0% 0% 0%;
    padding:2% 0%;
    position:relative;
    z-index:3;
	float:left;
}

/*股價查詢*/
#wrapper #content .stock_market {
	width:100%;
	height:auto;
	margin:0 0%;
	padding:0 0;
	float:left;
}
#wrapper #content .stock_market ul {
	width:100%;
	margin:3% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	color: #333;
	text-align:center;
}
#wrapper #content .stock_market li {
    width:100%;
	margin:2% 0 5% 0;
	padding:0 0;
	float:left;
}
#wrapper #content .stock_market li img {width:100%;}
#wrapper #content .stock_market dl {
	width:100%;
	margin:2% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight:normal;
	color: #407ba9;
	text-decoration:underline;
	text-align:center;
}

/*股務聯絡*/
#wrapper #content .stock_proxy {
	width:100%;
	height:auto;
	margin:0 0%;
	padding:0 0;
	float:left;
}
#wrapper #content .stock_proxy ul {
	width:100%;
	margin:2% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	color: #333;
	text-align:center;
}
#wrapper #content .stock_proxy li {
    width:100%;
	margin:2% 0 2% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .stock_proxy dl {
	width:100%;
	margin:3% 0 3% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 19px;
	line-height:19px;
	font-weight: bold;
	color: #c50110;
	text-align:left;
}
#wrapper #content .stock_proxy dt {
	width:100%;
	margin:1% 0;
	padding:0 0;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .stock_proxy dt a:link {color: #333; text-decoration:underline;}
#wrapper #content .stock_proxy dt a:hover {color: #333; text-decoration:underline;}
#wrapper #content .stock_proxy dt a:visited {color: #333; text-decoration:underline;}
#wrapper #content .stock_proxy dt img {margin:-2% 1% 0 0;}

/*企業社會責任*/
#wrapper #content .social_responsibility {
    width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
#wrapper #content .social_responsibility p {
	width:100%;
	height:auto;
	margin:0 0 2% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 32px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .social_responsibility ul {
	width:90%;
	height:auto;
	margin: 1% 5%;
	padding:0 0;
	float:left;
}
#wrapper #content .social_responsibility ul li {
	width:100%;
	height:auto;
	margin:0 0 4% 0;
	padding:4% 0%;
	float:left;
}
#wrapper #content .social_responsibility ul dl {
	width:100%;
	height:auto;
	margin:0 0 2% 0;
	padding:4% 0%;
	float:right;
}
#wrapper #content .social_responsibility ul .introduce {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 2%;
	display:inline;
	float:left;
}
#wrapper #content .social_responsibility ul .photo {
	width:100%;
	height:auto;
	margin:0 0 2% 0;
	display:inline;
	display:inline;
	float:right;
}
#wrapper #content .social_responsibility ul .photo img {width:100%;}
#wrapper #content .social_responsibility dd {
	width:100%;
	height:auto;
	margin:0 0 1.5% 0;
	font-family: "微軟正黑體";
	font-size: 17px;
	line-height: 23px;
	font-weight: bold;
	color: #333;
	text-align:left;
}
#wrapper #content .social_responsibility p {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #666;
	text-align:left;
}





/*新聞與公告*/
#wrapper #content .news {
    width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
#wrapper #content .news ul {
    width:100%;
	height:auto;
	margin:0 0 1% 0;
	padding:0% 0;
	float:left;
}
#wrapper #content .news ul img {margin:0 1% 0 0;}
#wrapper #content .news ul li {
	width:22%;
	height:auto;
	margin:0 0.5% 0 0;
	padding:0.5% 1%;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .news ul dl {
	width:73.5%;
	height:auto;
	margin:0 0 0 0;
	padding:0.5% 1%;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#wrapper #content .news ul dl a:link {color: #333; text-decoration:none;}
#wrapper #content .news ul dl a:hover {color: #000; text-decoration:underline;}
#wrapper #content .news ul dl a:visited {color: #333; text-decoration:none;}
#wrapper #content .news .bg_blue {background-color:#d8e9f6; font-weight:bold;}
/*跳頁頁籤*/
DIV.jump {
	width:100%;
	height:auto;
	PADDING: 2% 0;
	MARGIN: 2% 0 0 0;
	border-top:1px solid #dedede;
	TEXT-ALIGN: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #666;
	float:left;
}
DIV.jump A {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT:  #999 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM:  #999 1px solid; TEXT-DECORATION: none; border-radius: 0px; behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
DIV.jump A:hover {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; COLOR: #000; BORDER-BOTTOM: #666 1px solid; border-radius: 0px; behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background-color:#efefef;
}
DIV.jump A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #FFFF00; BORDER-BOTTOM: #f0f0f0 1px solid; border-radius: 0px; behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
DIV.jump SPAN.current {
	 border:1px solid #666; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px;  COLOR: #fff; PADDING-TOP: 2px;  border-radius: 0px; behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
     background-color:#666; 
}
DIV.jump SPAN.disabled {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	MARGIN: 2px;
	COLOR: #999999;
	PADDING-TOP: 2px;
	border: 1px solid #999999;
	-border-radius: 0px; 
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#wrapper #content .news h1,h2,h3,h5 {
	width:100%;
	height:auto;
	margin:0 0 1% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 38px;
	font-weight: bold;
	color: #333332;
	text-align:center;
}
#wrapper #content .news h6 {
	width:100%;
	height:auto;
	margin:1% 0 2% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #999999;
	text-align:left;
}
#wrapper #content .news .subtitle {
	width:100%;
	height:auto;
	margin:0 0 2% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333333;
	text-align:left;
}
#wrapper #content .news p {
	width:100%;
	height:auto;
	margin:0 0 4% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 23px;
	font-weight: normal;
	color: #333333;
	text-align:left;
}
#wrapper #content .news p a:link {color: #333333; text-decoration:underline;}
#wrapper #content .news p a:hover {color: #ff0000; text-decoration:underline;}
#wrapper #content .news p a:visited {color: #333333; text-decoration:underline;}
#wrapper #content .news p img {width:100% !important;height: 100% !important;}
#wrapper #content .news ol {
	width:100%;
	height:auto;
	margin:0 0 4% 0;
	padding:0 0;
	font-family: "微軟正黑體";
	font-size:18px;
	line-height:24px;
	text-align:center;
	float:left;
}
#wrapper #content .news ol img {width:100%;}
#wrapper #content .news ol a:link {color: #ccoooo; text-decoration:underline;}
#wrapper #content .news ol a:hover {color: #ff0000; text-decoration:underline;}
#wrapper #content .news ol a:visited {color: #333333; text-decoration:underline;}

#wrapper #content .news .hint {
	width:100%;
	height:auto;
	margin:-4% 0 4% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #999999;
	text-align:center;
}
#wrapper #content .news .return {
	width:50%;
	margin:2% 24.7%;
	padding:1.5% 0;
	border:1px solid #2479ba;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #2479ba;
	text-align:center;
	float:left;
}
#wrapper #content .news .return:hover {background-color:#dedede;}



/*加入我們*/
#wrapper #content .join {
    width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
#wrapper #content .join h5 {
	width:100%;
	margin:-1% 0 2% 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #666;
	text-align:center;
	float:left;
}
#wrapper #content .join h6 {
	width:100%;
	margin:2% 0 0.5% 0;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
	text-align:left;
	float:left;
}
#wrapper #content .join p {
	width:100%;
	margin:0 0 1% 0;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 18px;
	font-weight:normal;
	color: #333;
	text-align:left;
	float:left;
}
#wrapper #content .join p a:link {color: #2479ba; text-decoration:underline;}
#wrapper #content .join p a:hover {color: #2479ba; text-decoration:underline;}
#wrapper #content .join p a:visited {color: #2479ba; text-decoration:underline;}
#wrapper #content .join .intro {
	width:100%;
	margin:4% 0 0.5% 0;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #da6052;
	text-align:center;
	float:left;
}
#wrapper #content .join .intro2 {
	width:100%;
	margin:1% 0 1% 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #666666;
	text-align:left;
	float:left;
}
#wrapper #content .join h4 {
	width:100%;
	margin:0% 0 0.5% 0;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	color: #4d9bd8;
	text-align:center;
	float:left;
}
#wrapper #content .join .welfare {
	width:100%;
	margin:1% 0 2% 0;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #333;
	text-align:center;
	text-decoration:underline;
	float:left;
}
#wrapper #content .join .welfare img {margin:0 1% 0 0;}
#wrapper #content .join .welfare:hover {cursor:pointer; :#000;}
#wrapper #office_banner {
	width:100%;
	margin:1% 0;
	padding:0 0;
	float:left;
}
#wrapper #content .join .act {
	width:100%;
	height:auto;
	margin:3% 0 0% 0;
	padding:0 0;
	float:left;
}
#wrapper #content .join .act1 {
	width:100%;
	height:auto;
	margin: 0 0 4% 0;
	padding:0 0;
	display:inline;
	float:left;
}
#wrapper #content .join .act2 {
	width:100%;
	height:auto;
	margin: 0 0 4% 0;
	padding:0 0;
	display:inline;
	float:right;
}
#wrapper #content .join .act .photos {
	width:100%;
	height:auto;
	margin:0 0 1% 0;
	padding:0;
	float:left;
}
#wrapper #content .join .act .photos img {width:100%;}
#wrapper #content .join .act ol {
	width:100%;
	height:auto;
	margin:1% 0 1% 0;
	padding:0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	text-align:left;
}
#wrapper #content .join .act p {
	width:100%;
	height:auto;
	margin:0 0 2% 0;
	padding:0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #666;
	text-align:left;
}
#wrapper #content .join .act .btn {
	width:50%;
	margin:5% 25% 0% 25%;
	padding:1% 0;
	border:1px solid #333;
	background-color:#ffe100;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	float:left;
}
#wrapper #content .join .act .btn:hover {color: #333; background-color:#ffcc00;}

/*訓練與發展*/
#wrapper #content .training {
    width:100%;
	margin:2% 0 4% 0%;
	padding:0 0;
	float:left;
}
#wrapper #content .training img {width:100%;}




/*聯絡我們*/
#wrapper #content .contact_us {
    width:100%;
	margin:2% 0%;
	padding:0 0;
	float:left;
}
#wrapper #content .contact_us p {
	width:100%;
	height:auto;
	margin:0 0 2% 0;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	color: #666;
	text-align:left;
}
#wrapper #content .contact_us p a:link {font-size: 20px; line-height: 36px; color: #2479ba; text-decoration:underline;}
#wrapper #content .contact_us p a:hover {font-size: 20px; line-height: 36px; color: #2479ba; text-decoration:underline;}
#wrapper #content .contact_us p a:visited {font-size: 20px; line-height: 36px; color: #2479ba; text-decoration:underline;}
#wrapper #content .contact_us .representa {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:1.5% 0;
	float:left;
}
#wrapper #content .contact_us .representa dd {
	width:93.5%;
	height:auto;
	margin:0 2% 5% 0%;
	padding:1.2% 2%;
	border:1px solid #2479ba
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	color: #333333;	
	text-align:left;
	display:inline;
	float:left;
}
#wrapper #content .contact_us .representa dd a:link {color: #333333; text-decoration:underline; }
#wrapper #content .contact_us .representa dd a:hover {color: #000000; text-decoration:underline; }
#wrapper #content .contact_us .representa dd a:visited {color: #333333; text-decoration:underline; }




/*表格樣式*/
.form {
	width:99%;
	height:100%;
	margin:1% 0.5% 2% 0.5%;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #333;
	background:transparent;
	float:left;
}
.form img { width:16px; margin:0 1% 0 0;}
.form a:link {color: #333; text-decoration:none;}
.form a:hover {color: #333; text-decoration:underline;}
.form a:visited {color: #333; text-decoration:none;}
.form_head {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0 0;
	float:left;
}
.form_unit {
	width:50%;
	height:auto;
	margin:0 0 1% 0;
	padding:0 0;
	float:right;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 36px;
	font-weight: normal;
	color: #333;
	text-align:right;
}
.form_month {
	width:49%;
	height:auto;
	margin:0 0.5% 1% 0.5%;
	padding:0 0;
	float:left;
}
td {border-bottom:1px solid #2479ba;}
table {border-top:1px solid #2479ba;}


/*選單樣式*/
.select {
	width:auto;
	height:auto;
	margin:4% 0 1% 0;
	padding:0.5% 3%;
	background:transparent;
	border:1px solid #ccc;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #666;
	text-align:left;
	float:left;
}



/*版權宣告*/
#wrapper #copyright {
	width:90%;
	height:auto;
	margin:0 0 0 10%;
	padding:0 0;
	float:left;
}
#wrapper #copyright img {width:100%;}
#wrapper #copyright2 {
	position:fixed;
	width:90%;
	height:auto;
	bottom:0;
	margin:0 0 0 10%;
	padding:0 0;
	float:left;
}
#wrapper #copyright img {width:100%;}




.PC {display:none;}
.MOBILE {display:table;}

.visual_PC {display:none;}
.visual_TABLE {display:none;}
.visual_MOBILE {display:inline;}


/*文字顏色*/
.t_orange {color:#f5a735;}
.t_red {color:#f30000;}
.t_purple {color:#8064a2;}
.t_lake {color:#4bacc6;}