﻿
body {
    font-size: 13px;
    line-height: 21px;
}
h1,h2,h3,h4,h5,h6{font-weight:300;}

.r90{ 
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	}

/* unslider css */
.unslider{overflow:hidden;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}

.unslider-arrow,.unslider-arrow1,.unslider-arrow2,.unslider-arrow3{position:absolute;z-index:2;cursor:pointer; }
.unslider-arrow.next,.unslider-arrow1.next,.unslider-arrow2.next,.unslider-arrow3.next{left:auto;}


.unslider-nav{position:absolute; left:50%; margin-left:-35px; z-index:9999; margin-top:10px;}.unslider-nav ol {list-style: none;text-align: center;}.unslider-nav ol li {display: inline-block;width: 6px;height: 6px;margin: 0 4px;background: transparent;border-radius: 5px;overflow: hidden;text-indent: -999em;border: 2px solid #fff;cursor: pointer;}.unslider-nav ol li.unslider-active {background: #fff;cursor: default;}
/* end unslider css */


/* border bottom ccc */
.menu_div,.sub_menu_div,.header{border-bottom:1px solid #ccc;}

body {width:100%; margin:0; padding:0;}
#Wrapper{width:100%; margin:0 auto; overflow:hidden;}
#Content {width: 100%;}

.hline{width:100%; background:#dedede; height:1px;}
.header{width:100%; background:#fff;}
.logoarea{
	width:147px; height:50px; margin:20px 0 15px 15px; padding:0;
}

.tbtn_area{
	margin:15px 15px 15px 0;
}
.hmenu{
	width:50px; height:50px; border:1px solid; border-color:transparent; background-image:url('header_tr.png'); background-position:-85px -25px; background-repeat:no-repeat;
}
.hphone{
	width:50px; height:50px; border:1px solid; border-color:transparent; margin-right:5px; background-image:url('header_tr.png'); background-position:-20px -25px; background-repeat:no-repeat;
}

.hmenu:active,.hmenu.active{background-position:-85px -117px;}
.hphone:active{background-position:-21px -208px;}

.menu_outside{display:none; width:100%;}
.meplus{
	background:url('320plus.png') center center no-repeat; width:30px; height:30px;
}
.meplus.active{background:url('320miner.png') center center no-repeat; width:30px; height:30px; } 

.menu_div{
	font-size:130%; font-weight:bold; color:#000; width:95%; height:30px; background:#fff; padding:7px 10px 7px 15px; line-height:32px;
}
.sub_menu_div{
	width:95%; height:30px; font-size:110%; font-weight:bold; color:#fff; background:#a70f10; padding:7px 10px 7px 35px; line-height:32px;
}
.submd{display:none; width:100%;}
.menu_div.active,.menu_div:active{background:#d70102; color:#fff;}
.sub_menu_div:active,.menu_div:active{background:#af2728;}





.rimage.inf{
	-webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;}
.rimage {
    width: 23px;
    height: 16px;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.opennow a,.opreal a,.opfake a,.dmt4 a,.dnin a,.opreal a:hover,.opfake a:hover,.dmt4 a:hover,.dnin a:hover,.leah a,.leah2 a,.leah3 a,.leah a:hover, .leah2 a:hover, .leah3 a:hover{text-decoration:none;}
	


/*--------------------------------------------------------------- start edwin css -------------------------------------------------------------------------- */
/*------ a link style ------ */
.abra{
	font-size:12px; color:#d30202; text-decoration:none;
}

.abah1 a{color:#0085BD; text-decoration:none;}
.abah1 a:hover{color:#0085BD; text-decoration:underline;}
.abablue{color:#0085bd;}


.abred{font-size:13px; color:#f00; text-decoration:none;}
.abred:hover{color:#f00; text-decoration:underline;}
.abru{font-size:13px; color:#111; text-decoration:none;}
.abru:hover{color:#111; text-decoration:underline;}

.abrh{font-size:13px; color:#444; text-decoration:none; margin-left:10px;}
.abrh:hover{text-decoration:underline; color:#09f;}

.abrf{text-decoration:none; color:#f00; font-size:16px; }
.abrf:hover{text-decoration:underline; color:#f00;}

.abra:hover{
	text-decoration:underline; color:#ab0104;
}
.evipa{
	color:#fff; text-decoration:none;
}
.evipa:hover{
	color:#fff; text-decoration:underline;
}
/*------ a link style ------ */


/* ------- text align -------- */
.txl{text-align:left;}.txc{text-align:center;}.txr{text-align:right;}


/* border */
.b1cb{border-bottom:1px solid #ccc;}.b1ct{border-top:1px solid #ccc;}.b1cl{border-left:1px solid #ccc;}.b1cr{border-right:1px solid #ccc;}.b1c{border:1px solid #ccc;}.b1t{border:1px solid; border-color:transparent;}.b1red{border:1px solid; border-color:transparent;}.b1blue{border:1px solid; border-color:transparent;}.b10{border:1px solid; border-color:transparent;}

/* float */
.efl{position:relative; float:left;}.efr{position:relative; float:right;}.eclear{clear:both;}

/* width in percent */
.wth100{width:100%;}.wth90{width:90%;}.wth80{width:80%;}.wth70{width:70%;}.wth60{width:60%;}.wth50{width:50%;}.wth40{width:40%;}.wth30{width:30%;}.wth20{width:20%;}.wth10{width:10%;}
.wth99{width:99%;}.wth98{width:98%;}.wth97{width:97%;}.wth96{width:96%;}.wth95{width:95%;}.wth94{width:94%;}.wth93{width:93%;}.wth92{width:92%;}.wth91{width:91%;}
.wth89{width:89%;}.wth88{width:88%;}.wth87{width:87%;}.wth86{width:86%;}.wth85{width:85%;}.wth84{width:84%;}.wth83{width:83%;}.wth82{width:82%;}.wth81{width:81%;}
.wth79{width:79%;}.wth78{width:78%;}.wth77{width:77%;}.wth76{width:76%;}.wth75{width:75%;}.wth74{width:74%;}.wth73{width:73%;}.wth72{width:72%;}.wth71{width:71%;}
.wth69{width:69%;}.wth68{width:68%;}.wth67{width:67%;}.wth66{width:66%;}.wth65{width:65%;}.wth64{width:64%;}.wth63{width:63%;}.wth62{width:62%;}.wth61{width:61%;}
.wth59{width:59%;}.wth58{width:58%;}.wth57{width:57%;}.wth56{width:56%;}.wth55{width:55%;}.wth54{width:54%;}.wth53{width:53%;}.wth52{width:52%;}.wth51{width:51%;}
.wth49{width:49%;}.wth48{width:48%;}.wth47{width:47%;}.wth46{width:46%;}.wth45{width:45%;}.wth44{width:44%;}.wth43{width:43%;}.wth42{width:42%;}.wth41{width:41%;}
.wth39{width:39%;}.wth38{width:38%;}.wth37{width:37%;}.wth36{width:36%;}.wth35{width:35%;}.wth34{width:34%;}.wth33{width:33%;}.wth32{width:32%;}.wth31{width:31%;}
.wth29{width:29%;}.wth28{width:28%;}.wth27{width:27%;}.wth26{width:26%;}.wth25{width:25%;}.wth24{width:24%;}.wth23{width:23%;}.wth22{width:22%;}.wth21{width:21%;}
.wth19{width:19%;}.wth18{width:18%;}.wth17{width:17%;}.wth16{width:16%;}.wth15{width:15%;}.wth14{width:14%;}.wth13{width:13%;}.wth12{width:12%;}.wth11{width:11%;}
.wth9{width:9%;}.wth8{width:8%;}.wth7{width:7%;}.wth6{width:6%;}.wth5{width:5%;}.wth4{width:4%;}.wth3{width:3%;}.wth2{width:2%;}.wth1{width:1%;}

/* inline block */
.eib{display:inline-block;}

/* padding */
.pd5{padding-right:5px;}.pl5{padding-left:5px;}.pt5{padding-top:5px;}.pb5{padding-bottom:5px;}.p5{padding:5px;}.pd10{padding-right:10px;}.pl10{padding-left:10px;}.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}.p10{padding:10px;}.pd15{padding-right:15px;}.pl15{padding-left:15px;}.pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.p15{padding:15px;}.pd20{padding-right:20px;}.pl20{padding-left:20px;}.pt20{padding-top:20px;}.pb20{padding-bottom:20px;}.p20{padding:20px;}.pd25{padding-right:25px;}.pl25{padding-left:25px;}.pt25{padding-top:25px;}.pb25{padding-bottom:25px;}.p25{padding:25px;}

/* margin */
.mr5{margin-right:5px;}.ml5{margin-left:5px;}.mt5{margin-top:5px;}.mb5{margin-bottom:5px;}.m5{margin:5px;}.mr10{margin-right:10px;}.ml10{margin-left:10px;}.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.m10{margin:10px;}.mr15{margin-right:15px;}.ml15{margin-left:15px;}.mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.m15{margin:15px;}.mr20{margin-right:20px;}.ml20{margin-left:20px;}.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.m20{margin:20px;}.mr25{margin-right:25px;}.ml25{margin-left:25px;}.mt25{margin-top:25px;}.mb25{margin-bottom:25px;}.m25{margin:25px;}.mr30{margin-right:30px;}.ml30{margin-left:30px;}.mt30{margin-top:30px;}.mb30{margin-bottom:30px;}.m30{margin:30px;}.mr35{margin-right:35px;}.ml35{margin-left:35px;}.mt35{margin-top:35px;}.mb35{margin-bottom:35px;}.m35{margin:35px;}

/* font color */
.egreen{color:#0c0;}.ered{color:#f00;}.eblue{color:#06f;}.elblue{color:#09f;}.ewhite{color:#fff;}.eindex_red{color:rgb(200,1,4);}

/* font weight */
.fb{font-weight:bold;}.ft{font-weight:400;}

/* bg color */
.ebg_index_red{background:rgb(200,1,4);}

/* font size */
.fs12{font-size:12px;}.fs13{font-size:13px;}.fs14{font-size:14px;}.fs16{font-size:16px;}.fs18{font-size:18px;}.fs20{font-size:20px;}.fs22{font-size:22px;}.fs24{font-size:24px;}.fs26{font-size:26px;}.fs28{font-size:28px;}
.fs30{font-size:30px;}.fs32{font-size:32px;}.fs34{font-size:34px;}.fs36{font-size:36px;}.fs38{font-size:38px;}.fs40{font-size:40px;}

/* font color */
.fc0{color:#000;}.fc1{color:#111;}.fc2{color:#222;}.fc3{color:#333;}.fc4{color:#444;}.fc5{color:#555;}.fc6{color:#666;}.fc7{color:#777;}.fc8{color:#888;}.fc9{color:#999;}
.fcf{color:#fff;}.fcf00{color:#f00;}.fc06f{color:#06f;}.fc09f{color:#09f;}.fc0c0{color:#0c0;}
.bgred{background:#950A0D;}


/* cursor pointer */
.edcp{cursor:pointer;}


.bottom_chat{
	position:fixed; z-index:2; bottom:10px; left:10px;
	width:52px; height:52px;
	background:url('chat320.png') top left no-repeat;
}




/* footer */
.edfooter{
	width:100%; background:#3c3c3c; color:#fff; padding-bottom:15px;
}

.efrow{
	margin:0 0 4px 20px;
}

.efrh5{
	background:#323232; margin:0; padding:6px 0 3px 12px; font-size:120%; width:40%;
}
.efrh5 a{color:#fff; text-decoration:none;}
.efrh5 a:hover{ color:#fff; text-decoration:underline;}
.cpright{
	margin:20px 0 35px 0;
}




/* --------------------------------------------------------------------- header menu and footer css --------------------------------------------------------------------------*/








/* float left element */
.banner_area,.banner_wrapper,.banner_footer,.banh3,.mh4,.analysis,.price_area,.mr1,.mr2,.oil_area,.fx_area,.metal_area,.usd_area,.pah4,.pdh5_a,.oiltri,.anah4,.analysis_news,.power,.pds,.pdtitle,.power2,.pds2,.pdtitle2,.power3,.power4,.leh3,.leh4,.leh5,.leh4_b,.leh5_b,.nch4,.news_center,.advh4,.adv,.advh3,.edfooter,.efrh5,.cph5,.advh4,.advh5,.advh3,.xhead,.xcont,.xdate,.xdo,.news_head,.news_date,.news_cont,.news_img,.news_wrapper,.opreal,.opfake,.dmt4,.dnin,.award_wrapper,.awards_slide,.header,.hline,.logoarea,.hphone,.hmenu,.menu_div,.sub_menu_div,.submd{
	position:relative; float:left;
}

/* float right element */
.pah5,.pdh5_b,.oiltri,.scrolltop_btn,.tbtn_area,.meplus,.meminer,.xdetail{
	position:relative; float:right;
}

/* margin0 padding0 element */
.banner_area,.banner_wrapper,.xauthor,.news_head,.news_date,.opreal,.opfake,.dmt4,.dnin,.header{margin:0; padding:0;}

/* ----------------------------------------------------------------- 400 black -------------------------------------------------- */
.pah4,.pah5,.pdh5_a,.frh3{font-weight:400; color:#000;}


/* ----------------------------------------------------------------- 400 white -------------------------------------------------- */
.anah4,.opennow,.pdsa1,.pdsa2,.pdtitle,.pds,.pdtitle1,.pds1,.pdtitle2,.pds2,.pdtitle3,.pds3,.leh3,.leh4,.leh5,.leh4_b,.leh5_b,.nch4,.advh4,.advh3,.efrh5,.cph5,.xhead,.xcont,.xdetail,.onair,.news_head,.news_cont,.news_date,.advh5,.xauthor,.opreal a,.opennow a,.opfake a,.opreal a:hover,.opfake a:hover{font-weight:400; color:#fff;}




/* banner area */
.banner_area{
	/* width:640px; height:686px; */ 
	background:#f5f5f5;
}


.banner_footer{
	position:absolute; bottom:0; left:0;
	/* width:640px; */
	opacity:0.7;
	background:#333;
	margin:0;
}
.banh3{
	color:#fff; margin-left:20px; padding:0;
}






.onair{
	position:absolute; z-index:1;
	text-align:center; cursor:pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#474747+0,262626+59,262626+68,030303+100 */
background: #474747; /* Old browsers */
background: -moz-linear-gradient(top,  #474747 0%, #262626 59%, #262626 68%, #030303 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #474747 0%,#262626 59%,#262626 68%,#030303 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #474747 0%,#262626 59%,#262626 68%,#030303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#030303',GradientType=0 ); /* IE6-9 */

}






.opreal{
	background:#d90002; border-bottom:1px solid #b41716;
}

.opfake{
	background:#b00001; border-top:1px solid #d13131; border-bottom:1px solid #93231f;
}

.dmt4{border-bottom:1px solid #ededed; border-top:1px solid #b37874;}
.dnin{border-top:1px solid #ededed;}
.dmt4 a:hover, .dnin a:hover{color:#000;}
.dmt4 a,.dnin a{	color:#000; }



.opennow{ 
	text-align:center; 
	background:#f00;
	border-radius:3px;
	position:absolute; left:20px; z-index:9003; opacity:1;
	cursor:pointer;
}


.analysis{
	width:100%;
	border:1px solid; border-color:transparent;
	
	/* min-height:200px; */
	/* margin-top:35px; */
}
.mh4{
	font-weight:bold;
	color:#fff;
}

.price_area{
	width:100%;
	border:1px solid; border-color:transparent;
}

.oil_area,.usd_area,.metal_area,.fx_area{
	border:1px solid; border-color:transparent; background:#fff;
}



.mr1,.mr2{width:100%;}



.fgreen{color:#018d1b;}
.fred{color:#f00;}





/* products */
.power,.power2,.power3,.power4{
	border:1px solid; border-color:transparent;
	width:100%;
}



/* news center */
.news_center{
	width:100%; border:1px solid; border-color:transparent;
}



.xdetail,.xdetail:hover{color:#fff; text-decoration:underline;}

.scrolltop_btn{
	cursor:pointer; width:42px; height:42px; margin-bottom:15px; border-radius:3px; background-color:#8c9296; background-image:url('uparrow.png'); background-position:center center; background-repeat:no-repeat;
}

.mt_7{margin-top:-7px;}


.artbg{
        width:100%;
        margin: 0 auto;
        clear: both;
	}

/*---------------------------------------------------------------------------- end global css -------------------------------------------------------------------------------*/
