*
{
    margin: 0px;
    padding: 0px;
    outline: 0px;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    -moz-box-sizing: content-box; /* Mozilla */ 
    box-sizing: content-box; /* Opera7 */ 
}

:focus
{
    outline: 0px;
}

ol, ul
{
    list-style: none;
}

li
{
    list-style: inherit;
}

table
{
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px;
}

caption, th, td
{
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after 
{
    content: "";
}

blockquote, q 
{
    quotes: "" "";
}

strong { font-weight: bold; }
sup { vertical-align: text-top; }
img { border: 0px; }

html, body { background: #f5eed2; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif; font-size: 11px; color: #000; }

.bg-page { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; }
.container {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	overflow: auto;
	height: 100%;
	width: 100%;
		}
.inner-container { width: 1000px; margin: 0px auto; }

.logo-box { float: left; width: 200px; height: 100px; text-align: center; z-index: 900; }
.logo-box img { padding: 30px 15px 5px;}

.phonebox { float: left; width: 640px; text-align: center; padding: 28px 0px 5px; }
.phonebox img { vertical-align: middle; padding: 5px 10px 5px; }
.phonebox h3 { font-size: 30px; color: #d29637; font-style: italic; }
.phonebox sup { font-size: 18px; color: #5f4522; vertical-align: top; }

.lang-box { float: left; width: 160px; height: 20px; text-align: center; vertical-align: top; margin-top: 45px; }
.lang-box a { display: inline-block; font-size: 12px; color: #2f385c; text-decoration: none; text-transform: uppercase; padding: 0px 5px; }
.lang-box a:hover { color: #d29637; text-decoration: underline; }
.lang-box a:visited { color: #2f385c; }
.lang-box a.current { color: #d29637; }

.top-menu { float: left; width: 800px; height: 40px; text-align: left; padding: 0px 0px 0px 200px; }
.top-menu ul { }
.top-menu li { float: left; display: inline-block; position: relative; margin-left: 1px; background: url(../image/bg_topmenu.png) no-repeat left top; }
.top-menu li:first-child { margin-left: 0px; background: none; }
.top-menu a { display: block; font-size: 14px; color: #2f385c; text-decoration: none; text-transform: uppercase; text-align: center; padding: 12px 14px 12px; }
.top-menu a:visited { color: #2f385c; text-decoration: none; }
.top-menu a:hover { color: #d29637; text-decoration: none; }
.top-menu a.current { color: #d29637; }
.top-menu a:visited.current { color: #d29637; }
.top-menu a:hover.current { color: #d29637; }

.top-menu ul ul { z-index: 1000; list-style-type: none; position: absolute; left: 0px; top: 40px; width: 250px; display: none; margin: 0px; background: url(../image/bg_submenu.png) repeat left top; }
.top-menu ul li:hover ul { display: block; padding: 10px; }
.top-menu ul ul li { z-index: 1000; list-style-type: none; text-align: left; width: 250px; margin: 0px; padding: 0px; background: none; }
.top-menu ul ul a { font-size: 12px; color: #2f385c; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; padding: 5px; display: block; width: 240px; z-index: 1000; line-height: normal; }
.top-menu ul ul a:visited { color: #2f385c; text-decoration: none; border-width: 0px; }
.top-menu ul ul a:hover { color: #d29637; text-decoration: none; background-color: #fff; border-width: 0px; }
.top-menu ul ul a.current { color: #d29637; text-decoration: none; background-color: #fff; }
.top-menu ul ul a:visited.current { color: #d29637; }
.top-menu ul ul a:hover.current { color: #d29637; }

.left-box { float: left; width: 200px; text-align: left; }
.left-menu { width: 200px; text-align: left; margin-bottom: 20px; }
.left-menu h2 { font-size: 16px; color: #937145; font-weight: bold; text-transform: uppercase; padding: 0px 5px 15px 15px; }
.left-menu ul { list-style-type: none; padding: 0px; background: url(../image/border1.png) no-repeat left top; }
.left-menu li { position: relative; list-style-type: none; width: 180px; font-size: 14px; padding: 14px 5px 14px 15px; background: url(../image/border1.png) no-repeat left bottom; }
.left-menu li a { color: #2f385c; font-weight: normal; text-decoration: none; display: block; }
.left-menu li a:visited { color: #2f385c; text-decoration: none; }
.left-menu li a:hover { color: #d29637; text-decoration: underline; }
.left-menu li a.current { color: #d29637; text-decoration: none; padding: 0px; }
.left-menu li a.current:hover { color: #d29637; text-decoration: none; }

.left-menu ul ul { z-index: 1000; list-style-type: none; position: absolute; left: 200px; top: -1px; width: 250px; display: none; margin: 0px; background: url(../image/bg_submenu.png) repeat left top; }
.left-menu ul li:hover ul { display: block; padding: 5px; }
.left-menu ul ul li { z-index: 1000; list-style-type: none; text-align: left; width: 250px; margin: 0px; padding: 0px; background: none; }
.left-menu ul ul a { font-size: 14px; color: #2f385c; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; padding: 10px; display: block; width: 230px; z-index: 1000; line-height: normal; }
.left-menu ul ul a:visited { color: #2f385c; text-decoration: none; border-width: 0px; }
.left-menu ul ul a:hover { color: #d29637; text-decoration: none; border-width: 0px; }
.left-menu ul ul a.current { color: #d29637; text-decoration: none; padding: 10px; }

.content-container { float: left; width: 800px; text-align: left; background: url(../image/bg_content.png) no-repeat center top; }

.header-box { position: relative; display: inline-block; width: 800px; height: 320px; padding: 0px; vertical-align: top; background: url(../image/bg_header.png) no-repeat left top; }
.header { position: absolute; left: 10px; top: 10px; width: 780px; height: 300px; }
.header-box2 { position: relative; display: inline-block; width: 800px; height: 150px; padding: 0px; vertical-align: top; background: url(../image/bg_header2.png) no-repeat left top; }
.header2 { position: absolute; left: 10px; top: 10px; width: 780px; height: 130px; }
.hidden { display: none; }

.header-photo { display: inline-block; width: 780px; height: 300px; padding: 10px; vertical-align: top; background: url(../image/bg_header.png) no-repeat left top; }

.paging-container { position: absolute; width: 310px; left: 400px; bottom: 0px; z-index: 10000;}
.paging { display: inline-block; padding: 0px 5px; }
.paging a { display: block; font-size: 14px; color: #fff; width: 20px; text-decoration: none; text-align: center; padding: 0px 0px 1px; background: url(../image/bg_paging.png) no-repeat center top; }
.paging a:visited { color: #fff; text-decoration: none; }
.paging a:hover { color: #fff; text-decoration: none; background-position: center -18px; }
.paging a.current { color: #fff; text-decoration: none; background-position: center -36px; }

.content-box { width: 800px; min-height: 657px; margin: 0px auto; text-align: left; }
.content-box h1 { font-size: 30px; color: #2f385c; padding: 30px 10px 15px; line-height: 24px; background: url(../image/border4.png) no-repeat left bottom; } 
.content-box h2 { font-size: 22px; color: #2f385c; font-weight: normal; padding: 10px 10px 5px; line-height: 20px; } 
.content-box h3 { font-size: 18px; color: #3d4047; font-weight: normal; padding: 5px 10px; line-height: 18px; } 
.content-box h4 { font-size: 18px; color: #d29636; padding: 5px 10px; line-height: 18px; } 
.content-box h5 { font-size: 14px; color: #002942; padding: 6px 10px; line-height: 20px; } 
.content-box h6 { font-size: 13px; color: #015383; text-align: justify; padding: 5px 10px; line-height: 16px; } 
.content-box p { font-size: 14px; color: #5f4522; font-weight: normal; text-align: justify; padding: 5px 10px; line-height: 16px; } 
.content-box p.date { color: #d29636; line-height: 12px; }
.content-box ul { text-align: left; padding: 10px; }
.content-box ol { text-align: left; padding: 10px 10px 10px 30px; }
.content-box ul li { font-size: 14px; color: #5f4522; list-style-type: none; background: url(../image/arrow.png) no-repeat left 5px; padding: 3px 0px 3px 15px; line-height: 16px;}
.content-box ol li { font-size: 14px; color: #5f4522; list-style-type: decimal; padding: 3px 0px 3px 0px; line-height: 16px;}
.content-box blockquote { font-size: 14px; color: #015383; font-weight: normal; font-style: italic; padding: 5px 15px;  } 

.content-box sup { font-size: 16px; font-weight: bold; vertical-align: text-top;}
.content-box dl { margin-top: 10px; width: 780px; display: table-row;}
.content-box dt { display: table-cell; padding: 3px 10px; width: 150px; font-size: 18px; color: #2f385c; text-align: left; }
.content-box dd { display: table-cell; padding: 3px 10px; font-size: 14px; color: #5f4522; width: 580px; vertical-align: middle; }
.content-box a, .content-box a:visited { color: #d29636; text-decoration: underline; }
.content-box a:hover { color: #002942; text-decoration: none; }
.content-box hr { background: url(../image/border3.png) no-repeat left top; height: 1px; border-width: 0px; }
.left-photo { float: left; margin: 10px 20px 0px 10px; padding: 10px; background: url(../image/bg_banner1.png) no-repeat left top; }
.right-photo { float: right; margin: 10px 10px 0px 20px; padding: 10px; background: url(../image/bg_banner1.png) no-repeat left top; }
.left-photo img, .right-photo img { background: #fff; padding: 9px; border: 1px solid #dcf1fb; }

.more-box { float: right; padding: 5px 0px 5px 0px; width: 90px; }
.more-box a { font-size: 11px; color: #fff; text-decoration: none; width: 80px; display: block; text-align: left; background: url(../image/bg_more.png) no-repeat left top; padding: 3px 0px 11px 10px; }
.more-box a:hover { color: #fff; text-decoration: none; background-position: 0px -27px; }

.center-column { display: inline-block; width: 780px; padding: 0px 10px; text-align: left; vertical-align: top; }
.left-column { display: inline-block; width: 380px; padding: 10px 20px 0px 0px; text-align: left; vertical-align: top; }
.right-column { display: inline-block; width: 380px; padding: 10px 0px 0px 10px; text-align: left; vertical-align: top; }
.left-column h2, .right-column h2 { padding-bottom: 15px; }
.left-column h3, .right-column h3 { display: block; height: 30px; overflow: hidden; }
.full-column { display: inline-block; width: 940px; padding: 0px 20px 10px 20px; text-align: left; vertical-align: top; }
.contact-container { display: inline-block; width: 720px; padding: 0px 110px 10px 110px; text-align: left; vertical-align: top; }
.contact-container h5 { float: left; padding: 10px 0px; }
.main-office { float: left; width: 270px; }

.contact-box { display: inline-block; width: 300px; padding: 10px 0px 10px 0px; vertical-align: top; }

.lawyer-box { display: inline-block; width: 300px; padding: 10px 10px 70px 0px; vertical-align: top; }
.contact-photo { display: inline-block; width: 130px; }
.contact-photo p { padding: 1px 0px 4px; }
.contact-photo a, .contact-photo a:visited { text-decoration: none; } 
.contact-photo a:hover { text-decoration: underline; }
.contact-text { display: inline-block; width: 165px; vertical-align: bottom; }
.contact-text h2 { padding: 10px 0px 0px 0px; } 
.contact-text h3 { font-size: 14px; padding: 10px 0px 0px 0px; } 
.contact-text h4 { padding: 0px; }
.contact-text p { color: #015383; padding: 15px 0px 0px; }
.contact-text a, .contact-text a:visited { text-decoration: none; }  
.contact-text a:hover { text-decoration: underline; }


.banner-box1 { display: inline-block; width: 170px; height: 140px; padding: 10px 10px 0px; margin-bottom: 10px; text-align: left; background: url(../image/bg_banner1.png) no-repeat left top; }
.banner-box1 h3 { font-size: 18px; line-height: 14px; background: url(../image/arrow1.png) no-repeat 165px center;  }
.banner-box1 a, .banner-box1 a:visited { color: #e5dcba; text-decoration: none; display: table-cell; width: 170px; height: 45px; vertical-align: middle; }
.banner-box1 a:hover { color: #fff; text-decoration: none; }

.banner-box2 { display: inline-block; width: 160px; height: 90px; padding: 0px 20px 0px 0px; margin-bottom: 10px; text-align: center; background: url(../image/bg_banner2.png) no-repeat left top; }
.banner-box2 h3 { font-size: 20px; line-height: 18px; }
.banner-box2 a, .banner-box2 a:visited { color: #654a26; text-decoration: none; display: table-cell; width: 170px; height: 90px; vertical-align: middle; }
.banner-box2 a:hover { color: #d29637; text-decoration: none; }

.photo-container { display: inline-block; width: 800px; padding: 10px 0px; vertical-align: top; }
.photo-box { float: left; display: inline-block; width: 190px; margin: 0px 30px; text-align: center; vertical-align: top; }
.photo-box img { padding: 10px; background: url(../image/bg_banner1.png) no-repeat left top; }
.photo-text { border: solid #eaeaea; border-width: 1px 0px 0px 0px; text-align: left; padding: 10px; }
.photo-text:hover { background: #eaeaea; }
.photo-text a, .photo-text a:visited { font-size: 12px; color: #cc0000; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 20px; }
.photo-text a:hover { color: #ff0000; }
.photo-text a img { float: right; padding: 3px 2px 0px 0px; vertical-align: top; }

.news-container { display: inline-block; padding: 10px 0px; width: 800px; vertical-align: top; }
.news-photo { display: inline-block; width: 170px; padding: 10px; margin: 5px 10px 0px 10px; vertical-align: top; background: url(../image/bg_banner1.png) no-repeat left top; }
.news-box { display: inline-block; padding: 0px 0px 0px 0px; width: 560px; vertical-align: top; }
.news-box h3 { padding-top: 10px; }

.product-photo { display: inline-block; width: 136px; padding: 10px; margin: 10px 0px 0px 10px; vertical-align: top; background: url(../image/bg_product.png) no-repeat left top; }
.product-title { display: inline-block; padding: 0px 0px 0px 5px; width: 200px; vertical-align: top; }

.center-column table { border-top: 1px dotted #cfdce6; }
.center-column th { font-size: 13px; color: #015383; font-weight: normal; padding: 5px 10px; border-bottom: 1px dotted #cfdce6; }
.center-column td { font-size: 13px; color: #555; font-weight: normal; padding: 5px 10px; border-bottom: 1px dotted #cfdce6; }

.gmtbl {background-color: #fff; border: 1px solid #d2d5cb;}
.gmtdttl { font-size: 14px; font-weight: bold;color: #ffffff; text-align:center; background-color: #e6e8e1; }
.gmtdtext {font-size: 100%; font-weight: normal; color: #000000;text-align:center; padding: 5px 0px;}
.tddiv { text-align: left !important;}
div#cntdiv{ position:absolute; display:block;}
div#infselectlist{ background-color: #ffffff; border: 1px solid #7c7c7c; width:100%; height:100%; position:relative; top:1; left:0; right:0; visibility:hidden; cursor:pointer;}
div#hiddentl{ position:relative; top:1; left:0; right:0; visibility:hidden;}

.form-container { display: inline-block; width: 780px; padding: 10px; background: #f5eed2 url(../image/bg_form.png) no-repeat left center; }

form.form { float: left; width: 510px; padding: 0px 135px; text-align: left; }
.form dl { width: 510px; padding: 2px 0px; margin: 0px; }
.form dt { display: inline-block; width: 180px; display: inline-block; vertical-align: top; padding: 2px 0px; }
.form dt label { font-size: 18px; color: #3d4047; }
.form dt span { color: #d29637; }
.form dd { display: inline-block; width: 310px; }
.form dd label { display: inline-block; font-size: 14px; color: #5f4522; }
.check-container { width: 200px; display: inline-block; padding: 1px 0px; font-size: 14px; line-height: 1; }
form.form dd label.error { display: none !important; }

.form input[type="text"], .form input[type="password"] { font-size: 14px; width: 292px; height: 14px; padding: 3px; border: 1px solid #c5b08c; }
.form dd.code input[type="text"] { width: 100px; }
.form input[type="file"] { font-size: 14px; width: 300px; height: 22px; padding: 0px 3px;background: #fff;  border: 1px solid #c5b08c; }
.form input[type='submit'] { font-size: 18px; color: #e6dcba; height: 30px; background: url(../image/bg_button.png) no-repeat left top; width: 300px; border: 0px; }
.form input[type='submit']:hover { color: #fff; background-position: 0 -30px; }
.form select { font-size: 14px; width: 292px; height: 14px; padding: 3px; border: 1px solid #c5b08c; }
.form textarea { width: 298px; height: 120px; border: 1px solid #c5b08c; }
.form input[type="checkbox"] { padding: 3px 5px 0px 0px; vertical-align: top; }
.form dd.error input, .form dd.error select, .form dd.error textarea { border-color: red; background: #ffcccc url(../image/system/error.gif) no-repeat right center;}

p.formcomment { padding-left: 330px; }
.formcomment span { font-size: 16px; color: #d29637; }

#google_map { float: left; background-color: #fff; padding-bottom: 1px; border-bottom: 3px solid #e8d3ac; }


.photo-list-box { display: inline-block; width: 800px; height: 90px; text-align: center; clear: both; margin: 10px auto; background: #f5eed2; }
.photo-list { position: relative; overflow: hidden; width: 760px; height: 90px; float: left; }
.photo-list .items { width: 20000em; position: absolute; margin: 0px; }
/*.photo-list .items div { float: left; width: 178px; height: 210px; text-align: left; margin: 10px 5px; }*/
.photo-list .items img { height: 60px; vertical-align: top; margin: 15px 0px; }
.photo-list .items img:hover { }

a.browse {
				background:url(../image/hori_large.png) no-repeat;
                cursor:pointer;
                display: block;
                margin: 25px 5px;
                width: 10px; 
                height: 40px;
                text-decoration: none;
}

/* right */
a.right         { float: right; background-position: 0px -40px; }
a.right:hover      { background-position:-10px -40px; text-decoration: none; }
a.right:active      { background-position:-20px -40px; text-decoration: none; } 


/* left */
a.left                                     { float: left; } 
a.left:hover        { background-position:-10px 0; text-decoration: none; }
a.left:active        { background-position:-20px 0; text-decoration: none; }

.five-item { float: left; width: 760px; height: 90px; text-align: left; background: url(../image/border2.png) no-repeat left top; }
.one-item { float: left; width: 152px; height: 90px; text-align: center; background: url(../image/border2.png) no-repeat right top; }

.practice-list { display: inline-block; overflow: hidden; width: 960px; padding: 0px; }
.practice-item { float: left; display: inline-block; width: 300px; height: 290px; text-align: left; margin: 10px 0px 0px 20px; }
.practice-item:first-child { margin-left: 0px; }
.practice-item img { padding-bottom: 1px; width: 300px; height: 150px; background: #fff; border-bottom: 3px solid #e8d3ac; vertical-align: top; }
.practice-item img:hover { border-bottom: 3px solid #015383; }
.practice-item h4 { padding: 7px 0px; font-size: 16px; line-height: 16px; }
.practice-item a, .practice-item a:visited { color: #002942; text-decoration: none; }
.practice-item  a:hover { color: #015383; text-decoration: none; }

.footer-box { display: inline-block; width: 1000px; height: 100px; margin: 10px auto; }
.footer-box p { font-size: 12px; color: #957246; line-height: 14px; padding: 5px 0px; }
.footer-box a, .footer-box a:visited { color: #957246; text-decoration: none; }
.footer-box a:hover { color: #2f385c; text-decoration: underline; }
.social-box { float: left; width: 200px; text-align: center; padding: 32px 0px; vertical-align: top; }
.social-box img { padding: 0px 5px; }
.address-box { float: left; width: 240px; text-align: left; padding: 25px 0px 15px 10px; vertical-align: top; }
.vitgroup-box { float: left; width: 290px; text-align: right; padding: 25px 10px 15px 0px; vertical-align: top; }