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

body{ background:#cbe5ee; font:100% Calibri, "微軟正黑體"; color:#000; margin:0; padding:0;}
input, select, textarea{font:100% Calibri, "微軟正黑體"; margin:0; padding:0; border:#cccccc 1px solid; vertical-align:middle;}
textarea{padding:5px;}
.center{text-align:center;}
a{ text-decoration:none;}




#main{width:1000px; margin:0 auto;}

/*上方*/
#header{float:left; width:100%;  background: url(../images/bg_top.jpg) no-repeat left top;}
#header #logo{float:left; width:293px; height:88px;}
#header #logo a{display:block; width:293px; height:88px;text-indent:-9999px;}

/*主目錄第一層*/
#header #menu{float:left; width:705px; height:88px;}
#header #menu ol{float:left;width:100%; height:88px;}
#header #menu ol li{display:block; float:left; height:88px; text-indent:-9999px;}
#header #menu ol li.btn_01 a{display:block; width:150px; height:88px;background:url(../images/bg_top.jpg) no-repeat -293px top;}
#header #menu ol li.btn_02 a{display:block; width:150px; height:88px;background:url(../images/bg_top.jpg) no-repeat -443px top;}
#header #menu ol li.btn_03 a{display:block; width:150px; height:88px;background:url(../images/bg_top.jpg) no-repeat -593px top;}
#header #menu ol li.btn_04 a{display:block; width:150px; height:88px;background:url(../images/bg_top.jpg) no-repeat -743px top;}
#header #menu ol li.btn_05 a{display:block; width:45px; height:88px;background:url(../images/bg_top.jpg) no-repeat -893px top;}
#header #menu ol li.btn_06 a{display:block; width:55px; height:88px;background:url(../images/bg_top.jpg) no-repeat -941px top; margin-left:3px;}
#header #menu ol li.btn_01 a:hover, #header #menu ol li.btn_01 a.now{background:url(../images/bg_top_hover.jpg) no-repeat -293px top;}
#header #menu ol li.btn_02 a:hover, #header #menu ol li.btn_02 a.now{background:url(../images/bg_top_hover.jpg) no-repeat -443px top;}
#header #menu ol li.btn_03 a:hover, #header #menu ol li.btn_03 a.now{background:url(../images/bg_top_hover.jpg) no-repeat -593px top;}
#header #menu ol li.btn_04 a:hover, #header #menu ol li.btn_04 a.now{background:url(../images/bg_top_hover.jpg) no-repeat -743px top;}
#header #menu ol li.btn_05 a:hover, #header #menu ol li.btn_05 a.now{background:url(../images/bg_top_hover.jpg) no-repeat -893px top;}
#header #menu ol li.btn_06 a:hover, #header #menu ol li.btn_06 a.now{background:url(../images/bg_top_hover.jpg) no-repeat -941px top;}


/*首頁banner*/
#header #banner{float:left; width:100%; height:388px; background:url(../images/index_banner.png) no-repeat left top; text-align:center; z-index:0;}
#header #banner .btn_taiwan{position:absolute; width:18px; height:18px; margin-top:155px; margin-left:400px; z-index:10;}
#header #banner .btn_shanghai{position:absolute; width:18px; height:18px; margin-top:134px; margin-left:383px; z-index:10;}
#header #banner .btn_shenzhen{position:absolute; width:18px; height:18px;margin-top:154px; margin-left:359px; z-index:10;}
#header #banner .btn_hongkong{position:absolute; width:18px; height:18px;margin-top:159px; margin-left:375px; z-index:10;}
#header #banner .btn_taiwan a, #header #banner .btn_shanghai a, #header #banner .btn_shenzhen a, #header #banner .btn_hongkong a{display:block; width:18px; height:18px;}
#header #banner .btn_taiwan .date_taiwan{position:absolute;width:142px; height:75px; z-index:599; text-indent:0; margin-top:-10px; margin-left:15px;display:none;}
#header #banner .btn_shanghai .date_shanghai{position:absolute;width:142px; height:75px; z-index:599; text-indent:0; margin-top:-92px; margin-left:10px;display:none;}
#header #banner .btn_shenzhen .date_shenzhen{position:absolute;width:142px; height:95px; z-index:599; text-indent:0; margin-top:-5px; margin-left:-130px;display:none;}
#header #banner .btn_hongkong .date_hongkong{position:absolute;width:142px; height:77px; z-index:599; text-indent:0; margin-top:-5px; margin-left:10px;display:none;}
#header #banner .btn_taiwan:hover .date_taiwan,
#header #banner .btn_shanghai:hover .date_shanghai,
#header #banner .btn_shenzhen:hover .date_shenzhen,
#header #banner .btn_hongkong:hover .date_hongkong{display:block;}

#header #banner .btn{position:absolute; width:11px; height:11px; background:url(../images/arrow_03.png) no-repeat left top; z-index:5;}
#header #banner .london{margin:115px 0 0 63px;}
#header #banner .london span{position:absolute;display:none; background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-28px 0 0 -28px; padding:3px; border:#fff 1px solid;}
#header #banner .italy{margin:140px 0 0 103px;}
#header #banner .italy span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-27px 0 0 10px;padding:3px; border:#fff 1px solid;}
#header #banner .hamburg{margin:110px 0 0 90px;}
#header #banner .hamburg span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-28px 0 0 5px;padding:3px; border:#fff 1px solid;}
#header #banner .vietnam{margin:205px 0 0 355px;}
#header #banner .vietnam span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-22px 0 0 -60px;padding:3px; border:#fff 1px solid;}
#header #banner .singapore{margin:223px 0 0 348px;}
#header #banner .singapore span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:5px 0 0 -70px;padding:3px; border:#fff 1px solid;}
#header #banner .sydney{margin:300px 0 0 490px;}
#header #banner .sydney span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-25px 0 0 7px;padding:3px; border:#fff 1px solid;}
#header #banner .tokyo{margin:150px 0 0 442px;}
#header #banner .tokyo span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-25px 0 0 7px;padding:3px; border:#fff 1px solid;}
#header #banner .losangeles{margin:150px 0 0 685px;}
#header #banner .losangeles span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-25px 0 0 -80px;padding:3px; border:#fff 1px solid;}
#header #banner .chicago{margin:135px 0 0 750px;}
#header #banner .chicago span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-27px 0 0 -20px;padding:3px; border:#fff 1px solid;}
#header #banner .newyork{margin:140px 0 0 810px;}
#header #banner .newyork span{position:absolute;display:none;background:url(../images/banner_bg.png) repeat-x left bottom; z-index:599;text-indent:0; color:#333; margin:-25px 0 0 7px;padding:3px; border:#fff 1px solid;}


#header #banner .london:hover span,
#header #banner .italy:hover span,
#header #banner .hamburg:hover span,
#header #banner .vietnam:hover span,
#header #banner .singapore:hover span,
#header #banner .sydney:hover span,
#header #banner .tokyo:hover span,
#header #banner .losangeles:hover span,
#header #banner .chicago:hover span,
#header #banner .newyork:hover span{display:block;}

#article{float:left; width:100%; background:#fff url(../images/page_bg.jpg) repeat-x left top; font-size:0.8125em;}

/*首頁聯絡我們*/
#index_contact{float:left; width:100%;}


/*首頁公司*/
#index_company{float:left; width:100%; border-bottom:#d0e4ec 1px solid;}
	
/* 首頁內容*/
#index_content{float:left; width:85%; background:url(../images/index_content_bg.jpg) no-repeat right bottom; margin:50px 75px;}
#index_content ul{float:left; width:35%; list-style:disc url(../images/arrow_01.jpg) outside; margin:15px;}
#index_content ul li{color:#73bfdd; text-decoration:underline; margin:15px 0;}


/* 內頁內容*/
#page_content{float:left; width:85%; margin:50px 75px; color:#757575;}
#page_content p{line-height:23px; margin:10px 0;}
#page_content h3{font-size:1.5em;color:#58a9c9;}
#page_content strong{color:#333; text-decoration:underline;}
#page_content ul{float:left; width:35%; list-style:disc url(../images/arrow_01.jpg) outside; margin:15px;}
#page_content ul li{color:#58a9c9; text-decoration:underline; margin:15px 0;}
#page_content a{color:#e38500; text-decoration:underline; }
#page_content a:hover{text-decoration:none; }










/*copyright*/
#footer{float:left;width:100%; height:98px; background:url(../images/footer.jpg) no-repeat left top; margin:0 auto;}
#footer .copyright{float:left;width:400px; height:30px; font:0.9em Calibri, "微軟正黑體";  padding:30px; line-height:20px;}
#footer .copyright1{float:left;width:400px; height:30px; font:0.9em Calibri, "微軟正黑體";  padding:30px; line-height:20px;}
#footer p{ color:#ffffff;text-align:left;}
#footer a{color:#868484;}
#footer a:hover{color:#fff;}
#footer .lang_en{float:left; width:85px; height:98px; text-indent:-9999px;}
#footer .lang_en a{display:block; width:85px; height:90px;}
#footer .lang_tw{float:left; width:85px; height:98px; text-indent:-9999px;}
#footer .lang_tw a{display:block; width:85px; height:90px;}