@charset "UTF-8";
/* CSS Document */
:link { color: #FFCC00; text-decoration:none;}
:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
div, p, a, li, td { -webkit-text-size-adjust:none; }
i {display:none; font-style:normal;}

@font-face {
	font-family: 'pds_wf';
	src: url('fonts/pds_wf.eot');
	src: local('☺'), url('fonts/pds_wf.woff') format('woff'), url('fonts/pds_wf.ttf') format('truetype'), url('fonts/pds_wf.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*Default Styles*/
h7{font-family:'pds_wf', sans-serif;font-size:38px; letter-spacing:1px;  color:#FFCC00; margin-bottom:18px; text-shadow: 0px 1px 1px rgba(0,1,0,1);}
h8{font-family:'pds_wf', sans-serif;font-size:30px; letter-spacing:1px;  color: #FFFFFF; margin-bottom:18px; text-shadow: 0px 1px 1px rgba(0,1,0,1);}
h3{font-family:'pds_wf', sans-serif;font-size:23px;line-height:1.2em; letter-spacing:1px; color:#0078BA;margin:10px 0px 0px 20px;  }
p{ font-family:'pds_wf', sans-serif;font-size:20px; font-weight:normal; letter-spacing:1px; line-height:20px; margin-bottom:18px; color: #FFFFFF; text-shadow: 0px 1px 1px rgba(0,1,0,1); }

body { background: #FFFFFF;}

/*Layout*/
body {margin:0; padding:0; width:100%; color:#cccccc; background:#555 url(../images/main_bg.jpg) repeat-x left top;}
#container  { width:960px;margin:0 auto;}

#content_menu { position:relative; height:39px;}
#content_logo { height:81px; position:relative; }
#content_header { width:100%; top:120px;}
#content_header_body { width:960px; height:380px; overflow:hidden;}
#content_header_body_aboutus { background:url(../images/page_hd_01.jpg) no-repeat; width:960px; height:270px; overflow:hidden;}
#content_header_body_aboutus_eng { background:url(../images/page_hd_01_eng.jpg) no-repeat; width:960px; height:270px; overflow:hidden;}
#content_header_body_massenger { background:url(../images/page_hd_02.jpg) no-repeat; width:960px; height:270px; overflow:hidden;}
#content_header_body_truck { background:url(../images/page_hd_03.jpg) no-repeat; width:960px; height:270px; overflow:hidden;}
#content_header_body_contact { background:url(../images/page_hd_02.jpg) no-repeat; width:960px; height:270px; overflow:hidden;}
#content_body{ position:relative; width:960px; overflow:hidden;}
#content_body_main { float:left; width:600px; overflow:hidden; margin:10px 5px 0px 5px;}
#content_body_main_eng { float:left; width:600px; overflow:hidden; margin:10px 5px 0px 5px;}
#content_body_main_aboutus { float:left; width:650px; overflow:hidden; margin:10px 5px 0px 5px;}
#content_body_main_aboutus_eng { float:left; width:650px; overflow:hidden; margin:10px 5px 0px 5px;}
#content_body_sub { float:right; width:262px;  margin:10px 5px 0px 0px;}
#content_table { width:960px; background:#FFFFFF; margin-top:15px;}
#content_table_aboutus { width:960px; height:290px; background:#FFFFFF; margin-top:15px;}
#content_table_van { width:960px; height:250px; background:#FFFFFF; margin-top:15px;}
#footer {position:relative; background: #FFCC00; height:60px;}
#footer_body { width:960px; margin:auto; overflow:hidden;}

#nav_main { float:right; width:532px; height:39px;}
#nav_main li {float: left; height:39px;}
#nav_main li a {display:block; float: left; height:39px; }
#nav_main li.m1 a { background:url(../images/mn_menu_01.jpg) no-repeat 0 0; width:69px;}
#nav_main li.m2 a { background:url(../images/mn_menu_02.jpg) no-repeat 0 0; width:93px;}
#nav_main li.m3 a { background:url(../images/mn_menu_03.jpg) no-repeat 0 0; width:148px;}
#nav_main li.m4 a { background:url(../images/mn_menu_04.jpg) no-repeat 0 0; width:110px;}
#nav_main li.m5 a { background:url(../images/mn_menu_06.jpg) no-repeat 0 0; width:112px;}
#nav_main li a:hover { background-position:0 100%;}
#nav_main li.active a, #nav_main li.active a:hover {background-position:0 100%;}

#logo a { width:201px; height:56px; background:url(../images/tj_logo.png) no-repeat; margin:16px 0px 0px 5px; position:absolute;}
#logo h1 {}
#motto{ width:494px; height:36px; z-index:2; position:absolute; left:460px; top:42px; text-align:right; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:23px; color: #FFFFFF; margin-bottom:10px; text-shadow: 0px 1px 4px rgba(0,1,0,4); font-style:italic;}
#nav_pricelist { width:259px; height:35px; margin:0px; position:absolute; left:700px;}
#nav_pricelist li {height:35px;}
#nav_pricelist li a {display:block; height:35px; }
#nav_pricelist li.m1 a { background:url(../images/pricelist_btn.png) no-repeat 0 0; width:259px;}
#nav_pricelist li a:hover { background-position:0 100%;}
#nav_pricelist li.active a, #nav_pricelist li.active a:hover {background-position:0 100%;}

#nav_pricelist_eng { width:259px; height:35px; margin:0px; position:absolute; left:700px;}
#nav_pricelist_eng li {height:35px;}
#nav_pricelist_eng li a {display:block; height:35px; }
#nav_pricelist_eng li.m1 a { background:url(../images/pricelist_btn_eng.png) no-repeat 0 0; width:259px;}
#nav_pricelist_eng li a:hover { background-position:0 100%;}
#nav_pricelist_eng li.active a, #nav_pricelist_eng li.active a:hover {background-position:0 100%;}

#shadow {padding:0 0 24px; background:url(../images/slider_bg.png) no-repeat center bottom;}
.slider {padding:0 0 24px; background:url(../images/slider_bg.png) no-repeat center bottom;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0;}

#home_txt { background:url(../images/header_main_txt_01.png) no-repeat; width:319px; height:36px; position:relative; overflow:hidden; margin-bottom:10px;}
#aboutus_txt { background:url(../images/header_main_txt_02.png) no-repeat; width:218px; height:36px; position:relative; overflow:hidden; margin-bottom:10px;}
#messenger_txt { background:url(../images/header_main_txt_03.png) no-repeat; width:239px; height:36px; position:relative; overflow:hidden; margin-bottom:10px;}
#truck_txt { background:url(../images/header_main_txt_04.png) no-repeat; width:283px; height:36px; position:relative; overflow:hidden; margin-bottom:10px;}
#van_txt { background:url(../images/header_main_txt_05.png) no-repeat; width:181px; height:36px; position:relative; overflow:hidden; margin-bottom:10px;}
#contact_txt { background:url(../images/header_main_txt_06.png) no-repeat; width:101px; height:36px; position:relative; overflow:hidden; margin-bottom:10px;}
#open_job a { background:url(../images/open_job.gif) no-repeat; width:595px; height:124px;  float:left; display:block;  margin:12px 5px 0px 0px;}
#open_job_small a { background:url(../images/open_job_small.gif) no-repeat; width:262px; height:150px;  float:left; display:block;  margin:15px 0px 10px 0px;}
#open_job_eng a { background:url(../images/open_job_eng.gif) no-repeat; width:595px; height:124px;  float:left; display:block;  margin:12px 5px 0px 0px;}
#open_job_small_eng a { background:url(../images/open_job_small_eng.gif) no-repeat; width:262px; height:150px;  float:left; display:block;  margin:15px 0px 10px 0px;}

#lang_selection { width:262px; position:relative; overflow:hidden;  border-bottom: 1px solid #FFFFFF ;  border-top: 1px solid #FFFFFF ;  margin-bottom:10px;}
#nav_lang { float:right; width:110px; height:30px; margin-top:6px;}
#nav_lang li {float: left; height:30px;}
#nav_lang li a {display:block; height: 22px; color: #999999; font-family:'pds_wf', sans-serif;font-size:26px; letter-spacing:1px; line-height:20px; margin-bottom:18px; text-shadow: 0px 1px 1px rgba(0,1,0,1); }
#nav_lang li.m1 a { width:45px; border-right: 1px solid #FFFFFF; margin-right:6px;}
#nav_lang li.m2 a { width:45px; margin-left:6px;}
#nav_lang li a:hover { color:#FFCC00;}
#nav_lang li.active a, #nav_lang li.active a:hover {color:#FFCC00;}

#qservice_01 { width:262px; position:relative; overflow:hidden;  border-bottom: 1px solid #FFFFFF ; margin-bottom:10px;}
#qservice_01 h7{ font-family:Arial, Helvetica, sans-serif;font-size:75px; color: #FFFFFF; margin-bottom:18px; text-shadow: 0px 3px 6px rgba(0,3,0,6);}
#qservice_01 p{ font-family:'pds_wf', sans-serif;font-size:24px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 0px 0px rgba(0,0,0,0); float:right; margin-top:15px;margin-bottom:22px; }
#qservice_01_eng { width:270px; position:relative; overflow:hidden;  border-bottom: 1px solid #FFFFFF ; margin-bottom:10px;}
#qservice_01_eng h7{ font-family:Arial, Helvetica, sans-serif;font-size:75px; color: #FFFFFF; margin-bottom:18px; text-shadow: 0px 3px 6px rgba(0,3,0,6);}
#qservice_01_eng p{ font-family:'pds_wf', sans-serif;font-size:24px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 0px 0px rgba(0,0,0,0); float:right; margin-top:10px;margin-bottom:22px; padding-right:5px;}

#qservice_02 { width:262px; position:relative; overflow:hidden;  border-bottom: 1px solid #FFFFFF ; margin-bottom:10px;}
#qservice_02 h7{ font-family:Arial, Helvetica, sans-serif;font-size:75px; letter-spacing:1px;  color: #FFFFFF; margin-bottom:18px; text-shadow: 0px 3px 6px rgba(0,3,0,6); margin-left:30px;}
#qservice_02 p{ font-family:'pds_wf', sans-serif;font-size:24px; letter-spacing:1px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 0px 0px rgba(0,0,0,0); float: left; margin-top:15px; margin-bottom:22px;}
#qservice_02_eng { width:262px; position:relative; overflow:hidden;  border-bottom: 1px solid #FFFFFF ; margin-bottom:10px;}
#qservice_02_eng h7{ font-family:Arial, Helvetica, sans-serif;font-size:75px; letter-spacing:1px;  color: #FFFFFF; margin-bottom:15px; text-shadow: 0px 3px 6px rgba(0,3,0,6); margin-left:30px;}
#qservice_02_eng p{ font-family:'pds_wf', sans-serif;font-size:24px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 0px 0px rgba(0,0,0,0); float: left; margin-top:10px; margin-bottom:22px;}

#qservice_03 { width:262px; position:relative; overflow:hidden; }
#qservice_03 h7{ font-family:Arial, Helvetica, sans-serif;font-size:75px; letter-spacing:1px;  color: #FFFFFF; margin-bottom:18px; text-shadow: 0px 3px 6px rgba(0,3,0,6);}
#qservice_03 p{ font-family:'pds_wf', sans-serif;font-size:26px; letter-spacing:1px; line-height:22px; margin-bottom:18px; color: #FFFFFF;  text-shadow: 0px 0px 0px rgba(0,0,0,0); float:right; margin-top:15px;}
#qservice_03_eng { width:262px; position:relative; overflow:hidden; }
#qservice_03_eng h7{ font-family:Arial, Helvetica, sans-serif;font-size:75px; letter-spacing:1px;  color: #FFFFFF; margin-bottom:18px; text-shadow: 0px 3px 6px rgba(0,3,0,6);}
#qservice_03_eng p{ font-family:'pds_wf', sans-serif;font-size:26px; line-height:22px; margin-bottom:18px; color: #FFFFFF;  text-shadow: 0px 0px 0px rgba(0,0,0,0); float:right; margin-top:15px;}

#howtopay_m { width:600px; height:170px; overflow:hidden; margin :70px 0px 0px 0px;}
#howtopay_m-content { width:595px; float:left; overflow:hidden;}
#howtopay_m_eng { width:600px; overflow:hidden; margin :50px 0px 0px 0px;}
#howtopay_m_eng -content { width:595px; float:left; overflow:hidden;}
#arrow { background:url(../images/arrow.png) no-repeat; width:50px; height:50px; float:left; margin-top:40px; margin-left:5px; overflow:hidden;}
#messervice_01 {width:70px; float:left; overflow:hidden; margin-top:25px; margin-left:0px;}
#messervice_01  p{ font-family:'pds_wf', sans-serif;font-size:26px; letter-spacing:1px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 1px 1px rgba(0,1,0,1); float: left; margin-top:15px;margin-bottom:22px; }
#messervice_02 {width:205px; float:left; overflow:hidden; margin-left:5px;}
#messervice_02  p{ font-family:'pds_wf', sans-serif;font-size:24px; letter-spacing:1px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 1px 1px rgba(0,1,0,1); float: left; margin-top:15px;margin-bottom:22px; }
#messervice_03 {width:200px; float:left; overflow:hidden; margin-left:5px;}
#messervice_03  p{ font-family:'pds_wf', sans-serif;font-size:24px; letter-spacing:1px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 1px 1px rgba(0,1,0,1); float: left; margin-top:15px;margin-bottom:22px; }

#howtopay_v { width:600px; height:170px; overflow:hidden; margin :50px 0px 0px 0px;}
#howtopay_v-content { width:595px; float:left; overflow:hidden;}

#trackservice_01 {width:240px; float:left; overflow:hidden; margin-right:5px;}
#trackservice_01  p{ font-family:'pds_wf', sans-serif;font-size:24px; letter-spacing:1px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 1px 1px rgba(0,1,0,1); float: left; margin-top:15px;margin-bottom:22px; }
#trackservice_02 {width:280px; float:left; overflow:hidden; margin-left:15px;}
#trackservice_02  p{ font-family:'pds_wf', sans-serif;font-size:24px; letter-spacing:1px; line-height:20px; color: #FFFFFF;  text-shadow: 0px 1px 1px rgba(0,1,0,1); float: left; margin-top:15px;margin-bottom:22px; }

#hp_massenger_txt { background:url(../images/header_sub_txt_02.png) no-repeat; width:237px; height:53px; position:relative; overflow:hidden;}
#hp_massenger_txt_info { background:url(../images/hp_massenger.png) no-repeat; width:262px; height:300px; position:relative; overflow:hidden;}
#hp_truck_txt { background:url(../images/header_sub_txt_03.png) no-repeat; width:237px; height:53px; position:relative; overflow:hidden;}
#hp_truck_txt_info { background:url(../images/hp_truck.png) no-repeat; width:262px; height:225px; position:relative; overflow:hidden;}




#nav_btt { width:207px; height:35px; z-index:5; float:right;}
#nav_btt li {height:35px;}
#nav_btt li a {display:block; height:35px; }
#nav_btt li.m1 a { background:url(../images/backtotop_btn.png) no-repeat 0 0; width:207px;}
#nav_btt li a:hover { background-position:0 100%;}
#nav_btt li.active a, #nav_btt li.active a:hover {background-position:0 100%;}

#nav_btt_eng { width:207px; height:35px; z-index:5; float:right;}
#nav_btt_eng li {height:35px;}
#nav_btt_eng li a {display:block; height:35px; }
#nav_btt_eng li.m1 a { background:url(../images/backtotop_btn_eng.png) no-repeat 0 0; width:207px;}
#nav_btt_eng li a:hover { background-position:0 100%;}
#nav_btt_eng li.active a, #nav_btt_eng li.active a:hover {background-position:0 100%;}

#nav_PDs  { width:69px; height:52pxpx; position:absolute;}
#nav_PDs  li {height:52px;}
#nav_PDs  li a {display:block; height:52px; }
#nav_PDs  li.m1 a { background:url(../images/PDs_copyright.png) no-repeat 0 0; width:69px; text-indent:-9999px;}
#nav_PDs  li a:hover { background-position:0 50%;}
#nav_PDs  li.active a, #nav_PDs  li.active a:hover {background-position:0 100%;}

.hilight_yclor {color: #FFCC00;}
.hilight_yclor-bf {color: #FFCC00; font-size:30px;}
.hilight_yclor-bf-que {color: #FFCC00; font-size:26px; line-height:23px; font-style:italic;}
.remark {font-size:18px; margin-top:10px; margin-bottom:20px; color: #FFCC00;}

.pulseit{
	-webkit-animation: pulse linear 2s infinite;
	animation: pulse linear 2s infinite;
}
@-webkit-keyframes pulse {
	0% { width:560px; } 
	50% { width:600px; } 
	100% { width:560px; }
}
@keyframes pulse {
	0% { width:560px; } 
	50% { width:600px; } 
	100% { width:560px; }
}
.blink_me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.3; }
}