@charset "UTF-8";
/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;text-decoration: none;}
:focus, :active { outline: 0 }

ol, ul { list-style: none }

blockquote:before, blockquote:after { content: "" }
blockquote { quotes: "" "" }

header, nav, article, aside, footer, hgroup, section { display: block }

/* Clearfix */
.clearfix{visibility: hidden;display: block;font-size: 0;clear: both;width:0;height: 0}
* html .clearfix             { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */

/* @FONT-FACE */
@font-face {
	font-family: 'Colaborate-RegularRegular';src: url('fonts/ColabReg-webfont.eot');src: local('☺'), url('fonts/ColabReg-webfont.woff') format('woff'), url('fonts/ColabReg-webfont.ttf') format('truetype'), url('fonts/ColabReg-webfont.svg#webfont') format('svg');
}

@font-face {
	font-family: 'HighlandGothicLightFLFRegular';src: url('fonts/HighlandGothicLightFLF-webfont.eot');src: local('☺'), url('fonts/HighlandGothicLightFLF-webfont.woff') format('woff'), url('fonts/HighlandGothicLightFLF-webfont.ttf') format('truetype'), url('fonts/HighlandGothicLightFLF-webfont.svg#webfont') format('svg');
}


/* TYPOGRAPHY */
html {
	/*background-color: #81aeab;
	background-image: -moz-linear-gradient(top, #71a4a1 0%, #81aeab 20%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #71a4a1),color-stop(0.2, #81aeab));*/
}
body {
     width:auto;height:auto;margin: 0 auto;color: #333;font-family:Arial,Verdana, Helvetica, sans-serif,"微軟正黑體";background:url(../images/index_bg1.jpg) top center;font-size:13px;text-align: center;}

p { margin-bottom: 18px }

strong { font-weight: bold }
em { font-style: italic }

a { color: #333 }
a:link {text-decoration: none;}
a:hover { text-decoration: none; }
a:active { text-decoration: none}

h1 { font: 24px/36px Colaborate-RegularRegular, "Trebuchet MS", Arial, Helvetica, sans-serif }

.newLine { display: block }

.mcon{width:1200px;min-height:1280px;display:block;margin:auto;padding:auto;background:url(../images/m_bg.png) top center;}
.msubcon{width:920px;display:block;margin:auto;padding:auto}
.mcon .mad img{width:710px} 

/* HEADER */
header#topheader {width:1070px;height:100px;margin:auto;z-index: 120;border:0px blue solid}
@media screen and (-webkit-min-device-pixel-ratio: 0) {header#topheader{margin-top:0px;}}
@-moz-document url-prefix(){header#topheader{margin-top:0px;}}

header .logo{float:right;position: relative;width:412px;height:49px;margin:43px 0 0 0;z-index: 120}

header .tnav{float:right;position: relative;width:calc(100% - 215px);height:100px;z-index: 120;}
/* Navigation */
nav#global{float:right;width: 450px;height:100px;margin:auto;border:0px red solid}
nav#global ul {float:left;display: table;width: 450px;text-align: center;height: 100px;margin:auto}
nav#global ul li {float:left;position: relative; display: inline;width:100%;height:100px;line-height:100px;border:0px red solid}
nav#global ul li img{width:43px;height:30px;display:none}
nav#global ul li ul {position: absolute;top: 0;left: 0;width:100%;height:auto;border:0px blue solid}
nav#global ul li ul li {float:left;position: relative; display: inline;width:83px;height:96px;line-height:96px;margin-left:7px;border:0px red solid}
nav#global ul li ul .tnheight{height:100px;line-height:100px}
nav#global ul li ul li a{color:#fff;font-size:16px;font-weight:bold}
nav#global ul li ul li:hover{background:#4d4c4c;border-bottom:4px #3cdc9e solid}
nav#global ul li ul li:hover a{color:white}

nav#global ul li ul li:hover ul {display:block}
nav#global ul li ul li ul {position: absolute;top: 100px;left: 0;width:155px;height:auto;display:none}
nav#global ul li ul li ul li {display: block;width:155px;height:28px;line-height:28px;padding:auto;background:#7a92a9;border-bottom:1px #fff solid;text-align: center;margin: 0 auto;}
nav#global ul li ul li ul li a {color:red;font-weight:normal}
nav#global ul li ul li ul li:last-child{border:none}
nav#global ul li ul li ul li:hover{background:#7a92a9;border-bottom:1px #fff solid}
nav#global ul li ul li ul li:hover:last-child{border:none}
nav#global ul li ul li ul li:hover a {font-weight:bold}

nav#global ul li ul li:hover > ul { z-index: 2 }

header .tnav1{float:right;display:none;position: relative;width:calc(100% - 215px);height:100px;z-index: 120;}
header .tnav1 .tnavtmb{float:right;width:43px;height:30px;margin:60px 40px 0 0}

/* MAIN */ 
 
article#ipro {float:left;width:700px;height:auto;margin:15px auto;padding:auto}
article#ipro header {width:100%;height:50px;line-height:50px;text-align:center;display:none;border:0px red solid}
article#ipro header h1{width:100%;height:31px;margin:auto;text-align:center}
article#ipro .iprocon{width:100%;text-align: left;margin:5px auto;border:0px blue solid}
article#ipro .iprocon .ippitem{float:left;text-align:left;margin:135px 0 0 90px}
 
article#inews {float:left;width:49%;height:229px;margin:15px 0 5px 1%}
article#inews header {width:100%;height:42px;line-height:42px;background:url(../images/m_hint.gif) no-repeat left center;border-bottom:1px #e0e0e0 solid}
article#inews header h2{float:left;width:144px;height:22px;margin:10px 0 0 26px}
article#inews header h3{float:right;width:37px;height:7px;margin:15px 5px 0 0}
article#inews .mnewscon{width:100%;text-align: left;margin:5px auto;border:0px blue solid}
article#inews .mnewscon ul li{float:left;width:100%;height:30px;line-height:30px;text-align:center}
article#inews .mnewscon ul li a{font-size:13px;color:#666}
article#inews .mnewscon .news{float:right;display:inline-block;width:calc(100% - 80px);height:30px;line-height:30px;color:red;text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
article#inews .mnewscon .pubd{float:left;display:inline-block;width:70px;height:30px;line-height:30px;text-align:center}
 
aside#rnav {float: right;width:182px;margin:176px 30px 0 0;border:0px blue solid}	 
aside#rnav nav 
       {float:left;width: 182px;margin:0 10px 0 20px ;border:0px red solid}
aside#rnav nav ul {float:left;display: table;width: 182px;margin: 0 auto}
aside#rnav nav ul li {float:right;position: relative; display: inline;width:160px;height:46px;line-height:46px;margin:2px 10px 3px 0;text-align:left;border:0px red solid}
aside#rnav nav ul li span{display:inline-block;width:146px;height:31px;line-height:31px;border:0px red solid}
aside#rnav nav ul li .rnav1{display:inline-block;background:url(../images/n1.png) no-repeat top center;margin:1px auto}
aside#rnav nav ul li .rnav1:hover{display:inline-block;background:url(../images/n1_s.png) no-repeat top center;}
aside#rnav nav ul li .rnav2{display:inline-block;background:url(../images/n2.png) no-repeat top center;margin:9px auto}
aside#rnav nav ul li .rnav2:hover{display:inline-block;background:url(../images/n2_s.png) no-repeat top center;}
aside#rnav nav ul li .rnav3{display:inline-block;background:url(../images/n3.png) no-repeat top center;margin:9px auto}
aside#rnav nav ul li .rnav3:hover{display:inline-block;background:url(../images/n3_s.png) no-repeat top center;}
aside#rnav nav ul li .rnav4{display:inline-block;background:url(../images/n4.png) no-repeat top center;margin:11px auto}
aside#rnav nav ul li .rnav4:hover{display:inline-block;background:url(../images/n4_s.png) no-repeat top center;}
aside#rnav nav ul li .rnav5{display:inline-block;background:url(../images/n5.png) no-repeat top center;margin:13px auto}
aside#rnav nav ul li .rnav5:hover{display:inline-block;background:url(../images/n5_s.png) no-repeat top center;}
aside#rnav nav ul li .rnav6{display:inline-block;background:url(../images/n6.png) no-repeat top center;margin:16px auto}
aside#rnav nav ul li .rnav6:hover{display:inline-block;background:url(../images/n6_s.png) no-repeat top center;}
aside#rnav nav ul li .rnav7{display:inline-block;background:url(../images/n7.png) no-repeat top center;margin:20px auto}
aside#rnav nav ul li .rnav7:hover{display:inline-block;background:url(../images/n7_s.png) no-repeat top center;}
aside#rnav nav ul li .rnav8{display:inline-block;background:url(../images/n8.png) no-repeat top center;margin:8px auto}
aside#rnav nav ul li .rnav8:hover{display:inline-block;background:url(../images/n8_s.png) no-repeat top center;}
aside#rnav nav ul li a{color:#fff;font-size:16pt;font-weight:normal}
aside#rnav nav ul li:hover{background:url(../images/l_hover.png) no-repeat top center}
aside#rnav nav ul li:hover a{font-weight:bold}
 
/* FOOTER */
footer {width:100%;height:47px;margin:auto;text-align:center;border:0px blue solid}
.fcopyright {position: relative;width:100%;height:47px;margin:auto;border:0px red solid}
.copyright a{color:#fff}