@charset "UTF-8";

/*載入字型*/
@font-face{ font-family:"HelveticaNeueLTStd"; src:url(../../../../font/HelveticaNeueLTStd-MdCn.otf);}
@font-face{ font-family:"HelveticaNeueLTStdBD"; src:url(../../../../font/HelveticaNeueLTStd-Bd.otf);}
@font-face{ font-family:"HelveticaNeueLTStdHvCn"; src:url(../../../../font/HelveticaNeueLTStd-HvCn.otf);}
@font-face{ font-family:"HelveticaNeueLTStdMd"; src:url(../../../../font/HelveticaNeueLTStd-Md.otf)}
@font-face{ font-family:"HelveticaNeueLTStdLt"; src:url(../../../../font/HelveticaNeueLTStd-Lt.otf);}
@font-face{ font-family:"HelveticaNeueLTStdHv"; src:url(../../../../font/HelveticaNeueLTStd-Hv.otf);}
@font-face{ font-family:"HelveticaNeueLTStdThCn"; src:url(../../../../font/HelveticaNeueLTStd-ThCn.otf);}

body {margin:0; padding:0; font-family:"HelveticaNeueLTStd", "儷黑 Pro", "微軟正黑體"; letter-spacing:1pt; background:#351d2f; font-size:90%;}
h1, h2, h3, h4, h5, lo, li, ul{margin:0; padding:0; list-style:none;}

input,button,select,textarea{outline:none}
textarea{resize:none}

a{border:none; text-decoration:none;}

/*去掉safari默認樣式*/
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }

#mainArea{width:100%; position:relative; background:#f3f3f8;}
#sideIcon{position:fixed; top:110px; left:50%; margin-left:-579px; width:89px; height:89px; cursor:pointer; background:url(../IMAGES/sideIcon2.jpg) no-repeat;}
#sideIcon img{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; cursor:pointer;}
#sideIcon:hover img{opacity:0;}


/*Navigation*/
#navigationTop{width:100%; height:80px; border-top:6px solid #f76252; background:rgba(28,37,47,0.9); background-position:top center; background-repeat:no-repeat; position:absolute; top:0; left:0; z-index:100;}
#topBar{max-width:978px; margin:0 auto; position:relative;}
#topBar h1{display:block; width:206px; height:80px;}
#topBar h1 a{display:block; width:206px; height:80px; overflow:hidden; text-indent:-999px; background:url(../../IMAGES/basic/LOGO.png) no-repeat;}
#titleNShare{position:absolute; top:32px; right:0; height:23px; line-height:23px; color:#8e8e8f; font-size:65%; font-family:'HelveticaNeueLTStdMd'; font-weight:normal;}
#titleNShare .series{ color:#f76252; font-family:'HelveticaNeueLTStdHv'; font-style:italic;}
#titleNShare .separate{padding:0 13px;}
.shareArea{height:23px; display:inline-block;}
.shareArea h2{font-size:70%; color:#fff; font-family:'HelveticaNeueLTStdLt'; letter-spacing:0; display:inline-block; margin-right:2px;}
.shareArea a{display:inline-block; margin-left:3px; vertical-align:middle; background:url(../../IMAGES/basic/socialShareBG.png) no-repeat center; background-size:0 0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.shareArea a:hover{background-size:23px 23px;}
.shareArea a img{vertical-align:middle;}

.side1{background:url(../IMAGES/side.jpg) repeat-y right top;}
.side2{background:url(../IMAGES/side-02.jpg) repeat-y left top;}

#mainCenter td, #mainCenter tr, #mainCenter td img{padding:0; margin:0; display:inline-block;}
#mainCenter td img{margin-bottom:-6px;}
.clip{text-align:center; background:url(../IMAGES/main-04.jpg); height:495px; width:978px;}
.clip iframe{border:none; margin:0 auto;}

.footer{text-align:center; background:#351d2f; width:100%;}


.clearBoth{clear:both;}