@charset "utf-8";
/* CSS Document */
body{ padding:12px 0; background:#cba200 url(../images/body_bg.png) repeat-x 0 0; color:#696969;}
a{ color:#696969;}
a:hover{ color:#cba200;}

.clearfix{ zoom:1;}
	.clearfix:after{ display:block; clear:both; height:0; visibility:hidden; content:"";}
.more{ float:right; padding-top:2px; color:#8d692b; text-decoration:underline;}
.list{ line-height:30px;}
	.list li a{ padding-left:12px; background:url(../images/ico_square.png) no-repeat 3px 50%;}
	.list span{ float:right; color:#908f8f;}
  .line li{ border-bottom:1px dashed #ececec;}
.cs-tabs{ height:31px; line-height:31px;}
	.cs-tabs li{ float:left;}
	.cs-tabs a{ float:left; display:block; width:101px; text-align:center; font-size:14px; font-weight:700; color:#d66d0d; background:url(../images/tab.png) no-repeat 0 0;}
	.cs-tabs a:hover,.cs-tabs .on a{ color:#a56326; background-position:0 -31px; text-decoration:none;}
.cs-pans .panel{ display:none;}
	.cs-pans .pan1{ display:block;}
.mod{}
	.mhd h3{ color:#d66d0d; font-size:14px;}
	.mbd{ overflow:hidden; zoom:1;}

/*----------------------------layout-------------------------*/
.phd, .pbd, .pft{ width:979px; margin:0 auto;}
.pt-main{ width:728px; float:left;}
.pt-second{ width:223px; float:right;}

.phd{ position:relative; background:#fff url(../images/phd_bg.png) no-repeat 0 0; z-index:10;padding-top:74px;}
	.logo{ position:absolute; top:6px; left:20px;}
	.tool{ position:absolute; top:6px; right:0;}
		.tool a{ display:inline-block; width:60px; height:21px; margin-right:6px; padding-left:10px; line-height:21px; text-align:center; background:url(../images/tool_bg.png) no-repeat 0 0; color:#a56326;}
	.nav{ width:932px; height:32px; margin:0 auto; line-height:32px; padding:0 0 7px 28px; background:url(../images/nav_bg.png) no-repeat 0 0; position:relative; z-index:10;}
		.nav li{position:relative; z-index:1000;float:left; display:inline; padding-right:2px; background:url(../images/nav_seq.png) no-repeat 100%;}
		.nav li a{ float:left; display:block; padding:0 24px; font-size:14px; font-weight:700; color:#fff;}
		.nav li a:hover,.nav li a.hover{ background:url(../images/nav_on.png) repeat-x 0 0; text-decoration:none;}
		.nav .first a{ padding:0 18px;}
.pbd{ width:960px; padding:0 9px 0 10px; background:#fff; overflow:hidden; zoom:1; position:relative; z-index:0;}
.region{ zoom:1;}
.region:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.pft{ padding:15px 0; text-align:center; background:#fff url(../images/pft_bg.png) no-repeat 0 100%;}
	.pft a, .pft span{ padding:0 6px;}


/*----------------------------mod-------------------------*/
.mod-mbanner{ position:relative; width:960px; height:194px; margin:0 auto; padding-bottom:9px; background:url(../images/mbanner.png) no-repeat 0 100%; z-index:0;}
	.mod-mbanner ul{ position:absolute; top:5px; right:5px; z-index:1;}
	.mod-mbanner li{ position:relative; width:219px; height:58px; margin-bottom:3px; overflow:hidden;}
	.mod-mbanner li a, .mod-mbanner li span{ position:absolute; top:0; left:0; width:219px; height:58px;}
	.mod-mbanner li a{text-indent:-9999px; z-index:1;}
	.mod-mbanner li span{background:url(../images/online_apply.png) no-repeat 0 0; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/IBOXData/templates/cbd-china/index/images/online_apply.png", sizingMethod="scale");}
	.mod-mbanner .li02 span{ background-image:url(../images/online_enrol.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/IBOXData/templates/cbd-china/index/images/online_enrol.png", sizingMethod="scale");}
	.mod-mbanner .li03 span{ background-image:url(../images/online_show.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/IBOXData/templates/cbd-china/index/images/online_show.png", sizingMethod="scale");}
	.picshow{width:960px; position:relative; zoom:1;}
	.ps-cont{height:194px; overflow:hidden;}
		.ps-cont a{ display:none;}
		.ps-cont img{width:960px; height:194px;}
	.ps-tnav{ position:absolute; left:10px; bottom:10px;}
		.ps-tnav a{ float:left; width:15px; height:15px; margin-right:3px; text-align:center; font:11px/15px Arial; color:#c9ac26; background:url(../images/btn_15x15.gif) no-repeat 0 -15px;}
		.ps-tnav a.hover, .ps-tnav a:hover{ color:#fff; background-position:0 0; text-decoration:none;}
.mod-main{ width:720px;}
	.mod-main .mhd{ height:31px; padding:13px 0 8px 60px; background:url(../images/index_bg.png) no-repeat 0 0;}
	.mod-main .mbd{ padding:10px 18px; border:1px solid #ece7dc; border-width:0 1px;}
	.mod-main .mft{ height:18px; background:url(../images/index_bg.png) no-repeat 0 -156px;}
.mod-tab1{}
	.mod-tab1 .pic{ float:left;}
		.mod-tab1 .pic img{ display:block; padding:2px; border:1px solid #d7d7d6;}
	.mod-tab1 .list{ margin-left:200px;}
	.mod-tab1 .list li{ border-bottom:1px dashed #b8b8b8;}
.mod-tab2{}
	.mod-tab2 .mhd{ background-position:0 -52px;}
	.mod-tab2 .mbd{ position:relative; overflow:hidden; zoom:1; padding:15px 10px 25px;}
	.mod-tab2 .btn-prev, .mod-tab2 .btn-next{ float:left; width:19px; height:79px; margin-top:10px; background:url(../images/btn.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; cursor:pointer;}
	.mod-tab2 .btn-next{ background-position:-19px 0;}
	.mod-tab2 .picScroll{ display:inline; float:left; width:646px; height:111px; overflow:hidden; margin:0 6px;}
	.mod-tab2 .picScroll a{ margin-right:16px;}
		.mod-tab2 .picScroll img{ padding:2px; border:1px solid #d7d7d7;}
	.mod-tab2 .pic-wrap{ width:9999px;}
		.mod-tab2 .pic-wrap .idemo1, .mod-tab2 .pic-wrap .idemo2{ float:left;}
	.mod-tab2 .more{ position:absolute; right:35px; bottom:0;}

.mod-note1, .mod-note2{ float:left; width:330px; height:140px; padding:27px 15px 16px; background:url(../images/index_bg.png) no-repeat 0 -174px;}
	.mod-note1 .mhd h3, .mod-note2 .mhd h3{ height:30px; line-height:30px; padding-left:30px; background:url(../images/ico_arrow00.png) no-repeat 15px;}
	.mod-note1 .list, .mod-note2 .list{ padding-top:5px; line-height:22px;}
.mod-note2{ float:right; background-position:-360px -174px;}
	
.mod-link{ clear:both;}
	.mod-link .mhd{ background-position:0 -104px;}
	.mod-link .mbd{ padding:0;}
	.mod-link dl{ width:33.3%; float:left;}
	.mod-link dt{ height:25px; line-height:25px; background:url(../images/stitle_bg.png) repeat-x 0 0;}
	.mod-link dt a{ padding-left:45px; background:url(../images/ico_arrow01.png) no-repeat 35px; color:#d86e63; font-weight:700;}
	.mod-link dd a{ display:block; padding:6px 0 8px 5px;}
	.mod-link dd a img{ margin-right:5px;}
	.mod-link dd a *{ vertical-align:middle;}

.pt-second .mod{ width:221px; margin-bottom:8px;}
.pt-second .mhd{ height:30px; padding-bottom:14px; line-height:30px; text-align:center; background:url(../images/sub_mhd.png) no-repeat 0 0;}
	.pt-second .mhd h3, .pt-second .mhd a{font-size:14px; color:#fff; }
.mod-banner{ width:223px;}	
.mod-sec01{}
	.mod-sec01 .mbd{ padding:0 5px;}
	.mod-sec01 ul{background:url(../images/ico_blogo.png) no-repeat 3px 8px;}
	.mod-sec01 ul li{ padding:12px 36px 12px 50px; line-height:18px; border-bottom:1px dashed #b8b8b8; height:36px; overflow:hidden;}	
.mod-sec02{}
	.mod-sec02 .mbd{ padding:0 5px;}
	.mod-sec02 ul{background:url(../images/ico_slogo.png) no-repeat 10px 5px;}
	.mod-sec02 ul li{ padding-left:40px; line-height:35px; border-bottom:1px dashed #b8b8b8;}
.mod-sub{}
  .mod-sub .mbd{ padding:0 20px;;}
	.mod-sub ul li{ padding-left:16px; line-height:28px; background:url(../images/ico_darrow.png) no-repeat 0;}
	.mod-sub ul li a{ font-size:14px; color:#90784d;}
		
/*---------------------------inner-------------------------*/
.pbd-inner .pt-main{ float:right;}
.pbd-inner .pt-second{ float:left;}

.mod-path{ height:22px; line-height:22px; margin:10px 0; padding-left:30px; background:#f6f6f6 url(../images/path_circle.png) no-repeat 15px; color:#8a8a8a;}
	.mod-path a{ color:#ac8423; padding:0 5px;}
		.mod-path a:hover{ color:#8a8a8a;}
.mod-inner{ width:720px;}
	.mod-inner .mhd{ height:33px; line-height:42px; padding-left:33px; background:url(../images/imhd.png) no-repeat 0 0;overflow:hidden;}
		.mod-inner .mhd h3{color:#d66d0d;}
	.mod-inner .mbd{ padding:10px 25px; border:1px solid #ece7dc; border-width:0 1px;}
	.mod-inner .mft{ height:10px; background:url(../images/imft.png) no-repeat 0 0;}
.mod-list .list li{border-bottom:1px dashed #b8b8b8;}
.turnpages{ padding:20px 0; text-align:center;}
	.turnpages a,.turnpages span{ padding:0 3px;}
	.turnpages a:hover{ color:#ff4800;}
	.turnpages input{ width:35px; border:1px solid #999; margin-left:5px;}
	.turnpages input.btn{ background:#ece9d8;}
	
.mod-cont{}
	.mod-cont h2{ color:#000; font-size:14px; text-align:center;}
	.mod-cont .info{ text-align:center; padding:10px 0; color:#6d6d6d; border-bottom:1px dashed #b0b1b3;}
		.mod-cont .info span{ margin:0 5px;}
	.mod-cont .cont{ margin:20px 0;}
		.mod-cont .cont p{ margin-bottom:10px; line-height:24px; text-indent:24px;}
	.mod-cont .btns{ text-align:right;}
		.mod-cont .btns a{ margin-left:5px; color:#d66d0d; text-decoration:underline;}


.nav li ul{position:absolute; left:0;top:32px; width:120px; display:none; z-index:100;}
	.nav li ul li{ width:108px; height:auto;padding:0;line-height:18px; text-align:left;border:solid #fff; border-width:0 1px 1px;background:#fffdbf;}
	.nav li ul li a{display:block;width:95px;height:100%;padding:3px 3px 3px 10px;font-size:12px;line-height:18px;font-weight:100;color:#ba831f; position:relative; }
	.nav li:hover ul,.nav li.over ul { display: block;}
	.nav li ul a:hover{background:#bb8324;color:#fff;}
	.nav li ul.long{ width:122px;}
	.nav li ul.long li{ width:122px;}
.mod-note1 .list,.mod-note2 .list{height:85px;}


/*---------------03.04 add-----------------*/
.mod-media{}
	.mod-media .mhd{background:url(../images/mmhd_02.png) no-repeat 0 0;}
	.mod-media .mbd{ height:55px;}
	.mod-media .mbd a{ display:inline; float:left; margin:0 5px;}
	.mod-media .mbd a img{ width:154px; height:53px; border:1px solid #d7d7d6;}
	.mod-media .btn-prev, .mod-media .btn-next{ display:none;}
	.mod-media  .picScroll{ display:inline; float:left; width:676px; height:111px; overflow:hidden; margin:0 6px;}
	.mod-media .picScroll a{ margin-right:16px;}
		.mod-media .picScroll img{ padding:2px; border:1px solid #d7d7d7;}
	.mod-media .pic-wrap{ width:9999px;}
		.mod-media .pic-wrap .idemo1, .mod-media .pic-wrap .idemo2{ float:left;}
.mod-preview{}
	.mod-preview .mhd{ height:33px; line-height:33px; padding:13px 0 8px 60px; background:url(../images/mmhd_01.png) no-repeat 0 0;}
	.mod-preview .mbd{ padding:10px 20px;}
	.mod-preview .mbd img{ float:left; margin-right:12px; width:185px; height:141px; border:1px solid #d7d7d6;}
	.mod-preview ul{overflow:hidden; zoom:1;}
	.mod-preview li{ display:inline; float:left; margin:0 5px 18px;}
	.mod-preview li a{ float:left; width:80px; height:32px; line-height:32px; text-align:center; background:url(../images/btn_80x32.png) no-repeat 0 -32px; color:#8e5420;}
	.mod-preview li a:hover, .mod-preview li.hover a{ background-position:0 0; font-weight:700; color:#d66d0d; text-decoration:none;}
	
.mod-countdown{ position:relative; width:223px; height:61px; margin-top:15px; background:url(../images/countdown.png) no-repeat 0 0;}
	.mod-countdown span{ position:absolute; top:18px; left:132px; width:45px; height:20px; text-align:center; font:700 18px/20px "微软雅黑"; color:#fcff00;}



.mod-apply { }
        .mod-apply .mbd { padding: 15px 45px; }
        .mod-apply p { padding-top: 10px; }
        .mod-apply p strong { color: #ff8b03; font-weight: 100; }
        .fi-form { overflow: hidden; zoom: 1; padding-top: 12px; border-bottom: 1px solid #eee; }
        .fi-form li {overflow: hidden; padding: 0 0 12px 130px; color: #a5a5a5; clear:both;}
        .fi-form li span { width: 100px; float: left; margin-left: -130px; text-align: right; font-weight: 700; color: #696969; }
        .fi-form li .tip, .fi-form li .errinfo{float:none; margin:0; width:auto;}
        .fi-form li strong { width: 30px; float: left; margin-left: -30px; text-align: center; color: #ff8b03; font-weight: 100; }
        .fi-form input { height: 18px; padding-left: 5px; color: #a5a5a5; border: 1px solid #a5a5a5; }
        .fi-form1 { border-top: 1px solid #eee; }
        .fi-form li li { padding-left: 0; vertical-align: middle; }
        .fi-form2 .fi-1 { padding-bottom: 0;}
        .fi-form2 .fi-1 ul{float:left;}
        .fi-form1 input, .fi-form2 input, .fi-form3 input { width: 150px; }
        .fi-form2 .fi-2 input, .fi-form2 .fi-3 input, .fi-form3 .fi-7 input { width: 250px; }
        .fi-form1 .fi-1 input { width: 350px; }
        .fi-btn { padding-top: 20px; text-align: center; }
        .fi-btn button { margin-right: 12px; width: 62px; height: 23px; background: url(../images/btnBg.gif) no-repeat 0 0; border: none; cursor: pointer; color: #666; }
        .tip { padding-bottom: 20px; }
        .tip dl { line-height: 21px; }
        .tip a { color: #ff9600; }
        .tip dt { font-weight: bold; }

.fixbox{position:absolute; z-index:99999; right:0; width:183px; height:247px;}
.fixbox .bg, .fixbox .cont{ position:absolute; top:0; left:0; width:183px; height:247px;}
.fixbox .bg{ background:url(../images/ad_collect.png) no-repeat 0 0; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/IBOXData/templates/cbd-china/index/images/ad_collect.png", sizingMethod="scale");}
.fixbox .cont{ text-indent:-9999px; overflow:hidden;}
.fixbox .close{ position:absolute; bottom:20px; right:10px; width:32px; height:13px; font-size:10px; text-align:center; line-height:13px; color:#fff; background:url(../images/btn_close.gif) no-repeat 0 0; z-index:10;}





