﻿
/* CSS Document */

/* Font Family Settings ------ */
/*body.zh-tw { font-family:"瀹嬩綋";}*/
body{font-family:Trebuchet MS,Arial, Helvetica, sans-serif; background:#fff; color:#4f4f4f; margin:0px;font-size:70%; min-width:966px;}
body.zh-tw{ font-family:"瀹嬩綋";}
/* Firefox Scrollbar Hack - Do not remove */
html {margin-bottom: 30px; height: 20%; background:white;}

/* Font Style Setting-----------*/
.f_bold{ font-weight:bold;	}
.f_italic{ font-style:italic;}
.f_red{	   color:#B40202;}
.f_white{  color:#fff;}
.f_orange{ color:#fe7800;}
.f_purple{ color:#72478F;}
.f_black{  color:#000;}
.f_blue{   color:#008BCC;}
.f_gray{   color:#5B5D57;}

/* Core Formatting ------ */
body.zh-tw #page div{ font-size:130%;}
td,tr,div,p{
	line-height:160%;
	padding:0px;
	margin:0px;
	font-size:100%;
	}
p { margin:0px 0px 20px 0px;}
p.red, span.red{ color:#c00a16;}
.text_p{font-size:80%;line-height: 120%; color:#656565;}
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; font-weight:normal; color:#c10b18;}
h1 { color:#c10b18; font-size:140%; line-height:135%; margin-bottom:27px;  text-transform:uppercase; background:url("../images/mainbottom_icon.jpg") no-repeat left top transparent; padding-left:32px;}
h2 {font-size: 130%; line-height: 160%; margin-bottom:22px; /*color:#0095d9; */ font-weight:bold;}
h3 {font-size: 140%; line-height: 120%;margin-bottom:22px; text-transform:uppercase;}
#page h3 { font-size:130%; text-transform:none;}
h4 {font-size: 120%; line-height: 160%;margin-bottom:22px;}
h5 {font-size: 115%; line-height: 160%;margin-bottom:22px; color:#4F4F4F; font-weight:bold;}
h6 {font-size: 110%; line-height: 160%;margin-bottom:22px;}
.a_left{ text-align:left;}
.a_right{ text-align:right;}
.v_middle{ vertical-align:middle;}
.float_l{ float:left;}
.float_r{ float:right;}
.margin-t{ margin-top:20px;}
a, a:link, a:visited, a:hover {color:#4f4f4f; text-decoration: underline; font-weight: normal; cursor:pointer;}
a:hover {color:#4f4f4f;}
a.more:link, a.more:visited, a.more:hover {color: #ff9700; font-size:90%; text-decoration: underline;}
a.more:hover {color:#fff;}

table.network tr td {border-bottom:1px dotted #CCCCCC; padding:15px 0;}
table.network tr td.none { border-bottom:none;}

.img_frame { padding:1px; border:1px solid #CCCCCC; }
table tr.gray_tr_frame td{ border-bottom:1px solid #CCC; border-left:1px solid #CCC; padding:0 3px;}
table.gray_style { border-top:1px solid #CCC; border-right:1px solid #CCC;}

/* Link Style ------ */
a.bt:link, a.bt:visited, a.bt:hover{ height:22px; line-height:22px; background:url(../images/button.jpg) no-repeat left top; padding:0px 15px 0px 25px; display:inline-block; text-decoration:none; font-size:11px; color:#fff;}
/*a.bt:hover{ color:#000;}*/

/* Button from Formatting */
input, select, textarea{ padding-left:2px; color:#666; font-size:95%;}
input.inputbox{  border:1px solid #ddd;font-size:100%; height:18px; vertical-align:middle; line-height:18px;}
.button{ background:url("../images/menu_bg.jpg") repeat-x scroll left bottom transparent; border:0; color:#fff; height:22px; line-height:17px; font-family:helvetica, Arial, sans-serif; padding:1px 20px 4px; font-weight:bold; cursor:pointer; font-size:12px;}
/* Main Page Structure ------ */
.wrapper{ width:1000px; margin:0px auto;}

/* Main Header ------ */
#header{ position:relative; height:132px; z-index:100;}
#header .logo{ margin-bottom:5px; padding-top:14px;}
#header .menu{ margin-bottom:13px; height:36px; background:#818487  url(../images/menu_logo.jpg) right top no-repeat;}

.language{ position:absolute; top:40px; right:0px;}
.language ul li{ float:left;}
.language ul li.zh a{ background:url(../images/flag_cn.jpg) left center no-repeat;}
.language ul li.en a{ background:url(../images/flag_en.jpg) left top no-repeat; }
.language ul li.ja a{ background:url(../images/flag_ja.jpg) left top no-repeat; }
.language ul li a { color:#4f4f4f; padding-left:25px; font-size:12px; text-transform:uppercase; text-decoration:none; margin-left:15px; }
.language ul li#active_language a { color:#c10b18;}
.language ul li a:hover{ text-decoration:underline; }
/*.language ul li.ja{ display:none;}*/

/* Main Container ------ */
#main-container{ position:relative; z-index:10;}
#main-container .section{ padding-bottom:22px;}
#main-container .section h3{ color:#EEB422; font-size:19px; font-family:楷体; font-weight:bold;}
#main-container .section img{ margin:0 10px 30px 0;}
#main-container .section .trading img{ margin:0;}
#main-container .section p{ color:#fff; line-height:120%; margin:0;}
#main-container .section p.title{ text-transform:uppercase; font-size:105%; line-height:105%; margin-bottom:7px;}
#main-container .section p sup{ font-size:8px; line-height:7px;}
#main-container .section div div div{ height:70px; line-height:10px;}
#main-container .section a.more{ text-transform:uppercase; color:#fff; font-size:100%; text-decoration:none; background:url(../images/more_icon.gif) right 5px no-repeat; padding-right:8px; clear:both;}
#main-container .section a.more:hover{ text-decoration:underline;}
.zh-tw #main-container .section a.more{ font-size:105%;}

#main-container .logistic{ background:url(../images/zhoucheng.jpg) left top no-repeat; padding:171px 20px 5px; width:280px; float:left; margin-right:20px;}
#main-container .trading{ background:url(../images/yeyajian.jpg) left top no-repeat; padding:171px 20px 5px; width:280px; float:left; margin-right:20px;}
#main-container .manufacturing{ background:url(../images/runhuayou.jpg) left top no-repeat; padding:171px 20px 5px; width:280px; float:right;}

#main-container .main-bottom{ background:url(../images/main_line.jpg) left top no-repeat; padding-top:49px; }
#main-container p{ font-size:105%;}

.main-bottom-l{ background:url(../images/main_bottom_bg.jpg) left top repeat-y;}
.homebottom {margin-bottom:39px;}
.main-bottom-l-t{ background:url(../images/main_bottom_t.jpg) left top no-repeat;}
.main-bottom-l-b{ background:url(../images/main_bottom_b.jpg) left bottom no-repeat; padding-bottom:22px;}

.main-bottom-l .company{ width:284px; padding:0 30px 0 10px; float:left;}
.main-bottom-l .company h3, .about-licksang h3{ /*background:url(../images/mainbottom_icon.jpg) left top no-repeat; padding-left:32px; */line-height:135%; margin-bottom:27px;}
.main-bottom-l .company img { padding-left:38px; width:200px;}

.about-licksang{ width:275px; padding:0 12px 0 20px; float:left;}
.contact-us p{ border-bottom:1px solid #dadada; padding-bottom:23px; margin-bottom:23px;}

.contact-us{ float:left; width:289px; padding:0 12px 0 34px;}
.qulaity_font { font-size:12px;}
/*.contact-us h3{ background:url(../images/contact_us_t.jpg) left top no-repeat; height:33px; line-height:35px; padding:2px 0 0 18px; margin:0;}*/
.contact-us .contact-us-b{ padding:17px 20px 0px; min-height:219px;}
.about-licksang p{ margin-bottom:10px;}
.about-licksang p.info{ color:#c3131f;}
.about-licksang p.info img { padding-top:14px;}
a.otherbutton{ background:url(../images/other_button.jpg) left top no-repeat; height:23px; line-height:23px; color:#fff; display:block; text-decoration:none;text-transform:uppercase; font-size:105%; padding-left:10px; margin:10px 0 0 0;}
a.otherbutton:hover{ color:#fff;}
.zh-tw a.otherbutton {background:url(../images/cn/other_button.jpg) left top no-repeat;}


#page ul{ margin-left:34px; margin:0 0 20px; padding:0;}
#page ul li{ list-style:none; margin:0; padding-left:17px; background:url(../images/ul_icon.jpg) left 5px no-repeat; font-size:105%;}
#page ol{ margin-left:40px; margin-bottom:20px; padding:0;}
#page ol li{ list-style:decimal; font-size:105%;}

.hasleftmenu .inner{ background:url(../images/inner_bg.jpg) left top repeat-y; padding-bottom:39px;}
.hasleftmenu .inner-t{ background:url(../images/inner_t.jpg) left top no-repeat;}
.inner-t{ min-height:400px;}
.main-bottom .left-menu{ display:none;}
.hasleftmenu .left-menu{ display:block;}

.left-menu{ width:278px; margin-right:20px; float:left;}
.innercol{ padding:6px 0 0 19px; width:669px; 
float:left;
}

table.default{ border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; margin-bottom:20px;}
table.default td,table.default th{ border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:left; padding:6px 30px 6px 11px; font-weight:bold; font-size:105%;}
table.default th{ background:#ececec; color:#c00a16;}
table.default td{ width:70%;}
table.default td.gray{ width:30%; background:#f7f7f7;}

.grayline { border-bottom:1px solid #ccc; margin:0 0 20px 0;}
/* Main Footer ------ */
#footer{background:#818487;}
#footer .footer-wrapper{  padding-top:15px; width:966px; margin:0px auto;}
#footer p{ color:#fff; font-size:105%; padding-left:5px; font-family:Trebuchet MS,Arial, Helvetica, sans-serif;}
#footer p a.copy{ color:#fff; text-decoration:none;}
