/* CSS Document */


/* =============== this category only style =============== */


/* ----- wrapper (border-color) ----- */

#container #contents #wrapper {
border-top:3px solid #E9CA89;
}

/* ----- sidemenu (icon-color) ----- */

#container #contents #side ul.sidemenu li span {
padding:0 0 2px 25px;
background:url(/img/icon_arrow_item_support.gif) no-repeat 5px -1px;
}



/* =============== support top ================== */

#container #contents #main_top {
padding:0 0 30px 0;
}

#container #contents #main_top h1 {
width:760px;
padding:0;
margin:0 0 15px 10px;
border-bottom:6px solid #E8EBEF;
}

#container #contents #main_top h2 {
margin:0 0 0 3px;
}

#container #contents #main_top .box_left {
width:259px;
padding:0 0 0 3px;
float:left;
}
#container #contents #main_top .box_right {
width:254px;
float:left;
}
#container #contents #main_top .box_center {
width:258px;
min-height:400px;
float:left;
padding:0 0 10px 1px;
background:url(/img/fig_box_center_back.gif) repeat-y left top;
}
	/* hack for ie6 */
	* html #container #contents #main_top .box_center  {
	height:380px;
	}
	/* hack for ie7 */
	*+html #container #contents #main_top .box_center {
	min-height:380px;
	}

#container #contents #main_top h2.distance {
margin-top:35px;
}
#container #contents #main_top .box_right h3,
#container #contents #main_top .box_center h3 {
padding:0 0 0 8px;
}
#container #contents #main_top .box_left h3{
padding:0 0 0 7px;
}
#container #contents #main_top h3 {
margin-top:2px;
}
#container #contents #main_top h3.distance {
margin-top:10px;
}
#container #contents #main_top .box_left p,
#container #contents #main_top .box_right p,
#container #contents #main_top .box_center p {
padding:8px 10px 0 12px;
}

#container #contents #main_top ul.item-link {
padding:12px 0 10px 12px;
}

	/* hack for ie6 */
	* html #container #contents #main_top ul.item-link {
	padding-bottom:8px;
	}
	/* hack for ie7 */
	*+html #container #contents #main_top ul.item-link {
	padding-bottom:8px;
	}

#container #contents #main_top ul.item-link li {
width:200px;
padding:0 0 1px 20px;
margin-top:-1px;
background:url(/img/icon_arrow_item_support.gif) no-repeat left top;
}
#container #contents #main_top ul.item-link li a {
line-height:140%;
}

#container #contents #main_top ul.item-link li img {
margin:0 0 0 3px;
}


/* ----- box-search ----- */

#container #contents #main_top .box-search {
width:236px;
margin:2px 0 0 10px;
padding:6px 0 0 0;
background:url(/support/img/fig_box-top_chase.gif) no-repeat left top;
}
#container #contents #main_top .box_bottom {
width:236px;
padding:0 0 6px 0;
background:url(/support/img/fig_box-bottom_chase.gif) no-repeat left bottom;
}
#container #contents #main_top .box_middle {
padding:0 6px 0 6px;
background:url(/support/img/fig_box-middle_chase.gif) repeat-y left top;
}
#container #contents #main_top .box_middle p {
margin:5px 0 0 0;
padding:0;
}
#container #contents #main_top .box_middle p.title {
height:20px;
margin:0;
padding:0;
border-bottom:1px solid #FFFFFF;
}
#container #contents #main_top .box_middle p.title img.left {
float:left;
}
#container #contents #main_top .box_middle p.title span.right {
float:right;
width:50px;
color:#FFFFFF;
}
#container #contents #main_top .box_middle p.title span.right a,
#container #contents #main_top .box_middle p.check {
color:#FFFFFF;
text-decoration:none;
}
#container #contents #main_top .box_middle p.check input,
#container #contents #main_top .box_middle p.title span.right img {
vertical-align:middle;
margin:0 2px 0 0;
}
#container #contents #main_top .box_middle p.button {
width:224px;
}
#container #contents #main_top .box_middle p.button input {
float:left;
}
#container #contents #main_top .box_middle p.button img {
float:right;
margin:2px 0 0 0;
}

#container #contents #main_top p.courier {
width:236px;
height:25px;
padding:0;
margin:5px 0 0 10px;
background:url(/support/img/fig_box-back_setting.gif) no-repeat left top;
}
#container #contents #main_top p.courier img {
margin:2px 0 0 184px;
}


/* =============== Schedule ================== */

/* ----- index ----- */

#container #contents #main .item-box_3 {
width:568px;
margin:8px 0 0 0;
padding:0 0 40px 0;
}
#container #contents #main .item-box_3 dl {
clear:both;
width:568px;
min-height:120px;
padding:0;
margin:0;
border-top:1px solid #D6DAE2;
}

#container #contents #main .item-box_3 dt {
float:left;
width:156px;
}
#container #contents #main .item-box_3 dt img {
margin:5px 0 0 3px;
}
#container #contents #main .item-box_3 dd {
float:right;
width:411px;
border-top:3px solid #DED5C0;
}
#container #contents #main .item-box_3 dd p.title {
margin:0;
padding:6px 0 5px 0;
background:url(/img/fig_dotline_bottom.gif) repeat-x left bottom;
}
#container #contents #main .item-box_3 dd p.title a {
padding:0 0 0 3px;
font-weight:bold;
color:#4C6399;
}

#container #contents #main .item-box_3 dd p.text {
margin:0;
padding:5px 0 0 14px;
}
#container #contents #main .item-box_3 dd p.to-detail {
margin:0;
padding:5px 0 0 14px;
}

#container #contents #main .item-box_3 dd div.point-box {
margin:15px 0 12px 0;
padding:5px 5px 4px 5px;
border:1px solid #B9CFDF;
background:#ECF6F9;
}
#container #contents #main .item-box_3 dd div.blue-back {
background:#F9F7EF;
}
#container #contents #main .item-box_3 dd div.horizon {
background:#ECF6F9;
}
#container #contents #main .item-box_3 dd div.point-box dl {
width:399px;
min-height:50px;
padding:0;
margin:0;
border:none;
}
#container #contents #main .item-box_3 dd div.point-box dl dt {
float:left;
width:50px;
}
#container #contents #main .item-box_3 dd div.point-box dl dt img {
margin:0;
}
#container #contents #main .item-box_3 dd div.point-box dl dd  {
float:right;
width:340px;
border:none;
}
#container #contents #main .item-box_3 dd div.point-box dl dd p {
margin:5px 0 0 0;
}
#container #contents #main .item-box_3 dd div.point-box dl dd p.point-title {
margin:0;
}
#container #contents #main .item-box_3 dd div.point-box dl dd p.point-title a {
padding:0 0 0 3px;
font-weight:bold;
color:#4C6399;
}



/* =============== Clearance Information ================== */

#container #contents #main .item-box-top {
padding:0 0 15px 0;
background:url(/img/under-line_contact.gif) repeat-x left bottom;
}
#container #contents #main .item-box-top h3 {
height:23px;
padding:0;
background:url(/support/customs/img/fig_bg_grade-bar_support.gif) repeat-x left top;
border:none;
}
#container #contents #main .item-box-top h3 span {
display:block;
padding:4px 0 0 5px;
}
#container #contents #main .item-box-top h3 a {
color:#FFFFFF;
font-weight:bold;
}
#container #contents #main .item-box-top p.anno {
margin:0;
padding:5px 0 5px 6px;
background:#F4F4EB url(/img/fig_dotline_bottom_gray.gif) repeat-x left bottom;
}
#container #contents #main .item-box-top p.text-link {
margin:0;
padding:5px 0 10px 0;
background:#F4F4EB;
}
#container #contents #main .item-box-top p.text-link a {
padding:0 0 0 14px;
background:url(/img/icon_arrow_right_brown_lrg.gif) no-repeat 6px 4px;
}
#container #contents #main .item-box-top p.text-link-no {
margin:0;
padding:5px 0 10px 10px;
background:#F4F4EB;
}


/* =============== Team Information ================== */

#container #contents #main dl.team-info-box {
width:568px;
}
#container #contents #main dl.team-info-box dt {
float:left;
width:246px;
padding:15px 0 0 0;
}
#container #contents #main dl.team-info-box dt img {
margin:0 0 6px 0;
}
#container #contents #main dl.team-info-box dd {
float:right;
width:315px;
}


/* =============== Other act (law) ================== */

#container #contents #main p.catch-table {
width:568px;
height:25px;
margin:15px 0 0 0;
background:#627C96;
}
#container #contents #main p.catch-table span.title {
display:block;
float:left;
width:250px;
padding:5px 0 0 5px;
color:#FFFFFF;
font-weight:bold;
}
#container #contents #main p.catch-table span.link {
display:block;
float:right;
width:250px;
padding:5px 0 0 0;
text-align:right;
}
#container #contents #main p.catch-table span.link a {
padding:0 5px 0 10px;
background:url(/img/icon_arrow_left_white.gif) no-repeat 0 3px;
color:#FFFFFF;
text-decoration:none;
}



/* =============== Air Transport Information ================== */

#container #contents #main .box_air-trans {
width:568px;
margin:20px 0 0 0;
}
#container #contents #main .box_air-trans .box_surcharge {
float:left;
width:195px;
border:1px solid #E4D9C3;
background:#FEFDF6;
}
#container #contents #main .box_air-trans .box_surcharge p {
margin:10px 5px 0 4px;
}
#container #contents #main .box_air-trans .box_surcharge p.title {
margin:4px 5px 0 4px;
}
#container #contents #main .box_air-trans .box_surcharge .box_detail {
padding:0 5px 5px 5px;
margin:6px 5px 0 5px;
border-top:1px solid #C7BBA6;
border-bottom:1px solid #C7BBA6;
}
#container #contents #main .box_air-trans .box_surcharge .box_detail p {
margin:5px 0 0 0;
}
#container #contents #main .box_air-trans .box_surcharge .box_detail ul {
margin:10px 0 10px 0;
}
#container #contents #main .box_air-trans .box_surcharge .box_detail ul li {
margin:0;
padding:0;
}
#container #contents #main .box_air-trans .box_surcharge .box_detail dl {
width:175px;
}
#container #contents #main .box_air-trans .box_surcharge .box_detail dl dt {
clear:both;
float:left;
width:10px;
}
#container #contents #main .box_air-trans .box_surcharge .box_detail dl dd {
float:left;
width:164px;
}
#container #contents #main .box_air-trans .box_surcharge p.pdf-link {
margin:5px 0 8px 8px;
padding:0 0 0 13px;
background:url(/img/icon_pdf.gif) no-repeat 0 3px; 
}

#container #contents #main .box_air-trans .box_main {
float:right;
width:363px;
}
#container #contents #main .box_air-trans .box_main p {
margin-bottom:10px;
}
#container #contents #main .box_air-trans .box_main h2 {
width:363px;
height:21px;
margin:0;
background:url(/img/fig_h2_short-bar.gif) no-repeat left top;
}
#container #contents #main .box_air-trans .box_main dl.list {
position:relative;
width:363px;
padding:4px 0 0 0;
border-top:1px solid #D6DAE2;
}
#container #contents #main .box_air-trans .box_main dl.under {
border-bottom:1px solid #D6DAE2;
}
#container #contents #main .box_air-trans .box_main dl.list dt {
margin:0;
padding:0 0 0 5px;
font-weight:bold;
color:#4C6399;
}
#container #contents #main .box_air-trans .box_main dl.list dt a {
font-weight:bold;
color:#4C6399;
}
#container #contents #main .box_air-trans .box_main dl.list dd {
width:363px;
margin:0;
}
#container #contents #main .box_air-trans .box_main dl.list dd.detail-btn {
position:absolute;
right:0;
top:4px;
width:64px;
height:16px;
}
#container #contents #main .box_air-trans .box_main dl.list dd table {
width:358px;
margin:0 0 0 5px;
}
#container #contents #main .box_air-trans .box_main dl.list dd table th {
width:30px;
padding:0;
background:none;
vertical-align:top;
white-space:nowrap;
}
#container #contents #main .box_air-trans .box_main dl.list dd table td {
padding:0 6px 0 10px;
background:none;
}




/* =============== World Wide Office ================== */

#container #contents #main .item-box dl dd p span.notice {
color:#AC6212;
}




/* =============== Over sea Office ================== */

/* ----- index  ----- */
#container #contents #main #oversea-office h1 {
float:left;
width:180px;
}
#container #contents #main #oversea-office #office_search {
float:right;
width:231px;
height:35px;
margin:15px 0 0 0;
}
#container #contents #main #oversea-office #office_search img.other {
float:left;
}
#container #contents #main #oversea-office #office_search img.search {
margin:0 0 3px 0;
}

/* ----- details ----- */
#container #contents #main #office-details p.place {
padding:0 0 10px 0;
background:url(/img/fig_dotline_bottom_brown.gif) repeat-x left bottom;
}
#container #contents #main #office-details p.img-left {
padding:0 0 20px 0;
}
#container #contents #main #office-details p.img-left strong {
color:#C97A13;
}
#container #contents #main #office-details p.img-left img {
float:left;
margin:0 12px 12px 0;
}

#container #contents #main #office-details p.img-right img {
float:right;
margin:0 0 12px 10px;
}


/* ----- costoms news ----- */

#container #contents #main table.pdf-link td.nothing {
width:400px;
}

/* ----- customer information ----- */

#container #contents #main .customer_information h3 {
	margin: 0px;
}
#container #contents #main .customer_information p img, #container #contents ul.customer_information li img {
	vertical-align: text-top;
}

#container #contents ul.customer_information   {
margin:8px 0 0 4px;
}
#container #contents ul.customer_information li {
	margin:0px 0 5px 0;
	padding:2px 0 0 38px;
	line-height: 140%;
}
#container #contents ul.customer_information li.notice {
	background: url(/img/icon_notice.gif) no-repeat 0px 5px;
}
#container #contents ul.customer_information li.press {
	background: url(/img/icon_press.gif) no-repeat 0px 5px;
}
#container #contents ul.customer_information li.ir {
	background: url(/img/icon_ir.gif) no-repeat 0px 5px;
}
#container #contents ul.customer_information li.contents {
	background: url(/img/icon_contents.gif) no-repeat 0px 5px;
}
#container #contents ul.customer_information li.info {
	background: url(/img/icon_info.gif) no-repeat 0px 5px;
}


/* =============== Courier ================== */

/* ----- index  ----- */
#container #contents #main #courier {
	margin: 0 0 20px;
}
#container #contents #main #courier #btn_search {
	float: left;
	width: 280px;
}
#container #contents #main #courier #btn_search p {
	width: 62px;
	height: 27px;
	padding: 6px 0 0 210px;
	margin: 15px 0 0 10px;
	background: url(../../support/courier/img/bg_courier_search.gif) no-repeat;
}
#container #contents #main #courier #dox-spx_search {
float:right;
width:231px;
height:35px;
margin:15px 0 0 0;
}
#container #contents #main #courier #dox-spx_search img.ref {
float:left;
}
#container #contents #main #courier #dox-spx_search img.dox {
margin:0 0 3px 0;
}

