@charset "utf-8";

/**/
.hide{ display:none;}
.music_play{ margin-bottom:30px;}
.tab{margin-bottom:15px; position:relative;}
.tab ul{ position:relative; overflow:hidden;zoom:1; background:url(../images/line_music_menu.png) no-repeat 0 bottom;}
.tab ul li{ float:left; width:160px; height:37px; margin-right:2px; display:inline;}
.tab ul li a{ color:#36373b; text-align:center; display:block; padding-bottom:4px; color:#36373b; font:bold 14px/33px Microsoft Yahei; background:url(../images/tab_gray.png) no-repeat 0 0;}
.tab ul li a.current{ color:#fe3654; background:url(../images/tab_red.png) no-repeat 0 0; }

.tab_item{ padding:25px 0 25px 15px;}
.tab_item p{ margin-bottom:5px;}
.tab_item p.title{ font-weight:bold;}

/* process */
.process{width:802px; margin:0 auto; position:relative; border-bottom:1px solid #eee;}
.process .caroufredsel_wrapper{ border-bottom:solid 1px #d0d0d0;}
.process p{ color:#36373b;}
.process .btn_prev,.process .btn_next{ display:block; width:31px; height:31px; overflow:hidden; position:absolute; top:170px; background-image:url(../images/ico_arw.png);}
.process .btn_prev{ background-position:0 0; left:105px;}
.process .btn_next{ background-position:-31px 0; right:105px;}
/*.process_cont{ border-bottom:solid  1px #d0d0d0;}*/
.process_item{ width:802px; height:540px; float:left;}
.pic_process{ display:block; width:373px; margin:0 auto 100px;}


.process_pagination{ position:absolute; top:400px; left:0; height:55px; width:802px; background:url(../images/p_bar.png) no-repeat 0 11px; text-align:center;}
.process_pagination a{ float:left; font-size:14px; line-height:30px; padding-top:25px; font-weight:bold; color:#bbb2a6; text-align:center; background:url(../images/step0.png) no-repeat top center;}

.p_green{ background:url(../images/map_green.png) no-repeat top center;}
.p_green p a{ color:#7dab36; font-weight:bold; text-transform:uppercase;}
/*.p_green .process_pagination{ padding-left:65px;}*/
.p_green .process_pagination a{ width:85px;}
.p_green .process_pagination .selected{ background:url(../images/step_green.png) no-repeat top center; color:#7dab36;}

.p_purple{ background:url(../images/map_purple.png) no-repeat top center; margin-top:50px;}
.p_purple p a,.purple em{ color:#a93087; font-weight:bold; text-transform:uppercase;}
.purple{ height:40px;}
/*.p_purple .process_pagination{ padding-left:235px;}*/
.p_purple .process_pagination a{ width:85px;}
.p_purple .process_pagination .selected{ background:url(../images/step_purple.png) no-repeat top center; color:#a93087;}


.p_blue{ background:url(../images/map_blue.png) no-repeat top center; margin-top:50px;}
.blue{ height:40px;}
.p_blue p a,.blue em{ color:#00aaad; font-weight:bold; text-transform:uppercase;}
/*.p_blue .process_pagination{ padding-left:185px;}*/
.p_blue .process_pagination a{ width:85px;}
.p_blue .process_pagination .selected{ background:url(../images/step_blue.png) no-repeat top center; color:#00aaad;}

.process_1{ display:none;}

.tab_process{ position:absolute; right:0; top:160px; z-index:10;}
.tab_process a{ display:block; width:63px; color:#bbb2a6; font-size:14px; font-weight:bold; text-align:center; padding-top:75px; margin-bottom:10px; background-image:url(../images/tab_process.png); background-repeat:no-repeat;}
.p_change{ background-position:-126px 0;}
.p_exit{ background-position:0px 0;}
.on .p_change{ background-position:-189px 0; color:#a93087;}
.on .p_exit{ background-position:-63px 0; color:#00aaad;}

/* 20140306 add */
.right h2{ font-size:30px; /*padding-left:15px;*/}
.txt_detail{margin-bottom:15px; padding-bottom:10px; /*padding:0 15px 10px;*/}
.txt_detail h3{ font-size:24px; line-height:45px; margin-bottom:15px; clear:both; font-weight:bold;}
.txt_detail h3 span{ font-size:12px; line-height:14px; display:block; color:#bbb2a6;}
.txt_detail h4{ font-size:18px; line-height:24px; margin-bottom:10px; clear:both;}
.txt_detail p{ font-size:14px; line-height:26px; color:#36373b; margin-bottom:26px;}
.tabCon .txt_detail p{padding-top:0;}
.txt_detail a{ font-size:14px; color:#e72a48; text-transform:uppercase;}
.txt_detail strong a{ font-weight:bold;}
.txt_detail a:hover{ color:#e72a48; text-decoration:underline;}

.process{ border:none;}
.process .caroufredsel_wrapper{ border:none;}
.process_item{ height:550px;}
.process_tit{ text-align:center; font-size:24px; color:#bbb2a6;}
.p_red{ background:url(../images/map_red.png) no-repeat;}
.p_red2 a{ padding-top:0; background:none; width:85px; height:50px;}
.p_red2 a span{ display:block; text-align:center; color:#fff; line-height:25px; background:url(../images/step_r.png) no-repeat top center; height:25px; width:39px; margin:0 auto;}
.p_red2 a.selected span{ background:url(../images/step_r_on.png) no-repeat top center;}

.p_a{ background:url(../images/map_purple.png) no-repeat;}
.p_g{ background:url(../images/map_blue.png) no-repeat;}
.p_a .process_pagination a,.p_g .process_pagination a{ width:85px;}
.p_a .process_pagination .selected{ background:url(../images/step_purple.png) no-repeat top center;}
.p_g .process_pagination .selected{ background:url(../images/step_blue.png) no-repeat top center;}

.txt_detail .process_pagination a,.txt_detail .tab_process a{ color:#bbb2a6;}
.txt_detail .process_pagination a:hover,.txt_detail .tab_process a:hover{ text-decoration:none;}
.txt_detail .p_red .process_pagination .selected{ color:#e72a48;}
.txt_detail .p_a .process_pagination .selected{ color:#a93087;}
.txt_detail .p_g .process_pagination .selected{ color:#00aaad;}
.txt_detail .tit_table{ text-align:center;}
.txt_detail p.red{ color:#e31837;}

.process_pagination a{ float:none; display:inline-block; text-align:center; line-height:25px; background:url(../images/step_gray.png) no-repeat top center; overflow:hidden; width:85px; height:23px; margin:1px auto;}
.process_pagination .selected{ background:url(../images/step_on.png) no-repeat top center; color:#e62a47;}

.p_blue .process_pagination .selected,.process_blue .process_pagination .selected,.process_blue1 .process_pagination .selected,.process_blue2 .process_pagination .selected{ background:url(../images/step_blue.png) no-repeat top center; color:#00aaad;}
.p_purple .process_pagination .selected{ background:url(../images/step_purple.png) no-repeat top center; color:#a93087;}
.p_green .process_pagination .selected{ background:url(../images/step_green.png) no-repeat top center; color:#7dab36;}
.p_red .process_pagination .selected{ background:url(../images/step_red.png) no-repeat top center; color:#7dab36;}

.txt_detail .process_pagination a{ font-size:12px;}
.process_red1 .process_pagination a{ width:72px;}
.p_red2 a{ padding-top:0; background:none; width:85px; height:50px;}

.p_blue .process_pagination a:hover,
.process_blue .process_pagination a:hover,
.process_blue1 .process_pagination a:hover,
.process_blue2 .process_pagination a:hover
{ background:url(../images/step_blue.png) no-repeat top center; color:#00aaad;}

.p_purple .process_pagination a:hover{ background:url(../images/step_purple.png) no-repeat top center; color:#a93087;}

.p_green .process_pagination a:hover{ background:url(../images/step_green.png) no-repeat top center; color:#7dab36;}

.p_red .process_pagination a:hover,
.p_red2 .process_pagination a:hover,
.process_red1 .process_pagination a:hover
{ background:url(../images/step_red.png) no-repeat top center; color:#7dab36;}


.p_blue .btn_prev:hover, .p_blue .btn_next:hover,
.process_blue .btn_prev:hover, .process_blue .btn_next:hover,
.process_blue1 .btn_prev:hover, .process_blue1 .btn_next:hover,
.process_blue2 .btn_prev:hover, .process_blue2 .btn_next:hover,
.p_g .btn_prev:hover, .p_g .btn_next:hover
{ background-image:url(../images/ico_arw_blue.png);}
.p_purple .btn_prev:hover,.p_purple .btn_next:hover,
.p_a .btn_prev:hover, .p_a .btn_next:hover
{ background-image:url(../images/ico_arw_purple.png);}
.p_green .btn_prev:hover, .p_green .btn_next:hover
{ background-image:url(../images/ico_arw_green.png);}
.p_red .btn_prev:hover,.p_red .btn_next:hover,
.p_red2 .btn_prev:hover,.p_red2 .btn_next:hover,
.process_red1 .btn_prev:hover,.process_red1 .btn_next:hover
{ background-image:url(../images/ico_arw_red.png);}


/* 20140411 */
.process .btn_prev,.process .btn_next{ width:296px; height:373px; top:0px; background-image:url(../images/ico_arw_0.png); background-repeat:no-repeat;}
.process .btn_prev{ background-position:0 center; left:105px;}
.process .btn_next{ background-position:-297px center; right:105px;}

.tab_ag{ position:absolute; right:50px; top:50px; z-index:5;}
.tab_ag a{ display:block; width:63px; color:#bbb2a6; font-size:14px; font-weight:bold; text-align:center; padding-top:75px; margin-bottom:10px; background-image:url(../images/tab_process_ag.png); background-repeat:no-repeat;}
.tab_a{ background-position:0 0;}
.tab_g{ background-position:-130px 0;}
.on .tab_a{ background-position:-65px 0; color:#a93087;}
.on .tab_g{ background-position:-195px 0; color:#00aaad;}

.tabag{position:relative; padding-bottom:30px;}
.tab_cont_a,.tab_cont_g{margin-left:100px; padding-left:125px; padding-bottom:30px;}
.tab_cont_g{display:none;}
.tab_cont_a{background:url(../images/img_exam_a.png) no-repeat left top;}
.tab_cont_g{background:url(../images/img_exam_g.png) no-repeat left top;}
.tab .tab_cont_a li,.tab .tab_cont_g li{ float:none; height:127px; width:auto; overflow:hidden; display:block;}
.tab_cont_a ul,.tab_cont_g ul{ background:none;}
.tab_cont_a li.first,.tab_cont_g li.first{ height:161px;}
.tab_cont_a li.h175,.tab_cont_g li.h175{ height:175px;}
.tab_cont_a li p,.tab_cont_g  li p{ margin-bottom:0; line-height:20px; font-size:14px; line-height:24px;}
.tab_cont_a li.first p,.tab_cont_g  li.first p{ color:#36373b; margin-top:35px;}
.tab_cont_a li .c1,.tab_cont_g  li .c1{ font-size:16px; font-weight:bold; margin-top:24px;}
.tab_cont_a li .c3,.tab_cont_g  li .c3{ color:#36373b;}

.tab_cont_a .c1,.tab_cont_a .c2,.tab_cont_a .tip{ color:#a93087;}
.tab_cont_g .c1,.tab_cont_g .c2,.tab_cont_g .tip{ color:#00aaad;}

/* table */
table{border-collapse:collapse; border-spacing:0;}
.table_1{width:100%;}
.table_1 td{border:1px solid #d7d7d7;  color:#36373b; padding:10px 5px; text-align:center;}
.table_1 td p{position:relative; color:#36373b; margin:0;}
.table_1 th{border:1px solid #d7d7d7; font-size:14px; font-weight:bold; background:#f2f2f2; padding:10px 0; text-align:center;}
.table_1 td strong{font-weight:bold; text-align:left;}
.table_1 td a{color:#36373b; }
.table .holder{background:#eee; border-width:0px 1px 2px; border-color:#ddd; border-style:solid;}
.table_1 td .btn{color:#fff; margin:5px 0;}
.table_1 .tl{text-align:left;}
.more1{background:url(../images/ico_more.png) no-repeat left center; color:#36373b;}
.more1:hover{background:url(../images/ico_more_hover.png) no-repeat left center;}

.tab_questions ul li{ width:113px;}
.tab_questions ul li a{ background-position: center 0;}
.tab_questions ul li a.current{ background-position: center 0;}