/************************  common  ************************/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{padding:0px; margin:0px}
body, button, input, select, textarea{font:12px/1.5 tahoma,arial,宋体}
ul,ol{list-style-type:none}
img{border:0 none}
.clear{clear:both; height:0; overflow:hidden}
.left{float:left}
.right{float:right}
.hidden{display:none}
.block{display:block}
.center{text-align:center}
.blank10{clear:both;font-size:1px; height:10px; overflow:hidden}
/* font color  */
a,a:visited{text-decoration:none}
a:active, a:hover{text-decoration:underline; color:#ff5b00}
.mp-c0,a.mp-c0:hover{color:#000 !important}
.mp-c3,a.mp-c3:hover{color:#333 !important}
.c6,a.c6:hover{color:#666 !important}
.c9,a.c9:hover{color:#999 !important}
.cc,a.cc:hover{color:#ccc !important}
.cf,a.cf:hover{color:#fff !important}
.cf00,a.cf00:hover{color:#f00 !important} /* 红 */
.cf5b00,a.cf5b00:hover{color:#f5b00 !important} /* 橙 */
.cf60,a.cf60:hover{color:#f60 !important} /* 橙2 */
.cc60,a.cc60:hover{color:#c60 !important} /* 暗橙 用于数字 */
.c007b43,a.c007b43:hover{color:#007b43 !important} /* 绿 */
.c004fb1,a.c004fb1:hover{color:#004fb1 !important} /* 蓝 主链接 */
.c006699,a.c006699:hover{color:#004fb1 !important} /* 蓝 主链接 */
.c8ca8ca,a.c8ca8ca:hover{color:#8ca8ca !important} /* 蓝 说明 */
.c575757,a.c575757:hover{color:#575757 !important} /* 灰 链接 说明等 */
.c575757 li a,a.c575757 li a:hover{color:#575757  !important} 
.cff5b00 li a,a.cff5b00 li a:hover{color:#ff5b00  !important} 
.c38,a.c38:hover{color:#383838 !important}
.c7c9ec0,a.c7c9ec0:hover{color:#7c9ec0 !important}
.c5, a.c5:hover { color: #555555 !important;}
/*  font prototype   */
.mp-fb{font-weight:bold !important}
.fn{font-weight:normal !important}
.f9{font-size:9px !important}
.mp-f12{font-size:12px !important}
.mp-f-14{font-size:14px !important}
.f16{font-size:16px !important}
.f18{font-size:18px !important}
.f19{font-size:19px !important}
.f20{font-size:20px !important}

.mp-bread{clear:both; margin:0 auto; width:1012px; height:30px; line-height:30px;}
.mp-bread a{color:#333}
.mp-bread a:hover{text-decoration:none; color:#ff5b00}
.mp-bread .bgL{float:left; width:2px; height:30px;}
.mp-bread .bgR{float:right; width:2px; height:30px;}
.mp-bread p.mp-recom{float:left; padding-left:10px; color:#aaa}
.mp-bread p.mp-recom a{padding:0 5px}


/*** attractions ***/
.tabs .tab, .tabs .tab-active {padding:0 1em 0 1em; border:0px; border-bottom:1px #ccc solid;}
.tabs .tab-active {background-color:#ededed; border:1px #ccc solid; border-bottom:1px #ededed solid;}
.tabs .tab-active a { text-decoration:none; color:#999;}
.tabs .tab-active a:hover{text-decoration:underline;}
.tabs .tab a { text-decoration:none;color:#999;}
.tabs .tab a:hover{text-decoration:underline;}

/************************  global  ************************/
.w205 li{width:205px; }
.w218 li{width:218px; }
.w333 li{width:333px; }
.w150{ width:150px; }

.mp-box-list {clear:both; margin-bottom:10px; border:1px solid #ddd; text-align: left;}
.mp-box-list .t{position:relative; height:30px; background:url(../images/box.jpg) repeat-x left -60px }
.mp-box-list .t  h2{line-height:30px; text-indent:10px}
.mp-box-list .t  b{position:absolute; right:10px; top:0px}
.mp-box-list .t  b a{line-height:30px; font-weight:normal; color:#666}
.mp-box-list .c {padding:10px}


/*** box ***/
.mp-box-default {clear:both; margin-bottom:10px; border:2px solid #C6D7EB; -moz-border-radius:3px 3px 3px 3px; text-align: left;}
.mp-box-default .t{position:relative; height:30px; background:url(../images/box_blue.gif) repeat-x }
.mp-box-default .t  h2{ line-height:28px; font-family:"Microsoft Yahei"; font-weight:normal; text-indent:10px}
.mp-box-default .t  b{position:absolute; line-height:28px; color:#999; font-weight:normal; right:5px; top:0px}
.mp-box-default .c {padding:7px}


.w150{ width:150px; }

.t h2{color:#333; font-size:14px}
.list li{white-space:nowrap; overflow:hidden; text-indent:10px; line-height:21px; background:url(../images/dot2.gif) no-repeat left center}
.list li a{color:#004fb1}
.c575757 li{ background:url(../images/dot1.gif) no-repeat left center}
.even li{background:url(../images/proper.gif) no-repeat left center; padding-left:3px}

/************************  other  ************************/
.mp-wrap{clear:both; margin:0 auto; width:1012px; background-color:#fff}
.mp-wrap .mp-col-left{float:left; width:730px}
.mp-wrap .mp-col-right{float:right; width:270px}
.mp-f-14 li{line-height:26px}
.mp-f-14 li a{font-size:14px}


.mp-sep-block {clear:both; margin-bottom:10px; border:1px solid #c6d7eb; float:left; width:100%;}
.mp-sep-block .t{position:relative; height:30px; background:url(../images/box_blue.gif) repeat-x; text-align: left;}
.mp-sep-block .t h2{line-height:30px; text-indent:10px; width:100%;}
.mp-sep-block .t b{position:absolute; right:10px; top:0px}
.mp-sep-block .t b a{line-height:30px; font-weight:normal; color:#666}
.mp-sep-block .c{ float:left; height:auto;}

.mp-img-la1 { float: left; margin-left: 5px; margin-bottom: 5px; width: 289px; }
.mp-img-la2 { float: left; width: 420px; }
.mp-img-la3 { float: left; margin-left: 5px; margin-bottom: 5px; width: 114px; }