﻿body { /*overflow: hidden; */ }
#skypedetectionswf{ display:none;}
/*預設背景佈局*/
#page { height: 100%; }
#top { width:1648px; height:100px; }
#menu { height:142px; }
#middle { width:1024px; height:100%; background-position: left 550px; }
#aside { width:274px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color :#FFFFFF; line-height:18.6667px; letter-spacing: 0.5pt; }
#aside .lang { height:30px; }
#aside .lang a { width:100%; height:100%; display:block; vertical-align:bottom; }
#main { background-position:right top; width:1024px; height:550px; }
#contain { height:343px; width:750px; }
#right { width:624px; }
#logo { width:274px; height:100%; text-align:center; margin:36px auto 0 auto; }
#footer { width:100%; height:65px; word-wrap: break-word; letter-spacing: normal; }
/* menu */
#menu ul li { height: 142px; float:left; }
#menu ul li a { height:100%; width:100%; display:block; }
/*copyright*/
#copyright { text-align:center; vertical-align:middle; width:274px; }
#copyright * { width:80%; margin: 0 auto; text-align:left; font-family: Arial, Helvetica, sans-serif; line-height: 12px; word-wrap: break-word; overflow:hidden; width:219px; }
#copyright .addr { font-size: 11.3px; }
#copyright .fax, #copyright .tel { font-size:10px; }
/* footer nav */
#nav { padding-right:24px; padding-left:112px; vertical-align:middle; font-size: 11px; line-height: 14pt; }
#nav div { height:19px; text-align:left; }
#nav table { height:19px; text-align:left; }
#nav a { font-family: Arial, Helvetica, sans-serif; }
#nav .separator { width:10px; height:19px; padding: 0 5px; text-align:center; }
#nav span { display:inline-block; width:9px; height:19px; text-align:center; margin: 0 4.1px; font-size: 11.3px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; }
.zh-tw, .en-us { display:none; }

/* about us Start*/
#contain div.context.aboutus { padding:64px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; word-spacing:1px; line-height :32px; }
/* about us End*/

/*contact Start*/
#contain div.context.contact { padding:20px 0px 0px 20px; height:300px; }
#contain div.context.contact input, #contain div.context.contact textarea { border: 2px solid #CECED5; color: #050829; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 0px; padding-bottom: 0px; resize: none; }
#contain div.context.contact textarea { width:271px; height:224px; }
#contain div.context.contact a { width:100%; height:100%; display:block; }
/*contact End*/

/* Home Start */
#contain div.context.home { padding:72px 0px 0px 20px; }
#contain div.context.home { font-family:Arial, Helvetica, sans-serif; font-size:13px; word-spacing :1px; line-height :22px; }
#contain div.context.home .portfolio_menu { width:642px; height:81px; background-image:url(../images/page/home/portfolio_menu.gif); }
#contain div.context.home .portfolio_menu a { width:214px; height:41px; display:block; }
#contain div.context.home .portfolio_menu a:hover { background-image:url(../images/page/home/portfolio_menu_hover.gif); }
#contain div.context.home .portfolio_menu a.brand:hover { background-position: 0 0; }
#contain div.context.home .portfolio_menu a.graphic:hover { background-position: -214px 0; }
#contain div.context.home .portfolio_menu a.catalog:hover { background-position: -428px 0; }
#contain div.context.home .portfolio_menu a.packaging:hover { background-position: 0 -41px; }
#contain div.context.home .portfolio_menu a.programming:hover { background-position: -214px -41px; }
#contain div.context.home .portfolio_menu a.app:hover { background-position: -428px -41px; }
#contain div.context.home .gallery .stage { background-color: #FFFFFF; height: 82px; position: relative; width: 642px; }
#contain div.context.home .gallery .stage .bases, #contain div.context.home .gallery .stage .slides, #contain div.context.home .gallery .stage .masks { height: 100%; overflow: hidden; position: absolute; width: 100%; }
#contain div.context.home .gallery .stage .slides td div,#contain div.context.home .gallery .stage .slides td div img { display: block; height: 82px; width: 214px; }

#contain div.context.home .gallery .stage .nav { position: absolute; width:100%; height:100%; display:none; }
#contain div.context.home .gallery:hover .stage .nav { display:block; }
#contain div.context.home .gallery .stage .nav.hide { display:none; }
#contain div.context.home .gallery .stage .nav a.current { position: absolute; width:100%; height:100%; display:block; }
#contain div.context.home .gallery .stage .nav a.prev { background-image:url(../images/arrows.png); background-position: left top; position: absolute; top: 25px; left: 8px; width: 32px; height: 32px; }
#contain div.context.home .gallery .stage .nav a.prev:hover { background-image:url(../images/arrows.png); background-position: left bottom; }
#contain div.context.home .gallery .stage .nav a.next { background-image:url(../images/arrows.png); background-position: right top; position: absolute; top: 25px; right: 8px; width: 32px; height: 32px; }
#contain div.context.home .gallery .stage .nav a.next:hover { background-image:url(../images/arrows.png); background-position: right bottom; }
#contain div.context.home .gallery .stage .slides img.imageLoading{ background-image:url(../images/loadingAnimation.gif); background-position:center center;}

/* Home End */

/*ourservice Start*/
#contain div.context.ourservice { padding:64px 0px 0px 20px; color: #494848; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height: 24px; word-spacing:1px; }
#contain div.context.ourservice a { display:block; color:#494848; }
#contain div.context.ourservice p { cursor: pointer; }
/*ourservice End*/

/*sitemap Start*/
#contain div.context.sitemap { padding:51px 0px 0px 20px; }
#contain div.context.sitemap a { color: #050829; font-family: Verdana, Geneva, sans-serif; letter-spacing: 0.5pt; padding: 3px 2px 1px 5px; font-size:11px; }
#contain div.context.sitemap a:hover { background-color: #D1BE08; color: #3840E9; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#contain div.context.sitemap td { vertical-align:middle; }
/*sitemap End*/
