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

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body { width:100%; margin:0px; font-size-adjust:none; -webkit-text-size-adjust:none; background-color:#ffffff; font-size:100%; }

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

img { border:none; }

ul { margin:0px; padding:0px; list-style:none; }

h2, h3, h4, h5 p { margin:0px; padding:0px; }

input  { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
select { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* FONT */



/*-------------------------------------------------------------------------------------*/
/* COMMON */

#warp { width:100%; position:relative; z-index:1; }

#top { width:1000px; height:127px; margin:0px auto; }
#top .lang_area { text-align:right; padding-top:10px; padding-right:10px; }
#top .lang_area a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px -2px; *margin:0px 0px; }
#top .lang_area a.lang { margin-left:5px; width:18px; height:12px; border:1px solid #cccccc; background-color:#ffffff; text-align:center; color:#cccccc; line-height:12px; }
#top .lang_area a.lang_en { font-size:0.625em; font-family:"Times New Roman", Times, serif; padding:3px 0px 4px 0px; }
#top .lang_area a.lang_tc { font-size:0.75em; padding:5px 0px 2px 0px; }
#top .lang_area a.lang_sc { font-size:0.75em; padding:5px 0px 2px 0px; }
#top .lang_area a.this_lang { background-color:#63b6de; color:#ffffff; }
#top .lang_area a.home { width:20px; height:19px; background:url(../img/icon_home.jpg) no-repeat left top; margin-left:8px; }
#top .top_area { padding:23px 3px 0px 5px; }
#top .top_area .logo { float:left; }
#top .top_area .logo a { display:block; width:372px; height:57px; background:url(../img/logo.jpg) no-repeat left top; }
#top .top_area .menu_area { float:right; width:612px; padding-top:31px; text-align:right; }
#top .top_area .menu_area ul.menu_list { }
#top .top_area .menu_area ul.menu_list li { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px -2px; *margin:0px 0px; height:26px; }
#top .top_area .menu_area ul.menu_list li a { display:block; height:19px; margin-left:7px; }
#top .top_area .menu_area ul.menu_list li a#menu_1 { width:63px !important; background-position:0 -30px !important; }
#top .top_area .menu_area ul.menu_list li a#menu_2 { width:86px !important; background-position:-74px -30px !important; }
#top .top_area .menu_area ul.menu_list li a#menu_3 { width:120px !important; background-position:-167px -30px !important; }
#top .top_area .menu_area ul.menu_list li a#menu_4 { width:115px !important; background-position:-294px -30px !important; }
#top .top_area .menu_area ul.menu_list li a#menu_5 { width:77px !important; background-position:-417px -30px !important; }
#top .top_area .menu_area ul.menu_list li a#menu_6 { width:102px !important; background-position:-502px -30px !important; }
#top .top_area .menu_area ul.menu_list li a span { display:block; width:100%; height:100%; }
#top .top_area .menu_area ul.menu_list li a#menu_1 span { background-position:0 0 !important; }
#top .top_area .menu_area ul.menu_list li a#menu_2 span { background-position:-74px 0 !important; }
#top .top_area .menu_area ul.menu_list li a#menu_3 span { background-position:-167px 0 !important; }
#top .top_area .menu_area ul.menu_list li a#menu_4 span { background-position:-294px 0 !important; }
#top .top_area .menu_area ul.menu_list li a#menu_5 span { background-position:-417px 0 !important; }
#top .top_area .menu_area ul.menu_list li a#menu_6 span { background-position:-502px 0 !important; }
#top .top_area .menu_area ul.menu_list li.onMenu { background:url(../img/menu_row.jpg) no-repeat center bottom; }
#top .top_area .menu_area ul.menu_list li.onMenu a span { display:none !important; }

#banner { width:100%; padding-top:2px; border-top:1px solid #cccccc; }
#banner .home_banner { width:1000px;height:343px; xheight:411px; margin:0px auto; }


#banner .home_bnr { width:100%; height:343px; xheight:411px; position:relative; z-index:1; }
#banner .home_bnr .banner_fixed { width:1000px; height:343px; xheight:411px; margin:0 auto; position:relative; z-index:2000; }
#banner .home_bnr .banner_show { width:1000px; height:343px; xheight:411px; overflow:hidden; margin:0 auto; position:relative; margin-top:-343px; }
#banner .home_bnr .banner_show img { display:none;}
#banner .home_bnr .banner_show img.active { display:block; }


#banner .inner_banner { width:100%; height:234px; margin:0px auto; }
#banner .inner_banner.about_banner { background:url(../img/inner_banner_about_us.jpg) no-repeat center top; }
#banner .inner_banner.gallery_banner { background:url(../img/inner_banner_gallery.jpg) no-repeat center top; }
#banner .inner_banner.product_banner { background:url(../img/inner_banner_product.jpg) no-repeat center top; }
#banner .inner_banner.careers_banner { background:url(../img/inner_banner_careers.jpg) no-repeat center top; }
#banner .inner_banner.contact_banner { background:url(../img/inner_banner_contact_us.jpg) no-repeat center top; }

#main { width:1000px; margin:0px auto; }
#main .content { font-size:1em; }
#main .content .title_dot { position:absolute; right:0px; bottom:-3px; width:25px; height:5px; background:url(../img/title_line_dot.jpg) no-repeat left top; display:block; }

#footer { width:100%; background:url(../img/footer_shadow.jpg) no-repeat center top; }
#footer .footer_area { width:1000px; margin:0px auto; font-size:0.688em; }
#footer .footer_area .copyright { float:left; padding-top:10px; padding-bottom:14px; color:#333333; }
#footer .footer_area .desginby { float:right; padding-top:10px; padding-bottom:14px; }
#footer .footer_area .desginby a { color:#333333; }
#footer .footer_area .desginby a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.indexType #top,
.indexType #main,
.indexType #footer .footer_area { xpadding:0px 100px; }

.index_content { padding-top:22px; padding-bottom:10px; }
.index_box { float:left; width:300px; margin-left:35px; }
.index_box:first-child { margin-left:15px !important; }
.index_box .index_box_title { position:relative; border-bottom:1px solid #c8e5f3; padding-bottom:7px; padding-left:4px; text-transform:uppercase; color:#63b6de; font-size:1.125em; font-family:'Century Gothic'; font-weight:bold; }
.index_box .index_box_content { width:100%; }

#box_1 .index_box_content { padding-top:27px; font-size:0.75em; text-align:justify; color:#333333; }
#box_1 .index_box_content .scrollbar{ float:right; width:4px; position:relative; margin-left:2px; margin-right:2px; background-color:#e9f5fa; }
#box_1 .index_box_content .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#c8e5f3; }
#box_1 .index_box_content .thumb .end { overflow:hidden; height:7px; width:8px; background:#c8e5f3; }
#box_1 .index_box_content .disable { display:none; }
#box_1 .index_box_content .viewport { width:275px; height:228px; overflow:hidden; position:relative; }
#box_1 .index_box_content .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; width:100%; }

#box_2 .index_box_content { padding-top:17px; }
#box_2 .index_box_content .index_photo_tab { padding-left:8px; }
#box_2 .index_box_content .index_photo_tab a { float:left; display:block; margin:0px 2px; height:23px; padding:0px 10px; line-height:23px; color:#98cce5; font-size:0.875em; }
#box_2 .index_box_content .index_photo_tab a:hover { color:#63b6de; }
#box_2 .index_box_content .index_photo_tab a.onTab { border:1px solid #bde5ff; border-bottom:none; -webkit-border-radius:6px 6px 0px 0px; -moz-border-radius:6px 6px 0px 0px; border-radius:6px 6px 0px 0px; background:#e1f1f9; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#e1f1f9)); background:-webkit-linear-gradient(#FFFFFF, #e1f1f9); background:-moz-linear-gradient(#FFFFFF, #e1f1f9); background:-ms-linear-gradient(#FFFFFF, #e1f1f9); background:-o-linear-gradient(#FFFFFF, #e1f1f9); background:linear-gradient(#FFFFFF, #e1f1f9); -pie-background:linear-gradient(#FFFFFF, #e1f1f9); behavior:url(../pie/PIE.php); position:relative; color:#63b6de; }
#box_2 .index_box_content .index_photo_list { width:288px; height:207px; padding:14px 5px 0px 5px; border:1px solid #e8f4fa; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; behavior:url(../pie/PIE.php); position:relative; }
#box_2 .index_box_content .index_photo_list a { float:left; display:block; width:90px; height:90px; margin:0px 3px 13px 3px; }

#box_3 .index_box_content { padding-top:9px; padding-left:3px; }
#box_3 .index_box_content a { display:block; margin-bottom:5px; }

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */

.about_content { width:974px; padding:30px 0px 78px 26px; }
.about_content .page_title { position:relative; border-bottom:1px solid #c8e5f3; padding-bottom:7px; padding-left:2px; margin-bottom:32px; color:#63b6de; font-size:1.125em; font-family:'Century Gothic'; font-weight:bold; }
.about_content table { color:#333333; font-size:0.813em; }
.about_content table tr { }
.about_content table tr td { padding-bottom:18px }
.about_content table tr td.table_line { background-color:#63b6de; }
.about_content table tr td:first-child { color:#63b6de; }

/*-------------------------------------------------------------------------------------*/
/* PHOTO GALLERY */

.gallery_content { width:968px; padding:22px 0px 19px 34px; }
.gallery_content .gallery_cate_area { float:left; width:200px; padding-top:5px; }
.gallery_content .gallery_cate_area ul { }
.gallery_content .gallery_cate_area ul li { padding-bottom:10px; }
.gallery_content .gallery_cate_area ul li a { font-family:'Century Gothic'; xfont-weight:bold; }
.gallery_content .gallery_cate_area ul li a.lv1 { display:block; width:176px; padding-top:4px; padding-bottom:6px; border-bottom:1px solid #c8e5f3; position:relative; color:#63b6de; font-size:1.125em; }
.gallery_content .gallery_cate_area ul li .pull_down { padding-top:16px; }
.gallery_content .gallery_cate_area ul li .pull_down a.lv2 { display:block; padding-left:11px; margin-bottom:12px; background:url(../img/gallery_cate_row.jpg) no-repeat 1px 6px; font-size:0.875em; color:#538ca7; }
.gallery_content .gallery_cate_area ul li .pull_down a.lv2:hover { text-decoration:underline; }

.gallery_content .gallery_list_area { float:right; width:758px; }
.gallery_content .gallery_list_area .gallery_title { height:31px; padding-left:18px; background:url(../img/gallery_title_bg.jpg) no-repeat left top; line-height:31px; color:#ffffff; font-size:1.125em; font-family:'Century Gothic'; }
.gallery_content .gallery_list_area .gallery_list { padding-top:35px; padding-left:14px; padding-bottom:9px; }
.gallery_content .gallery_list_area .gallery_list .gallery { float:left; width:233px; height:222px; margin-right:14px; margin-bottom:7px; }
.gallery_content .gallery_list_area .gallery_list .gallery .gallery_cover { display:block; width:227px; height:176px; padding:3px; background-color:#ffffff; -webkit-box-shadow:0px 0px 6px #ccc; -moz-box-shadow:0px 0px 6px #ccc; box-shadow:0px 0px 6px #ccc; behavior:url(../pie/PIE.php); }
.gallery_content .gallery_list_area .gallery_list .gallery .gallery_name { display:block; padding:7px 5px 0px 5px; text-align:center; color:#333333; font-size:0.813em; }

.gallery_content .gallery_list_area .multipage { padding-right:16px; text-align:right; }
.gallery_content .gallery_list_area .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px 2px; *margin:0px 4px; width:20px; height:20px; font-size:0.75em; color:#333333; text-align:center; line-height:20px; }
.gallery_content .gallery_list_area .multipage a:hover { color:#63b6de; }
.gallery_content .gallery_list_area .multipage a.onpage { background-color:#cccccc; color:#ffffff; }

/*-------------------------------------------------------------------------------------*/
/* OUR PRODUCTS */

/*-------------------------------------------------------------------------------------*/
/* CAREERS */

.careers_content { width:949px; padding:49px 0px 150px 33px; }
.careers_content p { font-size:0.938em; color:#333333; line-height:20px; }

/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

.contact_content { width:968px; padding:45px 0px 84px 26px; }
.contact_content .contact_info { float:left; width:424px; font-weight:bold; line-height:24px; }
.contact_content .contact_info .company_name { margin-left:4px; margin-bottom:10px; font-size:1.25em; }
.contact_content .contact_info .sub_title { height:31px; padding-left:4px; margin-bottom:22px; background:url(../img/contact_sub_title_bg.jpg) no-repeat left top; font-size:1.25em; color:#ffffff; line-height:31px; }
.contact_content .contact_info .address_title { width:410px; padding-bottom:6px; margin-left:4px; margin-bottom:24px; border-bottom:1px solid #63b6de; }
.contact_content .contact_info .address_list { margin-left:7px; }
.contact_content .contact_info .address_list ul { }
.contact_content .contact_info .address_list ul li { padding-left:15px; padding-bottom:22px; background:url(../img/contact_list_style.jpg) no-repeat left 6px; }
.contact_content .contact_info .address_list ul li a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:73px; height:20px; border:1px solid #63b6de; background-color:#63b6de; text-align:center; font-size:0.75em; color:#ffffff; line-height:20px; }
.contact_content .contact_info .other_info { margin-left:4px; }
.contact_content .contact_info .other_info a { color:#63b6de; }
.contact_content .contact_info .other_info a:hover { text-decoration:underline; }

.contact_content .contact_photo_area { float:right; width:536px; padding-top:13px; padding-left:8px; }
.contact_content .contact_photo_area .contact_photo { float:left; width:245px; height:175px; padding:3px; background-color:#ffffff; margin-right:13px; margin-bottom:14px; -webkit-box-shadow:0px 0px 10px #666; -moz-box-shadow:0px 0px 10px #666; box-shadow:0px 0px 10px #666; behavior:url(../pie/PIE.php); position:relative; }