/* Standard styles */
/***********************************************************************/
body {position: relative; text-align: left; margin: 0; padding: 0; font: normal 0.95em simhei, hei, sans-serif; color: #313131; background-color: #4BA8CA /*#F2F2F2*/; background-image: url("../images/bg.jpg"); background-position: top left; background-repeat: repeat-x; }

p {font-size: 1em; font-weight: normal; text-decoration: none; line-height: 1.7em; color:#626262; margin: 0; padding: 0 0 .7em 0; }
h1, h2, h3 {font-weight: normal; }
h1 {font-size: 2em; padding: .4em 0 0.5em 0; margin: 0 0 10px 0; color: #fff333;}
h2 {font-size: 1.8em; padding: .4em 0 0.6em 0; margin: 0; color: #272E34;}
h3 {font-size: 1.3em; padding: .4em 0 0.2em 0; margin: 0; color: #AF5211;}
h4 {font-size: 1.1em; padding: .4em 0 0.6em 0; margin: 0; color: #F00;}
.divider {color: #F2F2F2; padding: 0; margin: 40px 0 10px 0; border-bottom: 1px solid #F2F2F2; }
.clear {clear: both;}
/*ul {margin: 2px 0 10px 20px; padding: 0; list-style-position: outside; list-style-type: none;  list-style-image: url("../../images/icon-accept.png");}*/
ul {margin: 2px 0 10px 20px; padding: 0; list-style-type: square; }
li{color:#38AD8E; margin: 0; padding: 0 0 0.8em 0; line-height: 1.2em;}
#content li {font-size: 0.9em;}
.orange  {color: #AF5211; font-size: 1.6em;}
.picborder { margin-right: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF; }
.lanfan{color: #2A5488; font-weight:bold;}

/* Image styles */
/***********************************************************************/
img {border: 0;}
.image_left {float: left; padding: 0 10px 0 0; margin: 0;}
.image_right {float: right; padding: 0 0 0 10px; clear:right; margin: 0; }

.image_right_signup {float: right; padding: 0 160px 0 10px; clear:right; margin: 0; }

#rotation {float: left; width: 884px; height: 264px; padding: 0; margin: 0 0 20px 0;}
.border {/*border: 1px solid #E5E5E5;*/ float: left; padding: 1px; margin:0; background-color: #fff;}
.border2 {border: 4px solid #E5E5E5; float: left; padding: 1px; margin:0; background-color: #fff;}


/* Main Divs */
/***********************************************************************/
#wrapper {margin:auto;width: 924px; }
#top {position: relative; float: left; width: 924px; background:url(../images/top_bg.gif) no-repeat bottom right;margin-top:-17px;}
#main {position: relative; width: 882px; background-color: #ffffff; padding: 10px 20px 20px 20px ; margin: 0; float: left; border-right: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3;}
#footer {position: relative; width: 924px; clear: both; margin: 0; padding: 20px 0 0 0; background-image: url("../images/footer_bg.gif"); background-position: top left; background-repeat: no-repeat;}


/* Standard Links */
/***********************************************************************/
p a:link {border-bottom: 1px dotted #7D974F; color: #7D974F; text-decoration: none; padding: 0 0 1px 0; margin: 0; }
p a:visited {border-bottom: 1px dotted #7D974F; color: #7D974F; text-decoration: none; padding: 0 0 1px 0; margin: 0;}	
p a:visited:hover {color: #A7C563; border: none; text-decoration: none;}
p a:hover, a:active {color: #A7C563; border: none; text-decoration: none;}

.shopbuttons a:link, .shopbuttons a:visited, .shopbuttons a:hover {border: none;} 

li a:link {border-bottom: 1px dotted #7D974F; color: #7D974F; text-decoration: none; padding: 0 0 1px 0; margin: 0; }
li a:visited {border-bottom: 1px dotted #7D974F; color: #7D974F; text-decoration: none; padding: 0 0 1px 0; margin: 0;}	
li a:visited:hover {color: #A7C563; border: none; text-decoration: none;}
li a:hover, a:active {color: #A7C563; border: none; text-decoration: none;}


/* Footer links */
/***********************************************************************/
#footer p {font-size: 0.8em; padding: 4px 8px 4px 4px; margin: 0; color: #036; text-align: right; border-bottom:none;}
#footer p.copyright  {font: normal 0.75em Verdana, Arial, Sans-serif; color: #036;}
#footer p.copyright a  {color: #036; text-decoration:none;}
#footer p.copyright a:hover  {text-decoration:underline;}
#footer a:link {font-weight: normal; text-decoration: none; color: #036; border-bottom:none;}
#footer a:visited {font-weight: normal; text-decoration: none; color: #FFF; border-bottom:none;}	
#footer a:visited:hover {font-weight: normal; text-decoration: underline; color: #FFF; border-bottom:none;}
#footer a:hover, #footer a:active {text-decoration: underline; color: #333; border-bottom:none;}


/* Main Sub Divs */
/***********************************************************************/
#content {width: 880px; float: left; padding: 0; margin: 0;}
#contentleft {width: 490px; float: left;  margin: 0; padding: 0; padding-left: 20px;}
#contentleft h1 {font-size: 1.75em; letter-spacing: -0.05em; padding: .4em 0 0.5em 0; margin: 0 0 10px 0; color: #38AD8E/*#4E6FA8*/;}
#contentleft h1 span{font: normal 1em Verdana, Arial, Sans-serif; letter-spacing: -0.05em; padding: .4em 0 0.5em 0; margin: 0 0 10px 0; color: #38AD8E/*#4E6FA8*/;}
#contentleft h2 {font-size: 1.5em; letter-spacing: -0.05em; padding: .4em 0 0.5em 0; margin: 0 0 10px 0; color: #38AD8E/*#4E6FA8*/;}
#contentleft h2 span{font: normal 1.1em Verdana, Arial, Sans-serif; letter-spacing: -0.05em; padding: .4em 0 0.5em 0; margin: 0 0 10px 0; color: #38AD8E/*#4E6FA8*/;}
#contentleft h3 {font-size: 1.35em; padding: .4em 0 0 0; color: #D04B1A/*#4E6FA8*/;}
#contentleft h4 {font-size: 1.2em; padding: .4em 0 0 0; color: #333/*#4E6FA8*/;}
#contentleft h4 span{font: normal 1.2em Verdana, Arial, Sans-serif; padding: .4em 0 0 0; color: #333/*#4E6FA8*/;}
#contentleft p {font-size: 1em; letter-spacing: -0.02em; color:#313131; }
.bottomlink{font: normal 1em Verdana, Arial, Sans-serif; letter-spacing: -0.02em; color:#313131; }
#contentleft li span{font: normal 1em Verdana, Arial, Sans-serif;}
#contentleft li p{color:#626262; margin: 0; padding: 0 0 0.8em 0; line-height: 1.5em;}
#contentleft  .lanfan-eng{color: #2A5488/*#4E6FA8*/;}
.greentext{color:#38AD8E;}
/*#contentleft img {padding:10px; }*/
#contentleft_news {width: 560px; float: left; padding: 0; margin: 0;}

#contentleft.table1 {border: 2px solid #E3E3E3;border-collapse:collapse;width:480px;margin: 0 auto; padding-left:30px;}
		#contentleft .table1 td {background: #fff url("../../images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		#contentleft .table1 th {text-align:left;border: 1px solid #fff}
		#contentleft .table1 thead th {color:#fff;font: 14px verdana,arial,sans-serif;background: #900 url("../images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		#contentleft .table1 tbody th {color:#fff;font: 12px verdana,arial,sans-serif;background: #900 url("../images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		#contentleft .table1 tbody td {color:#333;font: 0.9em arial,verdana,sans-serif;background: #FFF;padding: 6px; border-bottom:1px solid #EEE;}	
		#contentleft .table1 li a {text-decoration: none; color: #000000;}	
		#contentleft .table1 tbody td a:hover{text-decoration: underline; color: #046380; }	
		#contentleft .table1 tbody th.sub {font: bold 0.89em arial,verdana,sans-serif;color:#000;background: #efefef url("../images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
	
#contentleft .infobox {
	width:475px;
	margin: 15px 0 0 12px;
	border: 1px solid #BBC971;
	background: #E9F0E8;
	padding: 10px;
	font-size: 0.85em; line-height: 1.5em;
}

#contentleft .infobox h3 {font-size: 1.35em; padding: .4em 0 0.3em 0; color: #38AD8E;}
#contentleft .infobox h3 span{font: normal 0.8em Verdana, Arial, Sans-serif; padding: .4em 0 0.3em 0; color: #38AD8E;}
#contentleft .infobox h3 .lanfan{color: #2A5488; font-weight:bold;}

#contentleft .infobox a {color: #38AD8E;}

	

#contentright {width: 350px; float: right; padding: 0; margin: 0;}
#contentright_home {width: 300px; float: right; padding: 0; margin: 0;}
.logo-title{font:bold 1em Verdana, Arial, Sans-serif;text-align:center; margin:20px 0;}
.logo-description{font-size:0.75em;}
.logo-left{width:145px; float:left;}
.logo-right{width:145px; float:right;}

#maincontent {width: 680px; float: right; padding: 0; margin: 0;}
#contentleftmenu {width: 180px; float: left; padding: 0; margin: 0;}

/* Top Sub Divs */
/***********************************************************************/
#logo {position: relative; float: left; width: 650px; padding: 0; margin: 0;}
#block {position: relative; float: right; width: 256px; height: 100px; margin: 0; padding: 8px 0 0 0; text-align: right; }


/* Navigation */
/***********************************************************************/
#menu {margin: 0; float: left;  padding: 0 0 18px 20px; position: relative; width: 680px;}
#menu ul {margin: 0; padding: 0;}
#menu ul li {margin: 0 4px 0 0; padding: 0; font-size: 0.835em; display: block; float:left; text-align: center; line-height: 1.2em; /*text-transform: uppercase;*/}

#menu ul li a {color : #DEC842; text-decoration : none; font-weight: bold;  border-style:none;}
#menu ul li a:link, #menu ul li a:visited {background-color: #3B4044 /*#101417*/; display: block;  padding: 6px 12px 6px 12px; }
#menu ul li a:hover {color : #101417; background-color: #FFFFFF; display: block; padding: 6px 12px 6px 12px}
#menu ul li.active a {color : #101417; background: #FFFFFF; display: block; padding: 6px 12px 6px 12px}



#submenu {background-color: #2B353E /*#101417*/; float: right; padding: 4px 2px 2px 12px; clear: right;margin-top:18px;}

#submenu p {color: #72C1EC; font-size: 0.8em; padding: 0; margin: 0; line-height: 1em;}
#submenu a:link {font-weight: normal; text-decoration: none; color: #FFFFF1 /*#72C1EC*/; margin: 0 10px 0 0; border-bottom: 0px;}
#submenu a:visited {font-weight: normal; text-decoration: none; color: #FFFFF1;margin: 0 10px 0 0; border-bottom: 0px;}	
#submenu a:visited:hover {font-weight: normal; text-decoration: underline; color: #FFFFF1;margin: 0 10px 0 0;}
#submenu a:hover, #submenu a:active {text-decoration: underline; color: #72C1EC;margin: 0 10px 0 0;}

#leftsubmenu {width: 179px; float: left; padding: 0; margin: 0 0 20px 0; }
#list ul {margin: 0; padding: 0; color: #989894; width: 170px; list-style-position: inside; list-style-type: none; list-style-image: none;}
#list ul li {margin: 0; color: #989894; line-height: 1em;}

#list a:link { color: #272E34; width: 170px; text-decoration: none; padding: 5px 0;border-bottom: 1px solid #DDDDDD; display: block;}
#list a:visited {color: #272E34; width: 170px; text-decoration: none; padding: 5px 0;border-bottom: 1px solid #DDDDDD; display: block;}	
#list a:visited:hover {color: #509CB4; text-decoration: none;padding: 5px 0;border-bottom: 1px solid #DDDDDD; display: block;}
#list a:hover, #list a:active {color: #509CB4; text-decoration: none; padding: 5px 0;border-bottom: 1px solid #DDDDDD;display: block;} 
#list .current a:link, #list .current a:visited {color: #509CB4; text-decoration: none; padding: 5px 0; border-bottom: 1px solid #DDDDDD;display: block;} 

/*- Menu Tabs K--------------------------- */
    #tabsK {
      float:left;
      width:70%;
	  margin-top: 5px;
      background:#444E1C;
      font-size:2em;
      line-height:normal;
          border-bottom:1px solid #54545C;
      }
    #tabsK ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
      }
    #tabsK li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsK a {
      float:left;
      background:url("../images/bg-navtableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
	  font: normal 0.85em  verdana, arial, tahoma, helvetica;
      text-decoration:none;
      }
    #tabsK a span {
      float:left;
      display:block;
      background:url("../images/bg-navtabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#F8FFED;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsK a span {float:none;}
    /* End IE5-Mac hack */
    #tabsK a:hover span {
      color:#FFF;
          background-position:100% -42px;
      }
    #tabsK a:hover {
      background-position:0% -42px;
      }
    #tabsK a:hover span {
      background-position:100% -42px;
          }

        #tabsK #current a {
                background-position:0% -42px;
        }
        #tabsK #current a span {
                background-position:100% -42px;
        }




/* News */
/***********************************************************************/
.entry {padding: 0; margin: 0; margin-bottom: 20px;}
.news_date {position: relative; float: left; padding: 0 4px 0 0 ; margin: 0 20px 0 0; background-image: url("../images/date_bg.gif"); background-position: top left; background-repeat: no-repeat; width: 48px; height: 51px; text-align: center; }
.news_date_b {position: relative; float: left; padding: 0 4px 0 0 ; margin: 0 20px 0 0; background-image: url("../images/date_bg_b.gif"); background-position: top left; background-repeat: no-repeat; width: 48px; height: 51px; text-align: center; }

p.month {margin: 0; padding: 8px 0 0 0; color: #707274; text-transform: uppercase; font-family: georgia; line-height: .95em;}
p.day {margin: 0; padding: 0; color: #707274; font-family: georgia;  line-height: .95em; font-size: 2em;}

.news_item {float: left; padding: 0; margin: 0; width: 460px;  }

.news_item h2 {padding: 0 0 0.2em 0;}

.news input {background: url("../../images/input_bg.gif"); border:1px #ccc solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 220px; text-align: left; vertical-align: middle;}

#contactform {position: relative; float: right; width: 350px; margin: 0; padding: 0;}
#commentform {position: relative; float: left; width: 680px; margin: 20px 0 0 0; padding: 0;}
#commentform h3 {font-size: 1.6em; padding: 0 0 1em 0;}

#contactintro {position: relative; float: left; width: 250px; margin: 0; padding: 0;}
input { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
select { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
textarea { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#3a5c73; padding: 6px;}
form { padding: 0px; margin: 0 0 2px 0; }






#btnSendMessage {position:relative; float: left; margin:0; padding: 0; border:none; width:89px;height:21px;  }
#btnSearch {position:relative; float: right; margin:0; padding: 0; border:none; width:21px; height:21px; }


#contacttop {width: 346px; height: 29px; float: right; padding: 0; margin: 0 0 0 20px; background-color: #fff; background-image: url("../images/contact_topbg.gif"); background-position: top right; background-repeat: no-repeat;  }
#contactbot {width: 346px; height: 29px;float: right; padding: 0; margin: 0 0 0 20px; background-color: #fff; background-image: url("../images/contact_botbg.gif"); background-position: bottom right; background-repeat: no-repeat; }
#contactentry {width: 292px; float: right; padding: 0 20px; margin: 0 0 0 20px; background-color: #fff; border-left: 7px solid #E3E3DB; border-right: 7px solid #E3E3DB;}

#contententrytop {width: 439px; height: 30px; float: right; padding: 0; margin: 0 25px 0 0; background-color: #fff; background-image: url("../images/contententry_topbg.gif"); background-position: top right; background-repeat: no-repeat;  }
#contententrybot {width: 439px; height: 30px;float: right; padding: 0; margin: 0 25px 0 0; background-color: #fff; background-image: url("../images/contententry_botbg.gif"); background-position: bottom right; background-repeat: no-repeat; }
#contententry {width: 383px; float: right; padding: 20px; margin: 0 25px 0 0; background-color: #fff; border-left: 7px solid #E3E3DB; border-right: 9px solid #E3E3DB;}
#contententry p {color: #313131}
#contententry h2 {padding: 0 0 20px 0;}
#entry {position: relative; float: left; width: 236px; padding:0; margin:0;}


#subthumbs {position: relative; float: left; margin: 0; padding: 10px 0 0 0;}
.thumbs {position: relative; float: left; padding: 0; margin: 0 4px 6px 0; background-color: #EAEBEE; border: 1px solid #a7a7a7;}
.thumbshome {position: relative; float: left; padding: 1px; margin: 0 4px 6px 0; background-color: #EAEBEE; border: 3px solid #D7D7D4;}
.thumbsnews {position: relative; float: left; padding: 1px; margin: 0 14px 6px 0; background-color: #EAEBEE; border: 3px solid #D7D7D4;}
p.caption {font-size: .9em; padding: 8px 0 0 0; margin: 0;font-style: italic; text-align: right;}
p.caption_left {font-size: .9em; padding: 8px 0 0 0; margin: 0;font-style: italic; text-align: left;}
.portfolio_image_right {position: relative; float: left; padding: 0; margin: 0 20px 10px 0; text-align: left;}


.roundcont { background-color: #C6D4E1 /*#F3E577 #F1EFEF*/; color: #fff; }
.roundtop {background: url(../images/tr.gif) no-repeat top right; }
.roundbottom {background: url(../images/br.gif) no-repeat top right; }
.news_itemhome {float: left; padding: 10px; margin: 0; width: 250px; background: #FFF /*#DEEBF7  /*#FCF895*/; border: solid 1px #A0AA47 ; }
.news_itemhome02 {float: left; padding: 10px; margin: 0; width: 250px; background: #FFF /*#FEF081*/; border: solid 1px #A0AA47 ; }
img.corner {width: 15px; height: 15px; border: none; display: block !important;}
.roundcontent {padding: 0 12px 0 12px; margin: 0;}
.roundcontent h2 {padding: 0 0 .6em 0; }

.box { background-color: #F1EFEF; padding: 10px; margin: 0; }

#comments {margin: 30px 0 30px 0; padding: 0; position: relative; float: left;}

.commententry {position: relative; float: left; padding: 10px; margin: 0 0 10px 0; width: 660px; background-color: #F2F2F2; border: 1px solid #E4E4E4; }
.commententry_b {position: relative; float: left; padding: 10px; margin: 0 0 10px 0; width: 660px;  }
.comment_mike {position: relative; float: left; padding: 10px; margin: 0 0 10px 0; width: 660px; background-color: #F2F2F2; border: 1px solid #E4E4E4; }




.shopitem {position: relative; float: left; padding: 0 0 20px 0; margin: 0 0 20px 0; width: 340px;  background-image: url("../images/shopitem_bg.jpg"); background-position: bottom left; background-repeat: no-repeat;}
.shopitem h3 {padding: 0 0 10px 10px;}
.shopimage {position: relative; float: left; width: 130px; padding: 0 0 0 10px;}
.shopinfo {position: relative; float: right; width: 175px; padding: 0 10px 0 0;}
.shopbuttons {position: absolute; top: 100px; left: 10px;}
.shopbuttons p {padding: 0 0 .4em 0;}

.infoline {position: relative; float: left; width: 175px;}
.infoline p {line-height: 1.4em; color:#626262; margin: 0; padding: 0 0 .2em 0;}
.linehead {position: relative; float: left; width: 60px;}
.lineentry {position: relative; float: left; width: 115px;}
.lineentry p {color: #000000;}

.roundcontent form input {background: url("../images/input_bg.gif"); border:1px #ccc solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 150px; text-align: left; vertical-align: top;}



#content .message img {	border: 1px solid #D0D2CA;	padding: 2px;}

p#contact_paragraph {color: #636363; font-size: 15px;}
#contact_us {margin: 25px 0px 0px;}
p.label_name, p.input_form { float: left;}
p.label_name { width: 80px; clear: both; color: #5e5e5e; font-size: 14px;}
#contact_us input, #contact_us textarea { width: 438px; background: #f3f3f3; border: 1px solid #eae9e9; font-size: 13px; padding: 4px; margin-bottom: 15px; color: #797676;}
#contact_us input.button {width: 103px; height:36px; padding: 5px 10px; padding:8px 10px 28px; font-size: 14px; color: #ffffff; background: url(../images/send.gif) no-repeat; text-transform: uppercase; display: inline-block; border: 0px; cursor: pointer;}
div#feedback {margin-top: 20px;}
p.error {padding: 5px 0px; font-weight: bold; color: #8dadc7; display: none;}
p#submit {text-align:right;}
p#success { margin-bottom: 20px; font-size: 16px; font-style: italic; color: #9e9595; text-align: center; cursor: pointer; display: none; }
#container-form { width:530px; margin: 0 auto; margin-bottom:20px; padding:10px; color:#61522B; background:#EEE;}
.required-title{font-size:0.8em;margin-left:20px;}
.form-title {float: left; width:160px; color:#61522B; margin-left:20px;}
.form-row {clear:both; margin:0px;}
.form-row input { font-size: 1em; padding:2px;}
.required {color:red; font-size: 1.2em;}
.rule{height:2px; margin:0 20px 10px 21px; padding: 0 0 0 0; background:transparent url(../images/dotted-horizontal-line.gif) repeat-x scroll 0 bottom ; clear:both; display:block;}	


/* Button Link = ENGLISH/CHINESE */
/***********************************************************************/
#flag-container{width:160px; height:25px;float:right;}
.england{width:100px; height:auto; margin-top:5px; float:left;}

#quality_links{width:450px;height:150px;padding:10px 5px;font-size:95%;margin-left:5px;}
#quality_links li{color:#447B9E;}

/*Investment*/
.investment-head{width:540px;height:350px;background:url(../images/investment-head.jpg) no-repeat top center;}
.investment-content{width:510px;height:auto;background:#FDF2B0; padding:15px;}
.investment-tail{width:540px;height:300px;background:url(../images/investment-tail.jpg) no-repeat top center;}