/* mac hide\*/ html, body {height:100%} /* end hide */ body { padding:0; margin:0; font-size:0.9em; width:100%; line-height:1.5em; font-family:Arial, Verdana, Tahoma, sans-serif; color:#333;} a {color:#DC040C; text-decoration:none; } a:hover { color:#DC040C; text-decoration:underline;} /* ================================= *//* ================================= */ * html #outer{height:99.9%;} div#outer{min-height:100%; width:auto; background: url(../images/footer2.jpg) repeat-y left top fixed; background-color:#e2e2e2; } div#top_nav{ background: url(../images/left_bg.jpg) repeat-y left top scroll; background-color:#fff;} div#content { width:990px;} div#footer { width:810px; padding-left:180px; padding-bottom:20px; font-size:0.9em; background: url(../images/footer2.jpg) repeat-y left top scroll; text-transform: uppercase ; clear:both; } div.clear { clear:both; } /* ================================= *//* ================================= */ div#content .left_side {width:167px; float:left; } div#content .left_side .top{ margin-top:10px; margin-bottom:15px ;text-align:right; } div#content .left_side .lang{ margin:10px 5px 10px 0px; font-size:0.9em;} div#content .left_side .lang span{ margin-right:8px; color:#f21300;} div#content .left_side .lang a{color:#888; } div#content .left_side .lang a:hover{color:#f21300; } div#content .left_side .lang a.active{color:#f21300;} div#content .left_side .search{margin:10px 0px; background-color:#fff; padding-top:1px; padding-bottom:1px;} div#content .left_side .search input{ border:1px solid #fff; color:#888; width:115px; text-align:right;font-size:0.8em;} div#content .left_side .search img{ margin-right:5px; } div#content .left_side .logo{ margin:40px 13px 10px 10px;} div#content .left_side .menu { width:166px; height:111px; background: url(../images/menu_bg.jpg) no-repeat left top; font-size:0.85em;} div#content .left_side .menu li { margin-left:10px; color:#fff; background: url(../images/arr06.gif) no-repeat right 8px; margin-right:5px; line-height:2.3em; } div#content .left_side .menu li a{ color:#fff;} div#content .left_side .menu li a:hover{ color:#fff; text-decoration:none;} div#content .left_side .menu li.list a{ display:inline-block;} div#content .left_side .menu li.list a.active{ background: url(../images/arr03.gif) no-repeat right 8px; display:block;} div#content .left_side .menu li.list a:hover{ background: url(../images/arr03.gif) no-repeat right 8px; display:block;} div#content .left_side .news_list{ background-color:#fff; margin:15px 8px; padding:8px 5px;} div#content .left_side .news_list h2{ background:url(../images/red-star.gif) no-repeat left center; color:#DC040C; margin-bottom:10px; padding-left:20px;} div#content .left_side .news_list ul li{ margin-top:3px; line-height:1.3em; font-size:0.9em; padding-bottom:2px; border-bottom:1px dotted #dedede;} div#content .left_side .news_list ul li a{ color:#444} /* ================================= *//* ================================= */ div#content .index_right_side {float:left; width:820px; height:565px; } div#content .index_right_side .background{z-index:1; position:absolute; top:0px; } div#content .index_right_side .content_text{padding-left:50px; width:710px;z-index:2; position: relative; } div#content .index_right_side .content_text h3{ font-size:1.1em; color:#acacac; border-left: 1px solid #acacac; padding-left:5px; padding-top:30px; margin-bottom:15px; text-transform:uppercase;} div#content .index_right_side .content_text h1{font-size:3em; color:#5d5d5d; line-height:1.3em; width:520px; margin-left:5px; font-weight:normal; margin-bottom:15px; padding-top:5px; } div#content .index_right_side .content_text p {margin:10px 5px; } div#content .index_right_side .content_text .index_text{ margin-left:5px;} div#content .index_right_side .content_text .about_us h1 { margin-top:25px; font-size:1.7em; text-transform:uppercase; color:#DC040C;} div#content .index_right_side .content_text .about_us p { line-height:1.5em;} /* ================================= *//* ================================= */ div#content .right_side {float:left; width:820px; } div#content .right_side .red_bar{ float:left; width:40px; height:500px; } div#content .right_side .content_text{ float:left; padding-left:10px; width:730px; padding-bottom:15px; } div#content .right_side .content_text h3{ font-size:1.1em; color:#acacac; border-left: 1px solid #acacac; padding-left:5px; padding-top:30px; margin-bottom:15px; text-transform:uppercase;} div#content .right_side .content_text h1{font-size:2.7em; color:#5d5d5d; line-height:1.2em; width:680px; margin-left:5px; font-weight:normal; margin-bottom:25px; padding-top:10px; text-transform:uppercase;} div#content .right_side .content_text h1.port{font-size:2.1em; color:#5d5d5d; line-height:1.2em; margin-left:5px; font-weight:normal; margin-bottom:15px; padding-top:10px; text-transform:none; } div#content .right_side .content_text h4{ margin-left:5px; color:#d80600; padding-top:10px;} div#content .right_side .content_text h4.sun{ font-size:1.5em; } div#content .right_side .content_text p {margin:10px 5px; } div#content .right_side .back_top{ width:58px; padding:2px 0; background-color:#e70e00; color:#fff; float:right; text-align:center; font-size:0.85em; line-height:1.6em; margin-right:50px; margin-top:10px; clear:both;} div#content .right_side .back_top img{ vertical-align:middle; margin-right:5px;} div#content .right_side .back_top a{color:#fff; } /* ================================= *//* ================================= */ /* ================================= *//* ================================= */ div#content .right_side .content_text .pro{ padding-bottom:25px;} div#content .right_side .content_text .pro .submenu{ width:640px; height:190px; background: url(../images/sub_menu.jpg) repeat-x left bottom; border-left: 1px solid #acacac; border-bottom:1px dotted #dedede; text-transform:uppercase;} div#content .right_side .content_text .pro h3{ padding-top:15px; margin-top:-5px; clear:both;} div#content .right_side .content_text .pro h2{color:#dc040c; font-size:1.4em; } div#content .right_side .content_text .pro h2.loca{ margin-left:10px; margin-top:10px;} div#content .right_side .content_text .pro .list2 { margin-left:10px; padding-bottom:20px; padding-top:5px;} div#content .right_side .content_text .pro .list2 h4{ margin-left:0px; padding-top:5px; font-size:1.2em; padding-bottom:5px;} div#content .right_side .content_text .pro .list2 h4 a{ text-decoration:underline;} div#content .right_side .content_text .pro .list2 h4 a:hover{ text-decoration:none;} div#content .right_side .content_text .pro .list2 p{margin-left:0px; margin-top:0px; margin-bottom:10px; font-size:0.9em; } div#content .right_side .content_text .pro .list2 p a{ color:#000; } div#content .right_side .content_text .pro .list2 p a:hover{ color:#DC040C} div#content .right_side .content_text .pro .list2 .col1{ float:left; margin-right:60px;} div#content .right_side .content_text .pro .line{ float:left; height:80px; border-left:1px dotted #dedede; margin-top:30px;} div#content .right_side .content_text .pro .submenu .by{float:left; width:130px; padding-top:20px; padding-left:15px; padding-right:10px; font-size:0.85em; } div#content .right_side .content_text .pro .submenu .by img{ vertical-align:middle; margin-left:10px;} div#content .right_side .content_text .pro .submenu ul { margin-top:10px;} div#content .right_side .content_text .pro .submenu ul li { margin-bottom:2px;} div#content .right_side .content_text .pro .submenu a{ color:#5d5d5d;} div#content .right_side .content_text .pro .submenu a:hover{ color:#DC040C;} div#content .right_side .content_text .pro .submenu a.active{ color:#dc040c;} div#content .right_side .content_text .pro .submenu .search{float:left; margin-top:20px; padding-left:15px; margin-left:10px; font-size:0.85em; width:430px} div#content .right_side .content_text .pro .submenu .search h2 a{ color:#DC040C;} div#content .right_side .content_text .pro .submenu .search .by2{float:left; width:160px; padding-top:5px; margin-right:20px; } div#content .right_side .content_text .pro .submenu .search .by3{float:left; width:220px; padding-top:5px; } div#content .right_side .content_text .pro .submenu .search h4{ margin-left:0; padding-top:5px; font-weight:normal;} div#content .right_side .content_text .pro .submenu .search table{ margin-top:2px; } div#content .right_side .content_text .pro .submenu .search table tr td.text{ width:210px;} div#content .right_side .content_text .pro .submenu .search table tr td.text2{ width:150px;} div#content .right_side .content_text .pro .submenu .search table tr td.box{padding-left:6px; } div#content .right_side .content_text .pro .submenu .search .search_btn { text-align:right; margin-top:15px; margin-right:30px;} div#content .right_side .content_text .pro .back { text-align:right; margin-right:10px; font-size:0.9em; line-height:1.6em; padding-bottom:10px } div#content .right_side .content_text .pro .back img{ vertical-align:middle; margin-right:5px;} div#content .right_side .content_text .pro .top{ text-align:right; margin-bottom:10px; clear:both;} div#content .right_side .content_text .pro .top .back_top3{ width:58px; padding:2px 0; background-color:#e70e00; color:#fff; float:right; text-align:center; font-size:0.85em; line-height:1.6em; margin-right:5px; margin-top:10px; clear:both;} div#content .right_side .content_text .pro .top .back_top3 img{ vertical-align:middle; margin-right:5px;} div#content .right_side .content_text .pro .top .back_top3 a{color:#fff; } /* ================================= *//* ================================= */ div#content .right_side .content_text .map{ width:720px; margin-left:5px; margin-bottom:20px;} /* ================================= *//* ================================= */ div#content .right_side .content_text .map_detail{ width:720px; margin-left:5px;} div#content .right_side .content_text .map_detail .detail_list { float:left; width:490px;} div#content .right_side .content_text .map_detail .detail_list .list_top h2{padding-top:10px; font-size:1.2em;} div#content .right_side .content_text .map_detail .detail_list .list_top p{border-bottom:1px dotted #dedede; padding-bottom:8px; margin:2px 0 10px 0;} div#content .right_side .content_text .map_detail .detail_list .list_top .no{ border:none;} div#content .right_side .content_text .map_detail .detail_list .list_top .back_map {color:#DC040C; font-size:1.2em; font-weight:bold; padding:10px 0;} div#content .right_side .content_text .map_detail .detail_list .list_top .back_map img{margin-left:15px;} div#content .right_side .content_text .map_detail .detail_list .list_top .back_map a{text-decoration:underline;font-size:0.8em;font-weight:normal;} div#content .right_side .content_text .map_detail .detail_list .list_top .back_map a:hover{ text-decoration:none;} div#content .right_side .content_text .map_detail .detail_list .list_top ul{border-bottom:1px dotted #dedede; padding-bottom:8px; margin-bottom:10px;} div#content .right_side .content_text .map_detail .detail_list .list_top li{ list-style:square; color:#333; margin:2px 0 2px 16px;} div#content .right_side .content_text .map_detail .detail_list .list_top li a{ color:#333; } div#content .right_side .content_text .map_detail .detail_list .list_top li span{ color:#dc040c;} div#content .right_side .content_text .map_detail .detail_list .list_top .left{float:left; width:200px; margin-right:20px;} div#content .right_side .content_text .map_detail .detail_list .list_top .right{float:left; width:240px; margin-left:20px; margin-top:10px;} div#content .right_side .content_text .map_detail img { vertical-align:middle; margin-right:5px;} div#content .right_side .content_text .map_detail .detail_list .list_top .right .contact_person {border:1px solid #dedede; padding:10px; width:180px;} div#content .right_side .content_text .map_detail .detail_list .list_top .right .contact_person p{ border:none; padding:0px; margin:3px 0;} div#content .right_side .content_text .map_detail .detail_list .list_top .right .print { margin-top:15px; margin-left:10px;} div#content .right_side .content_text .map_detail .detail_list .list_top .right .print a{ color:#333; } div#content .right_side .content_text .map_detail .detail_list .list_top .right .print a:hover{ color:#DC040C; } div#content .right_side .content_text .map_detail .detail_list .list_top .right .back{ margin-left:10px; text-align:left;} div#content .right_side .content_text .map_detail .detail_list .list_top .right .back ul{ border:none; padding-top:25px; margin-bottom:0;} div#content .right_side .content_text .map_detail .detail_list .list_top .right .back li{ margin:5px 0; padding-bottom:0; padding-left:12px; list-style:none; background: url(../images/arr08.jpg) no-repeat left 4px; } div#content .right_side .content_text .map_detail .detail_list .list_top .right .back li a{ color:#333; display:inline-block} div#content .right_side .content_text .map_detail .detail_list .list_top .right .back li a:hover{ color:#DC040C;} div#content .right_side .content_text .map_detail .detail_pic{ float:left; width:200px; padding-left:30px;} div#content .right_side .content_text .map_detail .detail_pic .pic01{ margin-bottom: 10px; margin-top:10px; width:175px; text-align:center} div#content .right_side .content_text .map_detail .detail_pic .pic02{border:1px solid #dedede; width:175px; text-align:center; margin-top:30px; padding:30px 0px;} div#content .right_side .content_text .map_detail .detail_pic .pic02 img{ margin:0;} div#content .right_side .content_text .map_detail .detail_pic .page { margin-top:5px; width:175px;} div#content .right_side .content_text .map_detail .detail_pic .page .page_no{ float:left; padding-left:55px;} div#content .right_side .content_text .map_detail .detail_pic .page .page_no img{ vertical-align:middle; margin-right:6px; margin-left:6px;} div#content .right_side .content_text .map_detail .detail_pic .page .big img {float:right; margin-top:5px} div#content .right_side .content_text .map_detail .detail_pic .page .big2 img {float:right; margin-top:5px} /* ================================= *//* ================================= */ div#content .right_side .content_text .building_list { margin-bottom:15px} div#content .right_side .content_text .building {border-bottom:1px dotted #dedede; width:680px; padding-bottom:8px; margin-left:10px; clear:both } div#content .right_side .content_text .building h4{ font-size:1.2em; margin-left:0; margin-bottom:8px; margin-top:5px; color:#000; } div#content .right_side .content_text .building h2{font-size:1.4em; padding-top:25px; margin-bottom:10px;} div#content .right_side .content_text .building h2 a{ text-decoration:underline; } div#content .right_side .content_text .building h2 a:hover{text-decoration:none;} div#content .right_side .content_text .building .detail{ margin-top:10px; margin-bottom:15px; } div#content .right_side .content_text .building .detail img{ float:left; margin-right:8px;} div#content .right_side .content_text .building .detail h5{ text-transform:uppercase; color:#555;} div#content .right_side .content_text .building .detail h5 a{ color:#555; } div#content .right_side .content_text .building .detail h5 a:hover{ color:#111; text-decoration:none;} div#content .right_side .content_text .building .detail ul{ margin-left:51px; } div#content .right_side .content_text .building .detail li{ background: url(../images/dot.jpg) no-repeat left 8px; float:left; margin-right:25px; padding-left:10px; } div#content .right_side .content_text .building .detail li a{ color:#5d5d5d; text-decoration:underline;} div#content .right_side .content_text .building .detail li a:hover{ color:#5d5d5d; text-decoration:none} /* ================================= *//* ================================= */ div#content .right_side .content_text .quality{ margin-left:10px; margin-top:15px; padding-bottom:20px} div#content .right_side .content_text .quality p{ margin-left:0px;} /* ================================= *//* ================================= */ div#content .right_side .content_text .contact { margin-left:5px; padding-top:10px; margin-top:20px; border-top:1px dotted #dedede; } div#content .right_side .content_text .contact h2{color:#dc040c; font-size:1.4em; padding-top:20px; text-decoration:underline; padding-bottom:5px; font-weight:normal; } div#content .right_side .content_text .contact h4{ margin-left:0px; padding-top:5px; text-decoration:underline; } div#content .right_side .content_text .contact p{margin-left:0px; margin-top:0px; margin-bottom:10px} div#content .right_side .content_text .contact p span { margin-right:6px; font-size:0.9em; color:#999; } div#content .right_side .content_text .contact p span a{ color:#5d5d5d; } div#content .right_side .content_text .contact p span a:hover{ color:#DC040C} div#content .right_side .content_text .contact table {border:1px solid #dedede; margin-top:5px; margin-bottom:20px} div#content .right_side .content_text .contact table tr th{ text-align:left; padding:5px 10px; background-color:#f4f4f4;} div#content .right_side .content_text .contact table tr td{ padding:10px; border:1px solid #dedede; width:215px; line-height:1.7em;} div#content .right_side .content_text .contact table tr td a{ color:#333; text-decoration:underline} div#content .right_side .content_text .contact table tr td a:hover{ color:#DC040C; } div#content .right_side .content_text .contact table tr td p{margin:0;} div#content .right_side .content_text .contact table tr td p a{color:#DC040C;} div#content .right_side .content_text .contact .top{ text-align:right; padding-bottom:10px; clear:both;} div#content .right_side .content_text .contact .top .back_top2{ width:58px; padding:2px 0; background-color:#e70e00; color:#fff; float:right; text-align:center; font-size:0.85em; line-height:1.6em; margin-right:5px; margin-top:10px; clear:both;} div#content .right_side .content_text .contact .top .back_top2 img{ vertical-align:middle; margin-right:5px;} div#content .right_side .content_text .contact .top .back_top2 a{color:#fff; } div#content .right_side .content_text .contact .list2 { margin-left:10px; padding-bottom:20px; padding-top:5px;} div#content .right_side .content_text .contact .list2 h4{ margin-left:0px; padding-top:5px; font-size:1.2em; padding-bottom:5px;} div#content .right_side .content_text .contact .list2 h4 a{ text-decoration:underline;} div#content .right_side .content_text .contact .list2 h4 a:hover{ text-decoration:none;} div#content .right_side .content_text .contact .list2 p{ margin:0px; font-size:0.9em; } div#content .right_side .content_text .contact .list2 p a{ color:#000; } div#content .right_side .content_text .contact .list2 p a:hover{ color:#DC040C} div#content .right_side .content_text .contact .list2 .col1{ float:left; margin-right:60px;} div#content .right_side .content_text .add { line-height:1.8em;} /* ================================= *//* ================================= */ div#content .right_side .content_text .sitemap{ margin-left:5px; margin-top:20px; } div#content .right_side .content_text .sitemap h4{ color:#DC040C; font-size:1.05em; margin-bottom:5px;} div#content .right_side .content_text .sitemap h4 img{ vertical-align:middle; margin-right:5px} div#content .right_side .content_text .sitemap h4 a {color:#DC040C;} div#content .right_side .content_text .sitemap ul.submenu{padding-left:33px; margin-bottom:10px;} div#content .right_side .content_text .sitemap ul.submenu li{ list-style:disc; } div#content .right_side .content_text .sitemap ul.submenu li a{ color:#555;} div#content .right_side .content_text .sitemap .line{border-top:1px dotted #dedede; padding-bottom:10px; } /* ================================= *//* ================================= */ div#content .right_side .content_text .policy{ margin-left:5px; margin-top:20px; } div#content .right_side .content_text .policy p { margin-bottom:15px;} div#content .right_side .content_text .policy p span{ color:#DC040C; font-weight:bold; } div#content .right_side .content_text .policy p span.state a{ text-decoration:underline; font-weight:normal;} div#content .right_side .content_text .policy h4{font-size:1.1em; margin-bottom:5px; margin-top:13px; color:#444;} div#content .right_side .content_text .policy ul.list { margin-left:30px; list-style:decimal; padding:0;} div#content .right_side .content_text .policy .line{border-top:1px dotted #dedede; padding-bottom:10px; margin-top:20px; } /* ================================= *//* ================================= */ div#content .right_side .content_text .news { margin-left:5px; margin-top:20px; } div#content .right_side .content_text .news h4{color:#DC040C; font-size:1.1em;} div#content .right_side .content_text .news p{ margin-bottom:15px;} div#content .right_side .content_text .news .line{border-top:1px dotted #dedede; padding-bottom:10px; margin-top:20px; } /* ================================= *//* ================================= */ div#footer .detail {padding-top:15px; font-size:0.95em;} div#footer .detail span{ margin-right:32px; color:#f21300; } div#footer .detail span img{ margin-right:5px; vertical-align:middle } div#footer .detail a{ color:#444;} div#footer .detail .mail a{color:#f21300; font-size:1.15em; font-weight:bold; text-transform:lowercase; } div#footer .detail .phone {font-size:1.15em; font-weight:bold;} div#footer .copyright { padding-top:8px; color:#444; font-size:0.95em;} a.active { color: #f00 } /* ================================= *//* ================================= */ a.district { display: block } div#building-not-found {color:#D80600;margin:0px 0px 0px 10px;}