﻿
body {
	color:#666666;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
}

.clear {clear:both;}
.fl{ float:left;}
.fr{ float:right;}
a img{ border:0;}
.pr3{ padding-right:3px;}
.pr2{ padding-right:2px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pl0{ padding-left:0px!important;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pb0 { padding-bottom:0px!important;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pt0{padding-top:0px!important;}
.pt2{padding-top:2px;}
.pt5{padding-top:5px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{ padding-top:20px;}
.mt5{ margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb12{ margin-bottom:12px!important;}
.mb20{ margin-bottom:20px;}
.mr0{ margin-right:0px!important;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.mr10{ margin-right:10px;} 
.mr20{ margin-right:20px;} 
.nobo{ border:none!important;}
.show{ display:block!important;}
.hide{ display:none!important;}
.fs11 { font-size:11px; font-size:10px\0;}
.txtRed { color:#DD1400;}
.txt_01{ color:#000;}
/**************/
.ipad_banner{ width:420px; height:200px; margin-bottom:7px; clear:both; position:relative; font-size:13px;}
.ipad_banner ul{ list-style:none;margin:0; padding:0;}

#tab_01_area{ clear:both;  bottom:0px; position:absolute; width:420px;}
#tab_01_area li{ float:left; width:105px; height:30px; display:block; padding:0; margin:0;}
#tab_01_area li a{ 
	width:104px; 
	border-right:1px solid #aeaeae;/*aeaeae*/
	height:25px;
	padding-top:5px;
	height:23px\9;
	padding-top:7px\9;
	line-height:20px;
	display:block;
	background:#555; 
	color:#fff; 
	text-decoration:none;
	text-align:center;
}
#tab_01_area li a:hover{}
#tab_01_area li a.current{ background:#d21a0e;text-decoration:none;text-align:center;}
.ipad_banner .panes .con{ display:none;}

.ipad_banner_02{
	width: 418px;
	height:219px;
	background-color: #fff;	
	border: 1px solid #d8d8d8;
	font-size:12px;
	line-height: 14px;
	padding-bottom:5px;
	margin-bottom:7px;
	font-family:Arial, Helvetica, sans-serif!important;
	color:#626262;
}

.ipad_banner_02 .tit{
	background-color:#e9e9e9;
	height:50px;
	border: 1px solid #fff;
	overflow:hidden;
}
#tab_02_area { list-style:none; margin:3px 0 0 0; padding:0 0 0 0;}
#tab_02_area li{ float:left; list-style:none; text-align:center; font-size:13px;}
#tab_02_area li a{ 
	background:url(../IMG/tab_bg.gif) left top no-repeat;
	width:80px;
	height:20px;
	text-align:center;
	color:#666;
	display:block;
	padding-top:5px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
}
#tab_02_area li a:hover, #tab_02_area li a.current{
	background:url(../IMG/tab_bg_ov.gif) left top no-repeat; 
	color:#d61101;
	text-decoration:none;
}
.banner_02_cont{height:164px;}
.banner_02_cont .banner_02_txt{ 
	padding:5px;
	_padding:5px 5px 0; 
	display:none;
	
}

.ipad_bor_01{ border:1px solid #D8D8D8;}
.ipad_bor_02{ border-right:1px dotted #969696;}
.ipad_txt_01{
	color:#e31a00;
	font-weight:bold;
}
.txt_01_area a{ color:#626262; text-decoration:none;}
.txt_01_area a:hover{ color:#626262; text-decoration:underline;}




.txt_01_area ul{ list-style:none; margin:0; padding:0; clear:both;}
.txt_01_area ul li{ list-style:none; float:left;}


.banner_02_cont .more { text-align:right; padding-top:3px; font-size:12px;}
.banner_02_cont .more a{
	color:#d61101; 
	text-decoration:none;
}
.banner_02_cont .more a:hover{
	color:#d61101; 
	text-decoration:underline;
}


/***************/
/*02*/
.txt_02_area .main2Left {
	width: 200px;
	height: 68px;
	background:url(../IMG/v_dot.gif) right top repeat-y;	
	padding: 3px 0 2px 1px;
	*padding: 2px 0 0px 1px;
	float: left;
	font-size:12px;
}
.txt_02_area .main2Right {
	width: 200px;
	height: 68px;
	padding: 3px 0 2px 5px;
	*padding: 2px 0 0px 5px;
	float: left;
	font-size:12px;
}
.txt_02_area .img2 {
	width: 50px;
	height: 50px;
	padding: 0;
	float: left;
	margin: 0;
}
.txt_02_area .main2_r {
	float: left;
	width: 146px;
	height:18px;
	color:#000000;
	font-weight: bold;
	padding: 0 0px 0 4px;
}
.txt_02_area .main2_r a {color:#000!important; text-decoration:none}
.txt_02_area .main2_r a:hover {color:#000!important; text-decoration:underline}

.txt_02_area .main2_cnt {
	float: left;
	width: 146px;
	height:48px;
	color:#000000;
	padding: 0 0px 0 4px;
}
.txt_02_area .main2_cnt a {color:#626262!important; text-decoration:none}
.txt_02_area .main2_cnt a:hover {color:#626262!important; text-decoration:underline}

/*03*/
.txt_03_area .main3Left {
	width: 195px;
	height: 136px;
	background:url(../img/frontend/v_dot.gif) right top repeat-y;	
	padding: 0 5px 10px 0px;
	float: left;
	margin-left:5px;
	_margin-left:3px;
}
.txt_03_area .main3Right {
	width: 195px;
	height: 136px;
	padding: 0 0 10px 5px;
	float: left;
}
.txt_03_area .main3Top {
	width: auto;
	height: auto;
	padding: 10px 0 5px 0;
	color:#333333;
	font-weight: bold;
}
.txt_03_area .main3Top a {color:#000; text-decoration:none}
.txt_03_area .main3Top a:hover{color:#000; text-decoration:underline}
.txt_03_area .img3 {
	width: 100px;
	height: 75px;
	padding: 0;
	float: left;
	margin: 0;
}
.txt_03_area .main3_r {
	float: left;
	width: 83px;
	height:73px;
	padding: 0 3px 0 5px;
	_padding: 2px 3px 0 5px;
}

.txt_03_area .main3Btm {
	clear:both;
	height:auto;
	padding: 5px 0 0 0;
}
.actbtn a{color:#434343; text-decoration:none;}
.actbtn a:hover {color:#000; text-decoration:underline;}
.actbtn {
	background:url(../IMG/btn_action_r.gif) right top no-repeat;
	color:#434343;
	line-height:19px;
	line-height:22px\9;
	height:19px;
	padding:0 5px 0 0;
	font-weight:normal;
	display:block;
	float:left;
}
.actbtn em{
	width:8px;
	height:17px;
	float:left;
	background: url(../IMG/btn_action_l.gif) left top no-repeat;
}

/*04*/
.txt_04_area .main3Left {
	width: 195px;
	height: 136px;
	background:url(../img/frontend/v_dot.gif) right top repeat-y;	
	padding: 0 5px 10px 0px;
	float: left;
	margin-left:5px;
	_margin-left:3px;
}
.txt_04_area .main3Right {
	width: 195px;
	height: 136px;
	padding: 0 0 10px 5px;
	float: left;
}
.txt_04_area .main3Top {
	width: auto;
	height: auto;
	padding: 10px 0 5px 0;
	color:#000;
	font-weight: bold;
}
.txt_04_area .main3Top a {color:#000; text-decoration:none}
.txt_04_area .main3Top a:hover{color:#000; text-decoration:underline}
.txt_04_area .img3 {
	width: 100px;
	height: 75px;
	padding: 0;
	float: left;
	margin: 0;
}
.txt_04_area .main3_r {
	float: left;
	width: 85px;
	height:75px;
	padding: 0 2px 0 4px;
	color:#626262;
}

.txt_04_area .main3Btm {
	clear:both;
	height:auto;
	padding: 5px 0 0 0;
}
.txt_04_area .main4Btm {
	float:left;
	width: 105px;
	height:auto;
	padding: 8px 0 0 0;
	text-align:center;
}
.txt_04_area .main4BtmRight {
	float:left;
	width: 85px;
	height:auto;
	padding: 5px 0 0 3px;
}

/*05*/
.txt_05_area .main3Left {
	width: 195px;
	height: 136px;
	background:url(../img/frontend/v_dot.gif) right top repeat-y;	
	padding: 0 5px 10px 0px;
	float: left;
	margin-left:5px;
	_margin-left:3px;
}
.txt_05_area .main3Right {
	width: 195px;
	height: 136px;
	padding: 0 0 10px 5px;
	float: left;
}
.txt_05_area .main3Top {
	width: auto;
	height: auto;
	padding: 10px 0 5px 0;
	color:#000;
	font-weight: bold;
}
.txt_05_area .main3Top a {color:#000; text-decoration:none}
.txt_05_area .main3Top a:hover{color:#000; text-decoration:underline}
.txt_05_area .img3 {
	width: 100px;
	height: 75px;
	padding: 0;
	float: left;
	margin: 0;
}
.txt_05_area .main3_r {
	float: left;
	width: 85px;
	height:75px;
	padding: 0 2px 0 4px;
}

.txt_05_area .main3Btm {
	clear:both;
	height:auto;
	padding: 5px 0 0 0;
}
.txt_05_area .main4Btm {
	float:left;
	width: 105px;
	height:auto;
	padding: 8px 0 0 0;
	text-align:center;
}
.txt_05_area .main4BtmRight {
	float:left;
	width: 85px;
	height:auto;
	padding: 5px 0 0 3px;
}

/*06*/
.txt_06_area {}
.txt_06_area a{ color:#626262; text-decoration:none;}
.txt_06_area a:hover{ color:#626262; text-decoration:underline;}
.txt_06_area ul{ list-style:none; margin:0; padding:0; clear:both;}
.txt_06_area ul li{ list-style:none; float:left;}

/*07*/
.txt_07_area .main2Left {
	width: 200px;
	height: 68px;
	background:url(../IMG/v_dot.gif) right top repeat-y;	
	padding: 5px 0 0px 1px;
	float: left;
	font-size:12px;
}
.txt_07_area .main2Right {
	width: 200px;
	height: 68px;
	padding: 5px 0 0px 5px;
	float: left;
	font-size:12px;
}
.txt_07_area .img2 {
	width: 50px;
	height: 50px;
	padding: 0;
	float: left;
	margin: 0;
}
.txt_07_area .main2_r {
	float: left;
	width: 146px;
	height:18px;
	color:#000000;
	font-weight: bold;
	padding: 0 0px 0 4px;
}
.txt_07_area .main2_r a {color:#000!important; text-decoration:none}
.txt_07_area .main2_r a:hover {color:#000!important; text-decoration:underline}

.txt_07_area .main2_cnt {
	float: left;
	width: 146px;
	height:48px;
	color:#000000;
	padding: 0 0px 0 4px;
}
.txt_07_area .main2_cnt a {color:#626262!important; text-decoration:none}
.txt_07_area .main2_cnt a:hover {color:#626262!important; text-decoration:underline}


/********smart***********/
.top630 { width:630px; height:200px; clear:both; margin-bottom:10px;}
.top630 a {color:#333333;text-decoration:none;}
.top630 a:hover {text-decoration:underline;}
.ad_show{ position: absolute; z-index:1;  width:418px; height:198px; border-left:1px #c2c2c2 solid; border-top:1px #c2c2c2 solid; border-bottom:1px #c2c2c2 solid; float:left;}
.ad_show img{ width:420px; height:200px;}
.ad_control{ width:211px; position:relative; z-index:1; float:right;}
.ad_control .top_cap , .ad_control .midd_cap , .ad_control .bottom_cap{
	width:195px; 
	height:58px; 
	padding:8px 8px 0;
	background:url(../IMG/top.gif) no-repeat; 
	font-size:10px; 
	line-height:15px; 
	cursor:pointer; 
	float:right;
	 _border-bottom:1px #c2c2c2 solid;
	 position:relative; 

	
	
}
.ad_control .top_cap img , .ad_control .midd_cap img , .ad_control .bottom_cap img , .ad_control .hilight img{ width:50px; height:50px; border:1px #d2d2d2 solid; margin-right:8px; float:left; }
.ad_control .top_cap b , .ad_control .midd_cap b , .ad_control .bottom_cap b , .ad_control .hilight b{ font-weight:bold; margin-bottom:5px; display:block;}

.ad_control a.current{ 
	width:205px; 
	height:55px; 
	padding:8px 8px 8px 20px; 
	background:url(../IMG/hi_bg.png) no-repeat; 
	font-size:12px; 
	line-height:15px; 
	cursor:pointer; 
	margin-bottom:-3px; 
	z-index:1; 
	position: absolute; 
	float:right; 
	left:-21px;
	*left:2px;
	_left:0px;
	top:1px;
}
*html .ad_control .current{ margin-left:-22px !important; margin-top:-2px !important;}
*+html .ad_control .current{ margin-left:-22px !important;}


/************Ǧʺ*************/
.top420 { width:420px; height:200px; clear:both; position:relative; overflow:hidden;}
.top420 .control { position:absolute; right:0; top:0; z-index:100;}
.ad_pic li{ display:none;}
.top420 ul {list-style:none; margin:0; padding:0;}
.control ul { list-style:none; margin:0; padding:0;}
.control ul li {
	width:197px;
	line-height:25px;
	
}
.control ul li a{
	background:url(../IMG/unit_off.gif) left top no-repeat;
	width:147px;
	padding-left:50px;
	height:25px;
	line-height:25px;
	font-size:13px;
	color:#646464; 
	text-decoration:none;
	display:block;	
}


.control ul li a.current {
	background:url(../IMG/unit_on.gif) left top no-repeat;
	width:137px;
	padding:5px 30px 0;
	height:120px;
	font-size:15px;
	font-weight:bold;
	display:block;	
}
.control ul li a.current{ color:#e70001;}
.control ul li a .ad_con { display:none;}
.control ul li a.current .ad_con {font-size:12px;color:#646464; line-height:18px; display:block; font-weight:normal;}


/*safari chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.fs11 { font-size:10px!important;}
.ls_01{ letter-spacing:-1px;}
}


