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

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

html, body { margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; -webkit-text-size-adjust:none; font-size-adjust:none; }

body { width:100%; }

/* ---------------- 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 */

.style_index_box_title { font-size:16px; color:#ffffff; font-weight:normal; text-transform:uppercase; }

.style_about_content { font-size:14px; color:#336699; font-weight:normal; }

.style_contact_com_name { font-size:18px; color:#063564; font-weight:normal; text-transform:uppercase; }
.style_contact_content { font-size:13px; color:#336699; font-weight:normal; }
.style_contact_content a { color:#336699; text-decoration:none; }
.style_contact_content a:hover { color:#336699; text-decoration:underline; }




.style_copyright { font-size:12px; color:#999999; font-weight:normal; }
.style_copyright a { color:#999999; text-decoration:none; }
.style_copyright a:hover { color:#999999; text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#warp { width:100%; }

#top { width:1000px; margin:0px auto; }
#top .logo_lang { width:957px; height:46px; margin-left:40px; margin-top:55px; margin-right:3px; }
#top .logo_lang .logo { float:left; display:block; width:596px; height:20px; background:url(../img/logo.jpg) no-repeat left top; margin-top:10px; }
#top .logo_lang .lang_area { float:right; }
#top .logo_lang .lang_area a { display:inline-block; width:39px; height:43px; margin-right:6px; }
#top .logo_lang .lang_area #en { background:url(../img/lang_en.jpg) no-repeat left top; }
#top .logo_lang .lang_area #tc { background:url(../img/lang_tc.jpg) no-repeat left top; }
#top .menu_area { width:960px; height:40px; background-color:#333333; padding-left:40px; }
#top .menu_area ul.menu { list-style:none; margin:0px; padding:0px; }
#top .menu_area ul.menu li { display:inline-block; margin-right:52px; margin-top:13px; }
#top .menu_area ul.menu li a.btn_menu { display:block; height:15px; background-repeat:no-repeat; }

.main { width:1000px; margin:0px auto; }
.main .left_side { float:left; width:332px; }

.main .main_side { float:left; width:668px; }
.main .main_side .inner_banner { width:668px; height:176px; }

#footer { width:100%; background:url(../img/footer_shadow.jpg) repeat-x center top; padding-top:13px; }
#footer .footer_area { width:1000px; height:16px; margin:0px auto; margin-bottom:8px; }
#footer .footer_area .copyright { float:left; margin-left:20px; }
#footer .footer_area .web_design { float:right; margin-right:20px; }

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

#index .home_banner { width:1000px; height:414px; background-color:#333333; margin-bottom:18px; }

#index .index_box_area { padding-left:1px; margin-bottom:30px; }
#index .index_box_area .index_box { float:left; width:240px; height:159px; position:relative; margin-right:13px; cursor:pointer; }
#index .index_box_area .last_box { margin-right:0px; }
#index .index_box_area .index_box .box_title { width:240px; height:26px; padding-top:7px; margin-top:126px; position:absolute; background:url(../img/index_box_bar.png) no-repeat left top; text-align:center; }
#index .index_box_area .index_box .box_content { width:238px; height:157px; border:1px solid #999999; }

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

#about .left_side { height:622px; background:url(../img/left_bg_about.jpg) #9abdd1 no-repeat left top; }

#about .main_side .content { width:627px; height:397px; background:url(../img/about_bg.jpg) #dfdfdf no-repeat left bottom; padding-left:41px; padding-top:49px; }
#about .main_side .content .detail { width:558px; line-height:24px; text-align:justify; }
#about .main_side .content .detail b { font-size:16px; }

/*-------------------------------------------------------------------------------------*/
/* BASIC SERVICES */

#basic_services.main { background-color:#3181a1; }
#basic_services .left_side { min-height:653px; _height:653px; background:url(../img/left_bg_basic.jpg) #3181a1 no-repeat left top; }

#basic_services .main_side .content { width:631px; background-color:#dedede; padding-left:37px; padding-top:23px; }
#basic_services .main_side .content .sev_list { width:600px; padding-bottom:40px; }
#basic_services .main_side .content .sev_list .sev_title { width:597; height:24px; background:url(../img/sev_list_line.jpg) no-repeat right bottom; margin-left:3px; margin-bottom:16px; }
#basic_services .main_side .content .sev_list .detail_area { width:600px; }
#basic_services .main_side .content .sev_list .detail_area .detail_img { float:left; width:190px; height:126px; margin-right:5px; background:url(../img/sev_img_bg) no-repeat left top; padding-left:8px; padding-top:8px; }
#basic_services .main_side .content .sev_list .detail_area .detail_img img { width:182px; height:118px; }
#basic_services .main_side .content .sev_list .detail_area .detail_content { float:left; width:397px; margin-top:12px; }
#basic_services .main_side .content .sev_list .detail_area .detail_content ul { margin:0px; padding-left:15px; }
#basic_services .main_side .content .sev_list .detail_area .detail_content ul li { padding-bottom:10px; }

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

#contact .left_side { height:622px; background:url(../img/left_bg_contact.jpg) no-repeat left top; }

#contact .main_side .content { width:628px; height:410px; background-color:#dedede; padding-left:40px; padding-top:36px; }
#contact .main_side .content .detail { width:576px; xtext-align:justify; }
#contact .main_side .content .detail .txt { float:left; width:336px; margin-right:22px; margin-top:4px; }
#contact .main_side .content .detail .txt .company_name { line-height:24px; }
#contact .main_side .content .detail .txt .table { display:table; behavior:url(../js/display-table.min.htc); }
#contact .main_side .content .detail .txt .row { display:table-row; }
#contact .main_side .content .detail .txt .row div { display:table-cell; }
#contact .main_side .content .detail .txt .row .comma { width:10px; text-align:center; }
#contact .main_side .content .detail .txt #company .row div { padding-bottom:8px; }
#contact .main_side .content .detail .txt #company .subject { width:75px; }

#contact .main_side .content .detail .google_map { float:left; width:209px; height:211px; padding-left:8px; padding-top:8px; background:url(../img/map_bg.jpg) no-repeat left top; }