@charset "utf-8";
/* Base CSS document, which should be imported to every page */

/* Theme
   ========================================================================== */
   
/**
 * Main color
 */
.com_color { color:#157ed9;} /* rgb:21 126 217 */
.com_color_darker { color:#2068bc;}
.com_color_lighter { color:#8abeec;}

/**
 * Subsidiary color - Green
 */
.green { color:#2fb266;}
.green_lighter { color:#3ad87c;}

/**
 * Subsidiary color - Red
 */
.red { color:#ee3733;}

/**
 * Modul appearance
 * 1. Box with shadow and white background
 * 2. Box with shadow and no background
 * 3. Mouse over state for boxes in both two situations above
 */
.box { display:block; background:#fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); -moz-box-shadow:0 0 10px rgba(0,0,0,.1); -o-box-shadow:0 0 10px rgba(0,0,0,.1); -ms-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1);} /* 1 */
.box_shadow { display:block; -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); -moz-box-shadow:0 0 10px rgba(0,0,0,.1); -o-box-shadow:0 0 10px rgba(0,0,0,.1); -ms-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1);} /* 2 */
.box_link:hover { -webkit-box-shadow:0 4px 10px rgba(0,0,0,.25); -moz-box-shadow:0 4px 10px rgba(0,0,0,.25); -o-box-shadow:0 4px 10px rgba(0,0,0,.25); -ms-box-shadow:0 4px 10px rgba(0,0,0,.25); box-shadow:0 4px 10px rgba(0,0,0,.25);} /* 3 */

/**
 * Modul title
 */
 
/* Blue title,
 * with a short blue underline, 
 * without background, 
 * looks like a tab
 */
.mod_tit { position:relative; padding:0 30px; border-bottom:1px #eee solid; line-height:50px;}
.mod_tit h2 { display:inline-block; border-bottom:1px #902f27 solid; font-size:16px; color:#902f27;}
.mod_tit_back { position:absolute; top:0; right:30px; font-size:12px; color:#999;}
.mod_tit_back:hover { color:#902f27;}

/* Light gray title,
 * with a gray underline under the whole bar
 * and a gray background
 */
.mod_tit2 { padding:0 30px; border-bottom:1px #eee solid; background:#f9f9f9; line-height:50px;}
.mod_tit2 i { vertical-align:middle; margin-right:10px;}
.mod_tit2 h2 { display:inline-block; font-size:16px; color:#999;}

/* Light gray title,
 * only with a gray underline under the whole bar
 */
.mod_tit3 { position:relative; padding:0 30px; border-bottom:1px #eee solid; line-height:50px;}
.mod_tit3 h2 { display:inline-block; font-size:16px; color:#999;}


/* Layout
   ========================================================================== */

/**
 * Page limit
 */
body { min-width:1200px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1200?'1200px':'');}
.zdh_main_body { min-width:900px;min-height: 500px; }


/**
 * Page width
 */
.webWidth { width:1200px; margin-left:auto; margin-right:auto;}
.listWidth { width:1220px; margin-left:auto; margin-right:auto;}

/**
 * Horizontal alignment
 */
.col_wrap { float:left; width:240px;}
.col_wrapIn { width:224px; margin:0 auto;}

/**
 * Page margin
 */
.page { padding:90px 0 20px 0;}


/**
 * Head
 ----------------------------------------------------------------------------*/
 
/**
 * Head frame
 */
.head { position:fixed; top:0; left:0; width:100%; z-index:999; background:url(../images/head_bg.png) repeat-y center center #a04d39; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.15); -moz-box-shadow:0 1px 3px rgba(0,0,0,.15); -o-box-shadow:0 1px 3px rgba(0,0,0,.15); box-shadow:0 1px 3px rgba(0,0,0,.15);}
.headIn {}

/**
 * Head object float
 */
.logo,
.name,
.nav { float:left;}
.search_sm,
.login,
.message { float:right;}

/**
 * Logo and name
 */
.name { padding:15px 0;}
.name { margin-left:20px;}


/**
 * Nav
 */
.nav_li,
.nav_split { float:left; display:block;}
.nav_split { margin:0 30px; padding-top:22px;; font-size:16px; color:#ddd;}
.nav_link { display:block; line-height:68px; font-size:16px; color:#fff;padding:0 40px;}
.nav_link i { margin-right:6px; vertical-align:0; *vertical-align:-1px;}
.nav_link:hover,
.nav_cur { background:#bf896d;-webkit-box-shadow:0 15px 20px rgba(0,0,0,.15); -moz-box-shadow:0 15px 20px rgba(0,0,0,.15); -o-box-shadow:0 15px 20px rgba(0,0,0,.15); box-shadow:0 15px 20px rgba(0,0,0,.15);color:#fff;}

.nav .mainlevel ul {position:absolute; display:none; *width:2000px;/*IE is great need, width>=li.length*/height:72px;background:#bd846b;}
.nav .mainlevel li {float:left;height:72px;}
.nav .mainlevel li a {padding:0 30px; line-height:72px; height:72px; display:block;float:left;font-size:16px;color:#fff;}
.nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#973f31;}
.nav li a em/*input an em tag as a space*/ {padding:0 3px;}
.note {color:#3f240e; border-right:1px solid #fff; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:34px; padding:0 3em;}

.gang{padding-top:24px;height:48px;color:#fff;font-size:16px;}



/**
 * 第一行
 */

.purchase{background:#fff;padding:30px 0; -webkit-box-shadow:0 0 10px rgba(0,0,0,.10); -moz-box-shadow:0 0 10px rgba(0,0,0,.10); -o-box-shadow:0 0 10px rgba(0,0,0,.10); box-shadow:0 0px 10px rgba(0,0,0,.10);position:relative;margin-top:30px;}

.purchase p{width:146px;height:202px;background:#bd846b;position:absolute;top:30px;left:44px;}

.pur{margin:0 0 0 236px;}

.pur dl{margin:0;width:100%;}

.pur dl dt{font-size:24px;color:#444444;padding:6px 0;}

.pur dl dd{margin:0;float:left;width:50%;line-height:30px;font-size:14px;color:#999999;}

.pur ul{margin:24px 0 0 0;}

.pur ul li{float:left;height:50px;margin-right:10px;width:150px;}

.pur ul li a{display:block;border:1px #8f2d26 solid;height:48px;line-height:48px;width:148px;font-size:16px;color:#8f2d26;text-align:center;border-radius:3px;}

.pur ul li a:hover{background:#8f2d26;color:#fff;}

.pur ul .first a{background:#8f2d26;color:#fff;}



/**
 * 第二行
 */
.introduce{background:#fff;padding:30px 50px; -webkit-box-shadow:0 0 10px rgba(0,0,0,.10); -moz-box-shadow:0 0 10px rgba(0,0,0,.10); -o-box-shadow:0 0 10px rgba(0,0,0,.10); box-shadow:0 0px 10px rgba(0,0,0,.10);margin-top:40px;}

.introduce h4{height:28px;line-height:28px;padding-left:45px;position:relative;font-size:20px;color:#333333;}

.introduce h4 b{display:block;width:28px;height:28px;position:absolute;left:0px;}

.duce1{background:url(../images/h4_img1_10.png) no-repeat;}
.duce2{background:url(../images/h4_img2_10.png) no-repeat;}
.duce3{background:url(../images/h4_img3_10.png) no-repeat;}
.duce4{background:url(../images/h4_img4_10.png) no-repeat;}

.introduce .trod{font-size:14px;color:#666666;line-height:24px;border-bottom:1px #e6e6e6 solid;padding:20px 0;margin-bottom:24px;}

.duce_ul{width:100%;padding:20px 0 0 0;}

.duce_ul li{float:left;width:50%;height:20px;margin-bottom:20px;}

.duce_ul li p{float:left;height:20px;line-height:20px;font-size:14px;color:#4c4c4c;padding-left:40px;position:relative;cursor:pointer;}

.duce_ul li p b{display:block;width:20px;height:20px;position:absolute;left:0px;background:url(../images/duce_h4_10.png) no-repeat;}

.duce_ul li a{display:block;float:right;margin-right:20px;height:20pxl;line-height:20px;position:relative;padding-left:22px;font-size:12px;color:#4c4c4c;}

.duce_ul li a:hover{color:#8f2d26;}

.duce_ul li a b{display:block;width:14px;height:14px;background:url(../images/duce_h41_13.png) no-repeat;position:absolute;left:0px;top:3px;}


/**
 * 第三行
 */

.teacher{background:#fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,.10); -moz-box-shadow:0 0 10px rgba(0,0,0,.10); -o-box-shadow:0 0 10px rgba(0,0,0,.10); box-shadow:0 0px 10px rgba(0,0,0,.10);margin-top:40px;}

.teacher h4{height:28px;line-height:28px;border-bottom:1px #eeeeee solid;padding:10px 50px;}

.teacher h4 p{position:relative;font-size:20px;color:#333333;padding-left:45px;}

.teacher h4 b{display:block;width:28px;height:28px;position:absolute;left:0px;background:url(../images/h4_img4_10.png) no-repeat;}

.teacher ul{padding:40px 0;position:relative;}

.teacher ul li{width:25%;float:left;}

.teacher ul li p{widtH:90px;height:90px;background:#333333;border:5px #ffffff solid;-webkit-box-shadow:0 0 15px rgba(0,0,0,.20); -moz-box-shadow:0 0 15px rgba(0,0,0,.20); -o-box-shadow:0 0 15px rgba(0,0,0,.20); box-shadow:0 0px 15px rgba(0,0,0,.20);border-radius:50%;margin-lefT:auto;margin-right:auto;}

.teacher ul li h6{font-size:20px;color:#444444;padding:10px 0;text-align:center;}

.teacher ul li span{display:block;padding:0 10px;text-align:center;font-size:12px;color:#666666;line-height:24px;}

.teacher ul li b{width:1px;height:100%;background:#eeeeee;display:block;position:absolute;}

.cher1{left:25%;top:0px;}
.cher2{left:50%;top:0px;}
.cher3{left:75%;top:0px;}










/**
 * content教材试读页
 */

.title{height:22px;line-height:22px;margin:12px 0;}

.title p{floaT:left;line-height:22px;font-size:18px;color:#333333;position:relative;padding-left:46px;}

.title p b{display:block;widtH:30px;height:22px;background:url(../images/h4_bg_03.png) no-repeat;position:absolute;left:6px;}

.title a{display:block;floaT:right;font-size:12px;color:#999999;line-height:22px;}

.title a:hover{color:#902f27;}

.content{widtH:1100px;margin:0 auto 40px auto;background:#fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,.10); -moz-box-shadow:0 0 10px rgba(0,0,0,.10); -o-box-shadow:0 0 10px rgba(0,0,0,.10); box-shadow:0 0 10px rgba(0,0,0,.10);padding:40px 50px;}

.cont_p{width:896px;height:672px;margin:40px auto;}

.cont_text{font-size:16px;color:#666666;line-height:36px;}

.cont_img{widtH:100%;margin:40px auto;}

.cont_img span{display:block;floaT:left;widtH:50%;margin:auto;}

.cont_img span img{margin:auto;widtH:495px;height:278px;display:block;}


/**
 * 教材列表页
 */

.left_nav{float:left;widtH:200px; -webkit-box-shadow:0 0 10px rgba(0,0,0,.10); -moz-box-shadow:0 0 10px rgba(0,0,0,.10); -o-box-shadow:0 0 10px rgba(0,0,0,.10); box-shadow:0 0 10px rgba(0,0,0,.10);background:#fff;}

.left_nav h4{height:50px;border-bottom:1px #eeeeee solid;padding-left:50px;position:relative;line-height:50px;font-size:14px;color:#666666;}

.left_nav h4 b{widtH:17px;height:15px;position:absolute;left:22px;top:18px;background:url(../images/classify_03.png) no-repeat;}

.left_nav ul li{height:50px;border-bottom:1px #eeeeee solid;}

.left_nav ul li a{display:block;line-height:50px;font-size:14px;color:#666666;padding-left:50px;}

.left_nav ul li a:hover{background:#8e2a25;color:#fff;position:relative;}

.left_nav ul li b{widtH:6px;height:50px;background:url(../images/arrow_07.png) no-repeat;position:absolute;right:-6px;top:0px;}

.left_nav .frist a{background:#8e2a25;color:#fff;position:relative;}



.right_main{width:976px;float:left;margin-left:24px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.10); -moz-box-shadow:0 0 10px rgba(0,0,0,.10); -o-box-shadow:0 0 10px rgba(0,0,0,.10); box-shadow:0 0 10px rgba(0,0,0,.10);}

.right_main .main_ul {padding:0 30px;}

.right_main .main_li{padding:28px 0;border-bottom:1px #eeeeee solid;position:relative;}

.book_text{padding:0 0 0 268px;min-height:250px;}

.book_text h6{font-size:18px;color:#333333;padding-bottom:6px;font-weight:bold;}

.book_text ul{widtH:100%;padding-bottom:6px;}

.book_text ul li{float:left;widtH:50%;line-height:30px;font-size:14px;color:#afafaf;}

.book_text span{display:block;line-height:24px;font-size:14px;color:#afafaf;}

.book_text a{display:block;widtH:96px;height:28px;border:1px #8e2a25 solid;color:#8e2a25;line-height:28px;text-align:center;font-size:14px;border-radius:3px;margin-top:20px;}

.book_text a:hover{background:#8e2a25;color:#fff;}


.book{widtH:225px;height:250px;position:absolute;lefT:6px;top:28px;background:#8e2a25;}



/**
 * Login
 */
.login {}
.login_link { display:inline-block; margin:20px 0 0 20px; line-height:30px; font-size:14px; color:#666;}
.login_link:hover { color:#157ed9;}

.login_img { display:block; margin-top:7px;}

/**
 * Message
 */
.message_link { display:inline-block; position:relative; height:30px; width:30px; margin:20px 10px 0 10px; line-height:30px;}
.message_link .icon-noticeBell-stroke { font-size:18px; color:#fff;}
.message_link .icon-dot-fill { position:absolute; top:-10px; right:0; font-size:20px; color:#ee3733;}
 
/**
 * Search_sm
 */
.search_sm { position:relative; height:30px; width:30px; margin:20px 0 0 20px; overflow:hidden; z-index:10000; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}
.search_ico { display:block; position:absolute; top:0; right:0; width:30px; height:30px; text-align:center; line-height:30px; cursor:pointer; color:#fff;}
.search_ico i { font-size:16px;}
.search_sm input { display:none; width:200px; height:28px; line-height:28px\9; *line-height:28px; color:#bf8972;}

.search_open { width:200px; height:28px; padding:0 10px 0 30px; border-radius:15px; background:#fff;}
.search_open .search_ico { left:2px; color:#902f27;}
.search_open input { display:block; background:#fff;}

.search_sm input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #8e2a25;}
.search_sm input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8e2a25;}
.search_sm input:-ms-input-placeholder,
.search_sm textarea:-ms-input-placeholder { color: #8e2a25;}
.search_sm input::-webkit-input-placeholder,
.search_sm textarea::-webkit-input-placeholder { color:  #8e2a25;}


/**
 * Foot
 ----------------------------------------------------------------------------*/
.foot { background:#414141;}
.footIn { padding:20px 0; text-align:center; color:#999;}
.footIn p { margin:10px 0;}
.foot_link_split { margin:0 10px;}
.foot_link { color:#999;}
.foot_link:hover { text-decoration:underline;}



/* Element
   ========================================================================== */

/**
 * Icons
 * 1. Small icons
 * 2. Medium icons
 * 3. Large icons
 */
.filetype { display:inline-block; background-image:url(../images/filetype.png); background-repeat:no-repeat;}

/* 1 */
.filetype_excel_sm,
.filetype_ppt_sm,
.filetype_word_sm,
.filetype_html_sm,
.filetype_pdf_sm,
.filetype_video_sm { width:16px; height:16px;}
.filetype_excel_sm { background-position:0 0;}
.filetype_ppt_sm { background-position:-40px 0;}
.filetype_word_sm { background-position:-80px 0;}
.filetype_html_sm { background-position:-120px 0;}
.filetype_pdf_sm { background-position:-160px 0;}
.filetype_video_sm { background-position:-200px 0;}

/* 2 */
.filetype_excel_md,
.filetype_ppt_md,
.filetype_word_md,
.filetype_html_md,
.filetype_pdf_md,
.filetype_video_md { width:20px; height:20px;}
.filetype_excel_md { background-position:0 -40px;}
.filetype_ppt_md { background-position:-40px -40px;}
.filetype_word_md { background-position:-80px -40px;}
.filetype_html_md{ background-position:-120px -40px;}
.filetype_pdf_md { background-position:-160px -40px;}
.filetype_video_md { background-position:-200px -40px;}

/* 3 */
.filetype_excel_lg,
.filetype_ppt_lg,
.filetype_word_lg,
.filetype_html_lg,
.filetype_pdf_lg,
.filetype_video_lg { width:23px; height:27px;}
.filetype_excel_lg { background-position:0 -80px;}
.filetype_ppt_lg { background-position:-40px -80px;}
.filetype_word_lg { background-position:-80px -80px;}
.filetype_html_lg { background-position:-120px -80px;}
.filetype_pdf_lg { background-position:-160px -80px;}
.filetype_video_lg { background-position:-200px -80px;}

/**
 * Labels
 */
.lab_course,
.lab_new { position:absolute; top:5px; left:-4px; height:24px; background-image:url(../images/sprite.png); background-repeat:no-repeat; z-index:1;}
.lab_course { width:33px; background-position:0 -100px;}
.lab_new { width:21px; background-position:-50px -100px}

   
/**
 * Overlay
 */
.overlay { position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; background:url(../images/alpha/black.png);}

/**
 * Back to top
 */
.totop { display:none; position:fixed; right:10px; bottom:10px; z-index:100; width:40px; height:32px; padding:4px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:url(../images/alpha/black.png); text-align:center; line-height:32px; font-size:24px; color:#fff;}
.totop:hover { background:#157ed9;}
.totop_txt { line-height:16px; font-size:12px;}

/**
 * Pagination
 */
.pagin { display:block;}
.pagin-link { display:inline-block; padding:5px 10px; margin:0 2px; border-radius:3px; border:1px #ddd solid; background:#fff; line-height:18px; font-size:12px; color:#157ed9; text-decoration:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pagin-link i { font-size:10px;}
.pagin-link:hover { border-color:#6eb0e4; box-shadow:0 0 3px #eee;}
.pagin-cur,
.pagin-cur:hover { border-color:#157ed9; background:#157ed9; color:#fff;}
.pagin-disable { color:#afafaf; cursor:default;}
.pagin-disable:hover { border-color:#ddd; background:#fff;}
 
.pagin-ell { line-height:18px; font-size:14px; color:#157ed9;}
.pagin-txt { display:inline-block; padding:5px 8px; line-height:18px; font-size:12px; color:#666;}
.pagin-jump,
.pagin-jump-focus { display:inline-block; *vertical-align:-5px; border:1px #ddd solid; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pagin-input { *float:left; width:40px; height:26px; border:none; outline:none; background:#fff; line-height:26px\9; *line-height:26px; text-align:center; font-size:12px; color:#157ed9;}
.pagin-btn { *float:left; display:none; padding:0 10px; line-height:26px; font-size:12px; color:#fff; text-decoration:none;}
.pagin-jump-focus { border-color:#157ed9; background:#157ed9; *vertical-align:-1px;}
.pagin-jump-focus .pagin-btn { display:inline-block;}

/**
 * Common course
 */
.course_img { position:relative;}
.cousre_img,
.cousre_img img { width:224px; height:120px;}

.course_bottom { padding:8px 20px;}
.course_name { line-height:22px; font-size:14px; color:#444; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.course_visitors { float:left; line-height:22px; color:#999;}
.course_visitors i { margin-right:4px; font-size:16px; vertical-align:middle;}
.course_visitors span { font-size:12px;}
.course_download { float:right; width:22px; height:22px; border-radius:2px; text-align:center; line-height:22px; color:#888; cursor:pointer;}
.course_download i { font-size:13px;}
.course_download:hover { background:#157ed9; color:#fff;}

.course_sm .course_img,
.course_sm .course_img img { width:199px; height:106px;}
.course_sm .course_bottom { padding:8px 0 0 0;}
.course_sm .coslist_mask { height:106px;}

.course_lg .course_img,
.course_lg .course_img img { width:244px; height:130px;}
.course_lg .coslist_mask { height:130px;}


/**
 * Course list
 ----------------------------------------------------------------------------*/
.coslist_li { position:relative; min-height:120px; padding:20px 0; border-bottom:1px #eee solid;}
.coslist_img,
.coslist_img img { width:122px; height:155px;}
.coslist_img { position:absolute; top:20px; left:30px; z-index:1; overflow:hidden;}

.coslist_mask { position:absolute; top:0px; left:0; width:100%; height:155px; background:url(../images/alpha/black.png); z-index:1; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transition:all .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -o-transition:all .8s;}
.coslist_play { position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; background:url(../images/sprite.png) -100px -150px no-repeat; opacity:.8; filter:alpha(opacity=80); -ms-filter:alpha(opacity=80); z-index:2;}
.coslist_mask:hover .coslist_play,
.coslist_play:hover { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.coslist_btn { display:block; position:absolute; left:194px; bottom:30px; z-index:1; width:96px; height:28px; border-radius:3px; border:1px #902f27 solid; text-align:center; line-height:28px; font-size:14px; color:#902f27;}
.coslist_btn:hover { border-color:#902f27; background:#902f27; color:#fff;}

.coslist_detail { padding:0 118px 0 194px;min-height:155px;}
.coslist_name { line-height:36px; font-size:18px; color:#333;}
.coslist_info { height:48px; overflow:hidden; line-height:24px; font-size:13px; color:#afafaf;}
.coslist_links { padding-top:6px;}
.coslist_link { float:left; display:inline-block; min-width:120px; margin-right:10px; line-height:30px; font-size:14px; color:#902f27;}
.coslist_link i { margin-right:5px; font-size:16px;}

.coslist_li:hover .coslist_mask,
.course:hover .coslist_mask { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}

/**
 * Portrait
 * 1. Small portrait
 * 2. Medium portrait
 * 3. Large portrait
 */
 
/* 1 */
.portrait_sm,
.portrait_sm img { width:46px; height:46px; border-radius:50%;}
.portrait_sm { border:3px #fff solid; -webkit-box-shadow:0 0 10px rgba(0,0,0,.15); -moz-box-shadow:0 0 10px rgba(0,0,0,.15); -o-box-shadow:0 0 10px rgba(0,0,0,.15); -ms-box-shadow:0 0 10px rgba(0,0,0,.15); box-shadow:0 0 10px rgba(0,0,0,.15);}

/* 2 */
.portrait_md,
.portrait_md img { width:90px; height:90px; border-radius:50%;}
.portrait_md { border:5px #fff solid; -webkit-box-shadow:0 0 15px rgba(0,0,0,.15); -moz-box-shadow:0 0 15px rgba(0,0,0,.15); -o-box-shadow:0 0 15px rgba(0,0,0,.15); -ms-box-shadow:0 0 15px rgba(0,0,0,.15); box-shadow:0 0 15px rgba(0,0,0,.15);}

/* 3 */
.portrait_lg,
.portrait_lg img { width:130px; height:130px; border-radius:50%;}
.portrait_lg { border:5px #fff solid; -webkit-box-shadow:0 0 15px rgba(0,0,0,.15); -moz-box-shadow:0 0 15px rgba(0,0,0,.15); -o-box-shadow:0 0 15px rgba(0,0,0,.15); -ms-box-shadow:0 0 15px rgba(0,0,0,.15); box-shadow:0 0 15px rgba(0,0,0,.15);}


/**
 * Tables
 ----------------------------------------------------------------------------*/
 
/**
 * Tabl
 */
.tabl { vertical-align:middle; text-align:center;}
.tabl th { height:54px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; background:#f9f9f9;}
.tabl th p { line-height:18px; font-size:14px; color:#444; border-right:1px #ddd solid;}
.tabl td { height:45px; padding:0 20px; border-bottom:1px #eee solid; font-size:12px; color:#666;}
.tabl tr:hover td { background:#fcfcfc;}

.tabl_firstCol { text-align:left;}

.tabl_head_rank { display:block; cursor:pointer;}
.tabl_head_rank:hover,
.tabl_head_rank:hover i { color:#157ed9;}
.tabl_head_arr { margin-left:5px;}
.tabl_head_arr i { font-size:12px; color:#888;}
 
/**
 * Tabl2
 */
.tabl2 { vertical-align:middle; text-align:center;}
.tabl2 th { height:40px; border-bottom:1px #ddd solid; border-right:1px #eee solid; font-size:14px; color:#444;}
.tabl2 td { height:40px; border-bottom:1px #eee solid; border-right:1px #eee solid; font-size:12px; color:#666;}
.tabl2 th.tabl2_end,
.tabl2 td.tabl2_end { border-right:none;}
.tabl2 tr:hover td { background:#fcfcfc;}


/**
 * Tooltips
 */
.tooltips { position:relative; border:1px #ccc solid; border-radius:3px; box-shadow:0 1px 6px #ccc; background:#fff;}
.tooltips-arr { position:absolute; top:-6px; left:50%; width:12px; height:6px; margin-left:-6px; background:url(../images/ui.png) 0 0 no-repeat; z-index:1;}


/**
 * Buttons
 ----------------------------------------------------------------------------*/
.com_btn_hollow,
.btn_solid_green { display:inline-block; height:28px; padding:0 20px; border-radius:3px; border-width:1px; border-style:solid; line-height:28px; font-size:14px;}
 
/**
 * Hollow btn - common
 */
.com_btn_hollow { border-color:#c79793; color:#902f27;}
.com_btn_hollow:hover { border-color:#902f27; background:#902f27; color:#fff;}

/**
 * Solid btn - common
 */
.btn_solid_common { display:inline-block; border-radius:3px; background:#902f27; text-align:center; color:#fff;}
.btn_solid_common:hover { background:#1e90f2;}

/**
 * Solid btn - Green
 */
.btn_solid_green { border-color:#902f27; background:#902f27; color:#fff;}
.btn_solid_green:hover { background:#1e90f2; border-color:#1e90f2;}

/**
 * Links
 ----------------------------------------------------------------------------*/
.link1 { font-size:12px; color:#1e90f2;}
.link1:hover { text-decoration:underline;}

.link2 { font-size:12px; color:#999;}
.link2:hover { color:#1e90f2;}


/**
 * Forms
 ----------------------------------------------------------------------------*/
 
/**
 * Input
 */
.exam_info_row { position:relative; min-height:30px; padding:3px 0;}
.exam_info_tit { position:absolute; top:3px; left:0; width:110px; line-height:30px; text-align:right; font-size:14px;}
.exam_info_con { padding-left:130px; line-height:30px; font-size:14px;}

.exam_input { height:28px; border:1px #ccc solid; border-radius:4px; line-height:28px\9; *line-height:28px; background:#fff; font-size:14px; color:#666;}
.exam_input:focus { border-color:#65a9e8; box-shadow:0 0 3px rgba(0,0,0,.1);}


/**
 * Check styles for table
 */

/* 选项统一样式 */
.table label { position:relative; display:inline-block; cursor: pointer; vertical-align:-2px; padding-left:14px; min-height:16px; margin:0 5px;}

/* 将原始选项按钮隐藏 */
.table .label_check input,
.table .label_radio input { position: absolute; left:-99999px;} 

/* 默认未选中时，选项按钮样式 */
.table .btn_check,
.table .btn_radio { position:absolute; top:1px; left:0; width:14px; height:14px; background:url(../images/form.png) no-repeat; background-position:-20px 0;}

/* 鼠标滑过时，选项按钮样式 */
.table .label_check:hover .btn_check,
.table .label_radio:hover .btn_radio { background-position:-20px -20px;}

/* 选中时，选项按钮样式 */
.table label.c_on .btn_check,
.table label.c_on:hover .btn_check,
.table label.r_on .btn_radio,
.table label.r_on:hover .btn_radio { background-position:-20px -40px;}

/* 选中时，选项样式 */
.table label.c_on,
.table label.c_on:hover,
.table label.r_on,
.table label.r_on:hover { color:#2484de;} 


/**
 * Filter
 ----------------------------------------------------------------------------*/
 
/**
 * Small filter
 */
.filter_sm_li { float:left; margin-right:5px;}
.filter_sm_btn { display:inline-block; padding:0 15px; border-radius:3px; border:1px #ddd solid; background:#fff; line-height:26px; font-size:12px; color:#666; -webkit-box-shadow:0 0 4px rgba(0,0,0,.06); -moz-box-shadow:0 0 4px rgba(0,0,0,.06); -o-box-shadow:0 0 4px rgba(0,0,0,.06); -ms-box-shadow:0 0 4px rgba(0,0,0,.06); box-shadow:0 0 4px rgba(0,0,0,.06);}
.filter_sm_btn:hover { border-color:#8abeec; color:#157ed9;}
.filter_sm_cur,
.filter_sm_cur:hover { border-color:#157ed9; background:#157ed9; color:#fff;}

.filter_com { position:relative; padding-left:35px; line-height:26px;}
.filter_sm_tit { position:absolute; top:0; left:0; line-height:28px; font-size:12px; color:#999;}

.filter_single {}

/* 位置 */
.filter_rt { position:absolute; top:12px; right:30px;}



/**
 * Drop-down menu
 */
.myselect { width:100%;}
.myselect_box { display:block; width:100%; height:28px; border:1px #ccc solid; border-radius:4px; background:#fff;}
.myselect select { width:100%; font-size:14px; color:#666; background:none; border-color:#ddd; border-radius:3px;}
.myselect option { color:#666; background:#fff;}
.myselect select:focus {}


/**
 * Refresh
 */
.refresh { position:absolute; top:0; right:20px; line-height:50px; font-size:12px; color:#999;}
.refresh i { margin-right:5px; font-size:14px;}
.refresh:hover { color:#1579ed;}


/**
 * Empty
 */
.null_in { padding:50px 0; text-align:center;}
.null_ico { width:200px; height:200px; margin:0 auto; background:url(../images/null.png) no-repeat;}
.null_search { background-position:0 0;}
.null_collection { background-position:-200px 0;}
.null_course { background-position:-400px 0;}
.null_person { background-position:-600px 0;}
.null_resource { background-position:-800px 0;}
.null_message { background-position:-1000px 0;}
.null_txt { line-height:30px; font-size:16px; color:#afafaf;}