﻿body 
{
	margin:10px 0;
	padding:0;
	font-family:Arial, Verdana, Tahoma, Sans-Serif;
	font-size:12px;
	background:#94c7fc url(../images/template/bg-body.gif) repeat-x top;
}
ul, h3
{
	margin:0;
	padding:0;	
	list-style:none;
}
li
{
	padding-left:10px;
	background:url(../images/template/icon-list.gif) no-repeat left center;
	margin-left:10px;
}
a
{
	text-decoration:none;
	color:#235f9d;	
}
#mainpage
{
	width:980px;
	margin:0 auto;	
}

#header {
	background:url(../images/template/bg-header.gif) no-repeat top center;
	height:120px;
}

#header a
{
		
}

#header a img
{
	float:left;	
}

#header span
{
	padding-left:5px;	
	font-weight:bold;
}

#menu-page
{
	background:url("../images/template/bg-menu.gif") repeat-x center;
	border:1px solid #CCCCCC;
}

.sample_attach
{
	height:28px;
	line-height:28px;	
}
.ml
{
    float:left;
    background:url("../images/template/boder-menu-l.gif") no-repeat right center!important;
    border:0!important;
}
.ml a
{
	text-decoration: none;
	font-family: Verdana, Sans-Sherif;
	font-weight: 900;
	font-size: 1.0em;
	color:   #000000;  
}
.ml-sub
{
	border-bottom:  1px solid #9FDBFE;
}
.ml-sub .sample_attach
{
	width:150px;
}
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  /*width:   100px;*/

  border:  1px solid #9FDBFE;
  padding: 0 10px;

  background: #FFFFEE;
  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
  color:   #000000;  
}

.ml a:hover
{
	color:#943501;
}

a.sample_attach, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child             { border-bottom: 1px solid black; }

#center
{
	border-left:1px solid #CCCCCC;	
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding-top:10px;
	background:#FFFFFF;
}
.title-module-r
{
	height:34px;
	background:url("../images/template/bg-title-module.gif") no-repeat top center;
}
.title-module-r span
{
	line-height:29px;
	color:#0a2788;
	font-weight:bold;
	font-size:13px;
	padding-left:30px;	
}

.content-module-r
{
	background:url("../images/template/bg-center-module.gif") repeat-y center;
}
.footer-module-r
{
	height:15px;	
	background:url("../images/template/bg-footer-module.gif") no-repeat top center;
	margin-bottom:10px;
}

.title-module-r .icon-sp
{
	background:url("../images/template/icon-support.gif") no-repeat 8px center;
}
.title-module-r .icon-pr
{
	background:url("../images/template/icon-product.gif") no-repeat 8px center;
}
.title-module-r .icon-exchangerates
{
	background:url("../images/template/icon-exchange.gif") no-repeat 8px center;
}
.support
{
	padding:0 10px;	
	color:#6d94a5;
	font-weight:bold;
}

#updatecode
{
	text-align:center;
	line-height:30px;	
}
.icon-exchangerates a
{
	color:#fcfe3a;	
}
#list-exchangerates
{
	padding:0 10px;	
}
#list-gold
{
	padding:10px 10px 0;
}
.source-ex
{
	color:#F45720;
	font-weight:bold;	
}

#footer
{
	height:94px;
	color:#000053;
	font-weight:bold;
	background:	url("../images/template/bg-bottom.gif") no-repeat top center;
}

#footer span
{
	color:#c74423;
	font-weight:bold;
}

#footer-logo
{
	float:left;	
	width:230px;
	padding:15px 0 0 20px;
}

#footer-about
{
	float:right;
	width:530px;
}

#top-content
{
	height:32px;
	background:	url("../images/template/bg-content-top.gif") no-repeat top center;
}
#mid-content
{
	background:	url("../images/template/bg-content-mid.gif") repeat-y center;
	padding:10px;
}
#bot-content
{
	height:20px;
	background:	url("../images/template/bg-content-bot.gif") no-repeat bottom center;
}

#top-content h3 {
color:#636363;
font-size:15px;
font-weight:bold;
height:32px;
line-height:32px;
margin:0;
text-transform:uppercase;
padding-left:10px;
}

#top-content h3:first-letter 
{
	font-size:18px;
}

#top-new-content
{
	height:32px;
	margin-top:10px;
	background:	url("../images/template/bg-content-top.gif") no-repeat top center;
}
#mid-new-content
{
	background:	url("../images/template/bg-content-mid.gif") repeat-y center;
	padding:10px;
}
#bot-new-content
{
	height:20px;
	background:	url("../images/template/bg-content-bot.gif") no-repeat bottom center;
}

#top-new-content h3 {
color:#636363;
font-size:15px;
font-weight:bold;
height:32px;
line-height:32px;
margin:0;
text-transform:uppercase;
padding-left:10px;
}

#top-new-content h3:first-letter 
{
	font-size:18px;
}

.contact-item
{
	padding-left:24px;
	font-weight:bold;
}
.ct-name
{
	font-size:13px;
	text-transform:uppercase;
	color:#0283e9;
	font-weight:bold;
}	
.ct-address
{
	background:	url("../images/template/home.png") no-repeat 0px center;
}
.ct-phone
{
	background:	url("../images/template/telephone.png") no-repeat 0px center;
}
.ct-fax
{
	background:	url("../images/template/fax.png") no-repeat 0px center;
}
.ct-email
{
	background:	url("../images/template/email.png") no-repeat 0px center;
}
.ct-web
{
	background:	url("../images/template/web.png") no-repeat 0px center;
}

.title-detail-content
{
	font-weight:bold;
	color:#0283e9;
	background:	url("../images/template/bg-contact-top.gif") no-repeat 0px 28px;
}
#content-detail
{
	background:	url("../images/template/bg-contact-mid.gif") repeat-y center;
	padding:0 10px;
}

#contact-bot
{
	background:	url("../images/template/bg-contact-bot.gif") no-repeat bottom center;
	height:15px;	
}
.content-detail
{
	background:	url("../images/template/bg-contact-mid.gif") repeat-y center;
	padding:0 10px;
}

.content-detail p
{
	margin:0;
	padding:10px 0;
	text-align:justify;	
}

.contact-bot
{
	background:	url("../images/template/bg-contact-bot.gif") no-repeat bottom center;
	height:15px;	
}
.title-detail-content div
{
	margin:0 20px;	
}
.color-red
{
	color:#c60202!important;
}
.title-detail-content span
{
	background:#FFFFFF;
	padding: 10px;		
}
#hose, #hnx
{
	cursor:hand;
	width:50%;
	float:left;
	font-weight:bold;
	line-height:29px;
	text-align:center;
}
#hose
{
	color:#FCFE3A;	
	background:url(../images/template/bg-hose.gif) no-repeat right 1px;
}
#hnx
{
	color:#FFFFFF;	
}
#hose-dt ul, #hnx-dt ul
{
	margin:0;
	list-style:none;
	padding:10px;	
}
.label_edit
{
	font-weight:bold;	
}

.title-bussiness
{
	background:#77add3 url(../images/template/icon-title-business.gif) no-repeat 5px center;
	line-height:30px;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	padding-left:30px;
	color:#FFFFFF;
}
.content-bussiness
{
	border:1px solid #cecece;
	margin-bottom:10px;
	padding:10px;
}
.image-news
{
	float:left;
	margin:10px;	
}
.image-pro
{
	float:left;
	margin:0 10px 10px 10px;	
}
.pruduct-item-0
{
	float:left;
	width:50%;	
}
.pruduct-item-1
{
	float:right;
	width:50%;	
}
.pruduct-sub
{
	padding:0 10px;
}

.content-detail-frame
{
	width:298px;	
}
.content-detail-frame-top
{
	height:30px;
	line-height:30px;
	font-weight:bold;
	padding-left:10px;	
}
.content-detail-frame-center
{
	text-align:justify;
	padding:0 10px;	
}
.content-detail-frame-bottom
{
	height:18px;	
}
.f1, .f3, .f5
{
	float:left;
}

.f2, .f4, .f6
{
	float:right;	
}
.f1 .content-detail-frame-top
{
	background:	url("../images/template/top-f1.gif") no-repeat top center;
	color:#996501;
}
.f1 .content-detail-frame-center
{
	background:	url("../images/template/center-f1.gif") repeat-y center;
	height:45px;
}
.f1 .content-detail-frame-bottom
{
	background:	url("../images/template/bot-f1.gif") no-repeat top center;
}

.f2 .content-detail-frame-top
{
	background:	url("../images/template/top-f2.gif") no-repeat top center;
	color:#026a93;
}
.f2 .content-detail-frame-center
{
	background:	url("../images/template/center-f2.gif") repeat-y center;
	height:45px;
}
.f2 .content-detail-frame-bottom
{
	background:	url("../images/template/bot-f2.gif") no-repeat top center;
}

.f3 .content-detail-frame-top
{
	background:	url("../images/template/top-f3.gif") no-repeat top center;
	color:#4ab10b;
}
.f3 .content-detail-frame-center
{
	background:	url("../images/template/center-f3.gif") repeat-y center;
	height:45px;
}
.f3 .content-detail-frame-bottom
{
	background:	url("../images/template/bot-f3.gif") no-repeat top center;
}

.f4 .content-detail-frame-top
{
	background:	url("../images/template/top-f4.gif") no-repeat top center;
	color:#ab20ba;
}
.f4 .content-detail-frame-center
{
	background:	url("../images/template/center-f4.gif") repeat-y center;
	height:45px;
}
.f4 .content-detail-frame-bottom
{
	background:	url("../images/template/bot-f4.gif") no-repeat top center;
}

.f5 .content-detail-frame-top
{
	background:	url("../images/template/top-f5.gif") no-repeat top center;
	color:#b95334;
	margin-top:20px;
}
.f5 .content-detail-frame-center
{
	background:	url("../images/template/center-f5.gif") repeat-y center;
}
.f5 .content-detail-frame-bottom
{
	background:	url("../images/template/bot-f5.gif") no-repeat top center;
}

.f6 .content-detail-frame-top
{
	background:	url("../images/template/top-f6.gif") no-repeat top center;
	color:#027d8a;
	margin-top:20px;
}
.f6 .content-detail-frame-center
{
	background:	url("../images/template/center-f6.gif") repeat-y center;
}
.f6 .content-detail-frame-bottom
{
	background:	url("../images/template/bot-f6.gif") no-repeat top center;
}

.item-about
{
	background:	url("../images/template/icon-about-cty.gif") no-repeat left center;
	line-height:24px;
	width:520px;
	margin:0 auto;
	padding-left:20px;
}
.product-about
{
	padding:5px 0;
	height:60px;	
}

.view-business
{
	height:211px;
	width:616px;	
	padding:10px;
	margin-bottom:10px;
}
.vb0
{
	background:	url("../images/template/bg-lvkd-1.gif") no-repeat top center;	
}
.vb1
{
	background:	url("../images/template/bg-lvkd-2.gif") no-repeat top center;	
}
.vb2
{
	background:	url("../images/template/bg-lvkd-3.gif") no-repeat top center;	
}
.vbi2
{
	width:358px!important;
}
.vbi2 .vb-content
{
	padding-left:40px;
}
.vbi1 a, .vbi1 a:active, .vbi1 a:hover
{
	color:#2fa2df;	
}
.vbi2 a, .vbi2 a:active, .vbi2 a:hover
{
	color:#53b616;	
}
.vbi3 a, .vbi3 a:active, .vbi3 a:hover
{
	color:#e42b1d;	
}
.vbi4 a, .vbi4 a:active, .vbi4 a:hover
{
	color:#77411e;	
}

.view-business-item
{
	width:318px;	
	position:relative;
}
.vb-title, .vb-title-shadow
{
	font-size:17px;
	font-weight:bold;
	height:70px;
	line-height:16px;
	/*padding-left:85px;*/
	text-align:justify;	
}
.vb-title
{
	position:relative;
	z-index:2;
}
.vb-title-shadow
{
	position: absolute; 
	left: 1px; 
	top: 1px; 
	color:#FFFFFF; 
	z-index:1;
}
.vbi1, .vbi3
{
	float:left;	
}
.vbi2, .vbi4
{
	float:right;	
}
.vbi1 .vb-title
{
	color:#2fa2df;	
}
.vbi2 .vb-title
{
	color:#53b616;	
}
.vbi3 .vb-title
{
	color:#e42b1d;	
}
.vbi4 .vb-title
{
	color:#77411e;	
}
.vb-content
{
	height:107px;
	text-align:justify;	
}
.vb-bottom, .vb-bottom-shadow
{
	height:24px;
	line-height:24px;
	text-align:right;
	padding-right:20px;
}

.vb-bottom
{
	position:relative;z-index:2; font-weight:bold;
}

.vbi1 .vb-bottom-shadow, .vbi3 .vb-bottom-shadow
{
	position: absolute; 
	left: 1px; 
	top: 178px; 
	color:#FFFFFF; 
	z-index:1; 
	width:248px; 
	font-weight:bold;	
}
.vbi2 .vb-bottom-shadow
{
	width:308px!important;
}
.vbi2 .vb-bottom-shadow, .vbi4 .vb-bottom-shadow
{
	position: absolute; 
	left: 1px; 
	top: 178px; 
	color:#FFFFFF; 
	z-index:1; 
	width:268px; 
	font-weight:bold;	
}
.vbi1 .vb-bottom span
{
	background:url(../images/template/icon-rm-vb1.gif) no-repeat right center;
	padding:3px 30px 3px 0;	
}
.vbi2 .vb-bottom span
{
	background:url(../images/template/icon-rm-vb2.gif) no-repeat right center;
	padding:3px 30px 3px 0;	
}
.vbi3 .vb-bottom span
{
	background:url(../images/template/icon-rm-vb3.gif) no-repeat right center;
	padding:3px 30px 3px 0;
	margin-right:20px;	
}
.vbi4 .vb-bottom span
{
	background:url(../images/template/icon-rm-vb4.gif) no-repeat right center;
	padding:3px 30px 3px 0;	
}
.item-slide
{
	width:150px;
	height:150px;
	float:left;
	margin:5px;
	border:1px solid #CCCCCC;	
}
.image-slide img
{
	width:100px;
	height:100px;
	border:none;	
}
#slide-product
{
	height:170px;
	overflow:hidden;
	width:636px;	
	position:relative;
}
.title-slide
{
	height:30px;
	line-height:15px;
	padding:4px 3px 0;	
}
.title-footer
{
	font-size:15px;
	color:#e86e01;
	line-height:26px;	
}
.view-all-pro
{
	background:transparent url(../images/template/view-all.gif) no-repeat scroll right center;
	padding:3px 30px 3px 0;	
	font-weight:bold;
}
.view-all-pro a, .view-all-pro a:hover, .view-all-pro a:active
{
	color:#2FA2DF;
}

#other-contact-title
{
	font-size:14px;
	color:#3aa2dd;
	line-height:35px;
	font-weight:bold;	
}

#other-contact ul
{
	margin:0;	
	font-size:12px!important;
	font-family:Arial, Verdana, Tahoma, Sans-Serif;
	font-weight:bold;
	list-style:none;
	padding:5px;
}

#other-contact ul li
{
	margin:0;
	padding:0;	
	background:none!important;
}
.other-contact
{
	background:	transparent url(../images/template/other-contact.gif) no-repeat scroll left center!important;
	padding-left:20px;
}
#other-contact ul li ul
{
	padding-left:40px;
	color:#a04c02;	
}

.cat-pro-item
{
	width:212px;
	height:230px;
	float:left;	
	text-align:center;
}
.cat-pro-title
{
	font-weight:bold;
	height:30px;	
	line-height:15px;
}
.cpb-1
{
	padding-right:15px;
}
.cpb-2
{
	padding-left:15px;
}
.cat-pro-bot
{
	line-height:30px;
	margin-bottom:10px;
	font-weight:bold;	
}
.title-product
{
	font-size:14px;
	line-height:16px;
	height:48px;
	font-weight:bold;
	margin:5px 0;	
	color:#000053;
}
.content-product img
{
	border:2px solid #01adef; 	
}

.m-and-e
{
	line-height:20px;
	font-size:13px;
	font-weight:bold;	
}
.alert-code
{
	line-height:24px;
	color:Red;
	text-align:center;
	font-style:italic;
	font-weight:bold;
}

.clearbox
{
	clear:both;	
}