body, dl, dd, h1, h2, h3, p, form, ul { margin: 0; font-family:"Microsoft YaHei",Arial; font-size:12px; }
ul { padding: 0}
li { list-style:none;}
img { border: none }
em{ font-style:normal;}
strong { font-weight:normal; }
h1, h2, h3{ font-size: 100%; font-weight: normal }
a { text-decoration: none; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

body { min-width: 720px; color: #333; background: #e5e5e5 url(/images/2013/index_bg.png) repeat center top; }

#user_header{width:100%;height:35px;margin:0 auto;position:relative;z-index:1;}
#user_header a{color:#666;text-shadow:0 0 1px #ccc;}
#user_header a.obvious{font-weight:700;}
#user_header a:hover{color:#e55a1f;text-shadow:0 0 1px #ffa04c;text-decoration:none;}
#user_header em {color:#808080;margin:0 8px}
.sites_header {position:absolute;left:10px;top:0;z-index:2;}
.sites_header li {line-height:35px;height:35px;position:relative;float:left;}
.sites_header li ul {position:absolute;display:none;line-height:25px;border:1px solid #E0E0E0;left:-10px;top:35px;z-index:10;-moz-box-shadow: 0 0 5px rgba(224,224,224, 0.7); -webkit-box-shadow: 0 0 5px rgba(224,224,224, 0.7); box-shadow: 0 0 5px rgba(224,224,224, 0.7); }
.sites_header li ul li {line-height:25px;height:25px;background:#f2f2f2;float:none;position:relative}
.sites_header li ul li a {float:none;display:block;padding:0 10px;line-height:25px;height:25px;word-break:keep-all;white-space:nowrap;}
.sites_header li ul li:hover{background-color:#E0E0E0;}
.sites_header li span{font-size:9px;vertical-align:top;padding-left:2px;color:#808080;}
ul.E-country,ul.E-country li{width:110px;}
ul.E-lang,ul.E-lang li{width:70px;}
a.E-en,a.E-en:hover,a.E-ft,a.E-ft:hover,a.E-cn,a.E-cn:hover{overflow:hidden;text-indent:-999em;background-image:url(/images/2013/index_lang.png) ;background-repeat:no-repeat;}

a.E-en,a.E-ft,a.E-cn{padding:0;width:70px;}
a.E-en{background-position:0 -70px}
a.E-en:hover{background-position:0 -95px}
a.E-ft{background-position:0 -120px}
a.E-ft:hover{background-position:0 -145px}
a.E-cn{background-position:0 -170px}
a.E-cn:hover{background-position:0 -195px}
.login_header {position:absolute;right:10px;top:0;z-index:2;}
.login_header li {float:right;line-height:35px}
.login_header li img{vertical-align:middle;margin-right:3px;}

#index_main{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.page_main{margin: 30px auto 0;width: 720px;min-height:530px;}
.page_main h1{display:none;}

.index_join,.index_logo {margin: 0 auto;text-align:center;}
.index_join{height:60px;padding-top:10px;}
/*
.index_join a{filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.index_join a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
*/
.index_join a{font-size:14px;color:#fe7700;font-weight:500;text-shadow:0 0 1px #ffae67;margin:0 5px;}
.index_join a:hover{text-decoration:underline;}

.location{padding:2px;width: 497px; color:#999; font-style:italic; margin:0 auto; font-size:12px; text-shadow:2px 2px 5px #C2C2C2;}
#zipcode{ margin:0 auto; width: 497px; }
#zipcode ul{ display:inline-block; margin:2px;}
#zipcode ul li{ float:left; padding-right:12px;}
.inzip{ font-weight:bold; text-shadow:2px 2px 5px #C2C2C2; color:#999; }
.inzip a{color:#fe7700;font-weight:500;text-shadow:0 0 1px #ffae67;}
.inzip a:hover{text-decoration:underline;}

#index_search{background-color: #ebe9e9;height: 32px;line-height: 32px;padding: 3px;width: 497px;margin:0 auto;margin-bottom:5px;position:relative;}
#search_input {border: 0;outline: 0;color:#bfbfbf;background:#fff;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;float: left;height: 30px;line-height: 30px;padding: 0 5px;width: 400px;border-left:1px solid #D8D8D8;border-top:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
#search_button {color:#808080;background-image:url(/frontframe/images/search_bt.png);background-position: 0 0;border: 0 none;cursor: pointer;float: left;height: 32px;line-height: 32px;width: 86px;}
#search_input.light {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-left:1px solid #fe7700;border-top:1px solid #fe7700;border-bottom:1px solid #fe7700;color:#333;}
#index_search.light {background-color: #ffe1cb;}
#search_button.light {background-position: 0 -37px;color:#fff;}
.index_map{position:absolute;right:-38px;top:3px;display:block;width:32px;height:32px;background:url(/images/2013/index_map.gif) no-repeat -32px 0;overflow:hidden;text-indent:-999em;}
a.index_map:hover{background:url(/images/2013/index_map.gif) no-repeat 0 0;}
/*
.index_box{margin: 20px auto;}
.index_box dl{float:left;width:210px;height:80px;padding:10px;margin:0 15px 15px 0;position:relative;}
.index_box dl.fix{margin-right:0;}
.index_box dl.current{background:#f2f2f2;-moz-box-shadow: 0 0 5px #808080; -webkit-box-shadow: 0 0 5px #808080; box-shadow: 0 0 5px #808080;}
.index_box dt{float:left;width:80px;height:80px;margin-right:10px;}
.index_box dt a{display:block;width:80px;height:80px;background-size:80px 80px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; -webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.index_box dl:hover dt a{-moz-box-shadow: 0 0 5px #808080; -webkit-box-shadow: 0 0 5px #808080; box-shadow: 0 0 5px #808080;filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.index_box dd h3{font-size:14px;color:#808080;text-shadow:0 0 1px #ccc;white-wrap:break-word;word-break:normal;}
.index_box dl:hover dd h3{color:#000;text-shadow:0 0 1px #666;}
.rest_info{position:absolute;bottom:10px;left:100px;color:#808080;}
*/
.index_box{margin: 20px auto;clear:both;overflow:hidden;width: 720px;}
.index_box dl{float:left;width:100px;height:150px;padding:10px;position:relative;overflow:hidden;}
.index_box dl.fix{margin-right:0;}
/*.index_box dl.current{background:#f2f2f2;-moz-box-shadow: 0 0 5px #808080; -webkit-box-shadow: 0 0 5px #808080; box-shadow: 0 0 5px #808080;}*/
.index_box dt{width:80px;height:80px;padding:10px;}
.index_box dt a{display:block;width:80px;height:80px;background-size:80px 80px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7; -webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.index_box dl.current dt a{-moz-box-shadow: 0 0 5px #808080; -webkit-box-shadow: 0 0 5px #808080; box-shadow: 0 0 5px #808080;filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.index_box dd h3{font-size:14px;color:#666;text-shadow:0 0 1px #ccc;word-break:keep-all;white-space:nowrap;text-align:center;}
.index_box dl.current dd h3{color:#000;text-shadow:0 0 1px #666;}
.rest_info{color:#808080;text-align:center;height:25px;line-height:25px;overflow:hidden;}

/*.index_bottom{position:fixed;bottom:0;left:0;overflow:hidden;width:100%;}*/
.index_bottom { margin:3em 0}
.index_bottom a{color:#808080;}
.index_bottom a:hover{color:#000;text-shadow:0 0 1px #666;}
.index_bottom a.fix{border-bottom:none;padding-top:0;height:53px;float:right;cursor:default;}
a.i-fontbox,a.i-apple,a.i-android,a.i-qrcode{background-image:url(/images/2013/index_icon.gif);}
a.i-creat,a.i-top,a.i-news,a.i-crf,a.i-crn,a.i-yp,a.i-feedback,a.i-help,a.i-join,a.i-app{background-image:url(/images/2013/index_icon2.gif?v=2);}
a.i-fontbox,a.i-apple,a.i-android,a.i-qrcode,a.i-creat,a.i-top,a.i-news,a.i-crf,a.i-crn,a.i-yp,a.i-feedback,a.i-help,a.i-join,a.i-app{float:left;display:block;width:76px;padding-top:26px;text-align:center;font-size:12px;line-height:1em;background-repeat:no-repeat;color:#808080;}
a.i-fontbox{background-position:0 -18px;}
a.i-apple{background-position:0 -98px;}
a.i-android{background-position:0 -178px;}
a.i-qrcode{background-position:0 -250px;}
a.i-fontbox:hover{background-position:-78px -18px;}
a.i-apple:hover{background-position:-78px -98px;}
a.i-android:hover{background-position:-78px -178px;}
a.i-qrcode:hover{background-position:-78px -250px;}

a.i-app{background-position:-135px 2px;}
a.i-app:hover{background-position:-213px 2px;}

a.i-creat{background-position:27px 2px;}
a.i-top{background-position:27px -544px;}
a.i-news{background-position:27px -76px;}
a.i-crf{background-position:27px -154px;}
a.i-crn{background-position:27px -232px;}
a.i-yp{background-position:27px -310px;}
a.i-feedback{background-position:27px -388px;}
a.i-help{background-position:27px -466px;}
a.i-join{background-position:-135px -76px;}
a.i-creat:hover{background-position:-51px 2px;}
a.i-top:hover{background-position:-51px -544px;}
a.i-news:hover{background-position:-51px -76px;}
a.i-crf:hover{background-position:-51px -154px;}
a.i-crn:hover{background-position:-51px -232px;}
a.i-yp:hover{background-position:-51px -310px;}
a.i-feedback:hover{background-position:-51px -388px;}
a.i-help:hover{background-position:-51px -466px;}
a.i-join:hover{background-position:-213px -76px;}
              
.index_about{float:right;font-size:12px;color:#808080;padding-top:7px;padding-right:10px;}
.index_about p{text-align:right;}
.index_about p em{margin:0 5px;color:#c5c5c5;line-height:23px;}
.index_about p a{color:#808080;}
.index_vessel{overflow:hidden;display:block;height:53px;}
.fix_left{margin:0;float:left;}
.fix_right{margin:0;float:right;}
.fix_center{margin:0 auto;clear:both;}

.index_wrapper{width:720px;margin:0 auto;overflow:hidden;}
.index_guide{position:relative;display:none;height:380px;margin-bottom:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.Close{position: absolute;right: 15px;top: 15px;height: 18px;width: 18px;overflow:hidden;text-indent:-999em;background: url(/frontframe/images/iclose.png) no-repeat -18px 0; border-radius: 2px 2px 2px 2px;}
.Close:hover{background: url(/frontframe/images/iclose.png) no-repeat -54px 0; }
.index_pull{z-index:99;width:50px;display:block;position:absolute;top:0;left:50%;margin-left:-330px;}
.on{background:url(/images/2013/index_pull.gif) no-repeat 1px 0;height:77px;}
.off{background:url(/images/2013/index_pull.gif) no-repeat -50px bottom;height:60px;}
.index_tips{display:none;position:absolute;width:102px;height:59px;background:url(/images/2013/index_click.png) no-repeat 0 0;top:20px;left:50%;margin-left:-300px;}
.guide_main{float:left;overflow:hidden;height:360px;margin:10px;}
.index_location h2,.guide_main h2{font-family: Microsoft YaHei;font-size:14px;font-weight: 500;color:#808080;display:block;padding-bottom:5px;margin:10px 0;border-bottom:2px solid #f2f2f2;}
.guide_box{display:block;overflow:hidden;font-size:14px;line-height:30px;padding:0 10px;}
.guide_box em{color:#ccc;margin:0 10px;}
.index_hostcity li a,.guide_box a{color:#2D64B3;text-shadow:0 0 1px #ccc;word-break:keep-all;white-space:nowrap;}
.index_hostcity li a:hover,.guide_box a:hover{text-decoration:underline;}
.guide_state a{width:23px;text-align:center;display:inline-block;}
.index_follow{width:60px;height:60px;position:absolute;right:10px;top:200px;background:url(/images/2013/index_follow.gif) no-repeat -60px 0;cursor:pointer;}
.index_follow:hover,.follow_selected{background:url(/images/2013/index_follow.gif) no-repeat 0 0}
.follow_box{position:relative;left:-15px;top:-15px;width:45px;height:90px;display:none;}
.follow_box a{width:36px;height:36px;display:block;overflow:hidden;position:absolute;text-indent:-999em;background-image:url(/images/2013/index_social.gif);background-repeat:no-repeat;}
a.follow_fbcn{top:-35px;left:27px;background-position:0 0;}
a.follow_fbcn:hover{background-position:0 -36px;}
a.follow_flickr{bottom:-35px;left:27px;background-position:-108px 0;}
a.follow_flickr:hover{background-position:-108px -36px;}
a.follow_tt{top:26px;left:-35px;background-position:-36px 0;}
a.follow_tt:hover{background-position:-36px -36px;}
a.follow_fben{top:-18px;left:-18px;background-position:0 0;}
a.follow_fben:hover{background-position:0 -36px;}
a.follow_ytb{bottom:-18px;left:-18px;background-position:-72px 0;}
a.follow_ytb:hover{background-position:-72px -36px;}
.index_location{margin:0 auto;overflow:hidden;}
.index_location h2{font-family: Microsoft YaHei;font-size:14px;font-weight: 500;color:#ccc;display:block;padding-bottom:5px;margin:10px 0;border-bottom:2px solid #f2f2f2;}
.index_hostcity{font-size:14px;}
.index_hostcity li{float: left;height: 30px;line-height:30px;margin-left: 18px;text-align: left;width: 100px;}
.index_hostcity li strong{font-weight:700;}

.index_links{display:none;padding:10px;position:absolute;width:900px;height:30px;line-height:30px;left:50%;margin-left:-460px;top:530px;background:#fff;border:1px solid #e9e9e9;}
.index_links a{color:#808080;font-weight:500;}
.index_links em{color:#e9e9e9;margin:0 5px;}
.index_links .Closelinks{top:10px;right:10px;}

#JS-link { text-align:center; width:912px; margin:0 auto; border-bottom:1px solid #ddd; height:80px;}
#JS-Btn { text-align:center; padding:3em 0; clear:both; color:gray; line-height:1.8em}
#JS-Btn a { color:#666}
#JS-Btn a:hover { text-decoration:underline}
#JS-Btn a.link { color:#666; margin:0 1em}
#JS-Btn em { color:#ccc}