zijia/template/jeavi_travel/common/extend_common.css

@charset "utf-8";
/* ----------------------------------

The ALL CSS by Jeavi
(C) Jeaviking Inc.
http://www.jeavi.name
2013-8-4 0:16:14

-------------------------------------*/

/* reset */

html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li,form, table, tr, th, td {margin: 0;	padding: 0;	border: 0;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
table { border-collapse:collapse; border-spacing:0; }
.frame, .block, .temp {padding: 0px;margin: 0px;background: none;border: none;}
.wp, .w980{ width:980px; margin:0 auto;}
.con_ad{ width:980px;}
.bm{ border:none;}


/* public */

.link, .link a, a.link{ color:{ALLCOL};}
a:hover { color:{HOVERCOL};
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}


.topbg{background: url("{STYLEIMGDIR}/topbg.png") repeat;}
.blackbg{background: url("{STYLEIMGDIR}/black.png") repeat;}

.date, .author { margin-left:5px;display: block;float: right;font-size: 12px;overflow: hidden;text-align: right; color:#999;}
.turn {margin-right: 8px;color: {ALLCOL};}

/* 标题 */

.tit, .portal_tit{ height:38px; border-bottom:2px solid #E6E6E6; margin-bottom:20px;}
.tit h3, .portal_tit h1, .portal_tit h2, .portal_tit h3{font-size:18px;line-height:38px;float:left;border-bottom:2px solid #57BAE8; _margin-bottom:-2px;}
.tit .more{padding:15px 0 0 0;float:right;display:inline;color:#888;height:14px;}
.tit .sfont {color: #8e8e8e;font-size: 12px;display: inline-block;height: 35px;margin-left: 15px;position: relative;top: 14px;}

.btit{padding-left: 10px;height: 23px;overflow: hidden;margin-bottom: 13px;border-left: 4px solid #fcbd00;}
.btit h2{height: 23px;overflow: hidden;margin-bottom: 10px;font-size: 22px;color: #333;font-weight: 200;line-height: 23px;}

.btit h2 em{width: 5px;height: 5px;background:url("{STYLEIMGDIR}/portal_icon.png") no-repeat 3px -205px;color:#01badd;margin: 0 8px 0 10px;padding-left: 20px;}

.btit .desc {margin-top: -5px;color: #666;}
.btit .desc span{display: inline-block;position: relative;padding-left: 0;width: 20px;height: 14px; overflow:hidden;top:4px;_top:0px;background:url("{STYLEIMGDIR}/portal_icon.png") no-repeat;}

.btit .desc span.quot_l{background-position: 0 -260px;}
.btit .desc span.quot_r{margin-left: 12px;background-position: 0 -275px;}

.talk_box .tit, .talk_box .btit{ height:45px; border-bottom:none;}


/* 门户标题 */


.bm_h{ background:none;border-bottom: 3px solid #E6E6E6;height: 36px;line-height: 36px;}
.bm_h h2{float: left;font-size: 16px;font-weight: 700;}


.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}

.bn0{ border:none!important;}
.pt0{ padding-top:0;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pb10{ padding-bottom:10px;}
.pt35{ padding-top:35px;}
.mt0{ margin-top:0;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml2 {margin-left: 20px;}



.cover{ height:30px; line-height:30px;color:#9C9C9C;}
.cover em{ padding-left:20px;}

.cover .author{ float:left;background: url({STYLEIMGDIR}/author.png) no-repeat 0 6px;}
.cover .replys{ float:left;background: url({STYLEIMGDIR}/replys.png) no-repeat 0 7px;}
.cover .views{ float:left;background: url({STYLEIMGDIR}/views.png) no-repeat 0 6px;}
.cover .date{ float:left;background: url({STYLEIMGDIR}/date.png) no-repeat 0 6px;}
.cover .folder{ float:left;background: url({STYLEIMGDIR}/folder.png) no-repeat 0 8px;}

/*DIY*/

#samplepanel {background: #FFF;position: fixed;z-index: 100;width: 100%;}


/* header */

#toptb{ background:#F9F9F9; border:none;}

.user_link i, .usernav li .png i, .userinfo .arrow, .user_list .i_qq, .user_list .i_wb, .nav_icon { display: block; background: url("{STYLEIMGDIR}/all_icon.png") no-repeat; }

.header{ min-height:120px; margin-bottom:30px;}
.hdr{ min-height:100px;}
.nav_box {width: 100%;min-width: 980px; background: #333; height: 60px;overflow: visible;z-index:100;}
.header_fake{ height:60px;}
.hd_logo { height: 36px;display: block; float:left; margin-right:15px;}

/* nav */

.nav { width:750px; height: 64px;_height:60px;float:left; overflow:hidden;}
.nav li {float: left; }
.nav li span{ display:none;}
.nav li a {overflow:hidden;display: inline; padding:0 15px;height: 60px;text-align: center;line-height: 60px;font-size: 16px;color:#FFF;display: block; float:left;}
.nav li.a.hover a{ background:{ALLCOL};}
.nav li.hover a{ background:#000;}
.nav li a:hover{ background:#000;text-decoration:none; color:#FFF;}
.nav li.a a{ background:{ALLCOL}; height:64px;_height:60px;text-decoration:none;}


/* subnav */

.p_pop{ border:1px solid #EAECED;z-index: 100;font-size: 14px;background: #FFF; background: rgba(255, 255, 255, .95);padding:0; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);}
.p_pop li{ }
.p_pop li a{ margin:5px 0;padding: 3px 18px;line-height:28px; color:#898989; font-size:14px; border:none; border-radius:0!important;border-bottom:1px solid #F4F4F4;}
.p_pop li a:hover{color: #FFF;background: {ALLCOL};}

/* user */

.user_list .i_qq, .user_list .i_wb{ width:34px; height:34px; margin:11px 0 0 5px; text-indent:-999px;}
.user_list .i_qq{ background-position:-180px 0;}
.user_list a:hover .i_qq{ background-position:-270px 0;}
.user_list .i_wb{ background-position:-136px 0; margin-left:10px;}
.user_list a:hover .i_wb{ background-position:-226px 0;}

.userbox { float: right;}
.usernav { float: left; height:60px; overflow:hidden;}
.usernav .user_list { float: left; position:relative; overflow:hidden;}
.usernav .menu-li span { display: none; }
.usernav .current, .usernav .user_list-hover { background-color: #1f5583; }
.usernav a:hover { text-decoration: none; }
.user_link { display: block; padding: 0 10px; height: 60px; line-height:60px;color: #ccc; _display:inline-block; }
.user_link i { display: block; width: 32px; height: 60px; cursor: pointer;}
.user_link:hover { background-color: #fff; color:#333; }

.notification i { background-position: -32px 14px;}
a:hover.notification i {background-position: -96px 14px;}

.msg i { background-position: 0 14px;  }
a:hover.msg i {   background-position: -64px 14px; }

.flo i { background-position: -305px 14px;}
a:hover.flo i {background-position: -337px 14px;}

.userinfo { float: left;width:44px; overflow:hidden; height: 30px; margin-left: 8px;padding:15px 8px; *z-index: 200;}
a:hover.userinfo, .userinfo.hover{ background:#FFF;}
.userinfo .arrow { float: right; width:8px; height:6px;background-position: 0 -58px;margin-top: 12px; margin-left:5px;}
.userinfo.hover .arrow{background-position:0 -115px;}
.userinfo .user_avt { width: 30px; height: 30px; float:left; }
.userinfo .user_avt img { width: 30px; height: 30px; }
.userinfo .user_name { height: 30px;line-height: 30px;float:left;color: #FFF;margin-left: 8px;}

.usernav li #msg_menu, .usernav li #nte_menu {transition:none; -moz-transition: none; -webkit-transition: none; -o-transition:none;}
.usernav li .unread_num { position: absolute; right: 2px;top:38px; z-index: 10000;padding: 1px 4px;line-height: 12px;line-height: 10px 9; background:#EA4747; color: #fff; font-weight:bold; text-align: center;border-radius: 2px;cursor: pointer;}
.sub_menu { min-width: 110px;border: 1px solid #DFDFDF; border-top:none;z-index: 100;font-size: 14px;background: rgba(255, 255, 255, 0.95);background: white\9;box-shadow: none;}
.sub_menu li { padding: 0;}
.ie7 .sub_menu li, .ie6 .sub_menu li { display: inline;}
.sub_menu a { display: block; width: auto; margin: 5px 0; padding: 2px 10px; color: #333;background-repeat: no-repeat;background-position: -200px 0;}
.sub_menu a:hover {  background: #17B3EE; color:#FFF;font-weight: normal; text-decoration:none;background-repeat: no-repeat;background-position: -200px 0;}
.sub_menu .pipe{ display:none;}


/* 弹出层 */

.m_l, .m_r, .t_l, .t_c, .t_r, .b_c, .b_l, .b_r {display: none;}
.m_c{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border: 1px solid #DDD;border-radius: 5px;}
.m_c .flb {line-height: 18px;padding: 9px 9px 8px 15px;border-top: 1px solid #FFF;border-bottom: 1px solid #E5E5E5;background: #F7F7F7; margin-bottom:10px;}
.m_c .flbc{background: url("{STYLEIMGDIR}/sprite.png") no-repeat 10px 5px;}
.m_c .flbc:hover {background-position: -11px 5px;}
.m_c .flb em{ color:#4c4c4c;text-shadow: 0 1px 1px #fff;}
.m_c .o{ background:#F3F3F3; border:none;}


/* 用户名片 */

.card{ background:none;border:none;box-shadow:none;border: 4px solid #F2F2F2;border: 4px solid rgba(0, 0, 0, 0.05);}
.card .p_opt{ border:1px solid #E6E6E6;}
.card_mn{ background:#FFF;}
.card .o a {border: 1px solid #EEE;background:#FFF;color: #555;}
.card a:hover {background-color: gainsboro !important;}

/* 回复框 */

#f_pst .tedt{ border:1px solid #CDCDCD;}
.tedt .bar { border-bottom: 1px solid #EEE;background: #F9F9F9;}
.tedt .area{ padding:0;}
#block_style .pt, .tedt .pt {box-sizing: border-box;overflow: auto;vertical-align: middle;resize: vertical;}


/* 输入框 */

.px, .pt, .ps, select {padding: 4px 4px;line-height: 18px;border: 1px solid #CCC;background-color: white;box-shadow: 2px 2px 2px #F0F0F0 inset;vertical-align: middle;margin: 0;font-family: inherit;color: #333;}
.rfm{ border:none;}


/* 分页、发帖按钮 */

.pn { height:26px; line-height:26px; color:#FFF; background:{ALLCOL};border:none;}
.pn em, .pn span, .pn strong {padding: 0 15px;line-height: 26px;}
.pr, .pc { margin:0 3px 3px 0;}		
#postbtn.pn.xg1{ background:#E5E5E5;}
.pg a.prev{ background-repeat:no-repeat;}
.pg, .pgb { line-height: 31px; }
.pg a, .pg strong, .pgb a, .pg label { loat: left;height: 24px;line-height: 24px;margin-right: 2px;padding: 0 8px; background:#f0f4f8;overflow: hidden; border: none; border-radius:4px;}
.pg strong { background-color: {ALLCOL};color: #FFF;}
.pg a:hover, .pgb a:hover{background-color: {ALLCOL};color: #FFF;text-decoration: none;}
.pg a.nxt { background:#f0f4f8; padding-right:10px; }
.pg a:hover.nxt{ background: {ALLCOL};color: #FFF;}
.pgb a { background:#f0f4f8; padding-left:12px;}
.dopt a { padding:0}
.px {border: 1px solid #DDD;border-radius: 0;}	

.ttp .a a{ border:none; color:#FFF!important;}
#v_forums a{ background:#FFF; padding:0; margin:0; color:#333; line-height:21px;}

/* footer */

.footer{ background:#272727;border-top: solid 3px #E6E9EA; color:#6A6A6A; margin-top:40px;}
.footer .pipe{color:#6A6A6A;}
.footer a{ color:#949494;}
#ft{ border:none;}

#scrolltop{ background:none; border:none; }
#scrolltop a{ border:none;}




/* 搜索 */

#scbar{ height:32px; line-height:30px;background:#FFF; border:none; margin-top:30px;float: right;overflow: visible;}
.scbar_txt_td, .scbar_type_td{ background:none;}
.scbar_type_td #scbar_type{background: url("{STYLEIMGDIR}/search.png") no-repeat 0 -75px;border: 1px #DFDFDF solid;
border-right: none;}
.scbar_txt_td{border:none;}
#scbar_txt{ border:none; border-top: 1px #DFDFDF solid;border-bottom: 1px solid #DFDFDF;height: 30px; line-height:30px;width:190px; padding:0 5px; font-size:14px;-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.scbar_btn_td{ width:72px; height:32px;_height:30px;background:{ALLCOL} url("{STYLEIMGDIR}/search.png") no-repeat 0 -37px; display:block;}
#scbar_btn{ width:72px; height:32px;_height:30px;}
#scbar_type_menu{ margin:0 0 0 -1px; border:1px solid #DFDFDF;}


#scbar.bgchange{box-shadow: 0px 0px 4px rgba(137, 215, 248, .7);}
#scbar.bgchange #scbar_txt{ width:260px;border-bottom: 1px #89D7F8 solid;border-top: 1px #89D7F8 solid;-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
#scbar.bgchange .scbar_type_td #scbar_type{border: 1px #89D7F8 solid;border-right: none;}