@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'AG_Futura_Bold';
 src: url('../font/font.eot');
 src: url('../font/font.eot?#iefix') format('embedded-opentype'), url('../font/font.woff') format('woff'), url('../font/font.ttf') format('truetype'), url('../font/font.svg#AG_Futura_Bold') format('svg');
 font-weight: normal;
 font-style: normal;
}
.font_PMingLiu {
	font-family: "新細明體-ExtB";
	font-weight:normal;
}
.font_STHeiti {
	font-family: STHeiti;
	font-weight:normal;
}
.font_Meiryo {
	font-family: Meiryo;
	font-weight:normal;
}
.font_Helvetica {
	font-family: "HelveticaNeue LT 57 Cn", Helvetica Neue;
	font-weight:normal;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
	list-style:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
:focus {
	outline:0;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-style: normal;
}
.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
img {
	border:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, select {
	vertical-align:middle;
	color:#444;
	line-height:15px;
	padding:6px 5px;
	font-size:12px;
	border:1px solid #cfcfcf;
	background-color:#f7f7f7;
}
input.standard {
	width:280px;
}
select.standard {
	width:280px;
}
/* all */
.mm-menu {
	overflow:auto!important;
}

/* Scrollbar */
#mm-sideMenu::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 background-color: #F5F5F5;
}
 #mm-sideMenu::-webkit-scrollbar {
 width: 6px;
 background-color: #F5F5F5;
}
 #mm-sideMenu::-webkit-scrollbar-thumb {
 border-radius: 3px;
 background-color: #888888;
}
::-webkit-input-placeholder {
 color:#b4b4b4;
 font-size:15px;
 font-weight: bold;
}
::-moz-placeholder {
 color:#b4b4b4;
 font-size:15px;
 font-weight: bold;
} /* firefox 19+ */
:-ms-input-placeholder {
 color:#b4b4b4;
 font-size:15px;
 font-weight: bold;
} /* ie */
input:-moz-placeholder {
 color:#b4b4b4;
 font-size:15px;
 font-weight: bold;
}
html {
	font-family: 'segoe ui', "microsoft jhenghei", "microsoft mhei", stheititc, sans-serif;
	color:#222;
	font-weight:normal;
	font-style: normal;
	height:100%;
}
body {
	background:#f7f7f7;
	color:#222;
	font-style: normal;
	height:100%;
}
a {
	color:#222;
	text-decoration:none;
}
a:hover, a:focus {
	color:#282828;
}
.left {
	float:left;
}
.right {
	float:right;
}
.ta_left {
	text-align:left;
}
.ta_right {
	text-align:right;
}
/* BANNER
----------------------------------------------- */
.topbanner {
	width:970px;
	margin: 0 auto 10px auto;
	text-align: center;
}
.inner_banner {
	width:728px;
	margin:0 3px;
}
/* BLANK PAGE STRUCTURE
----------------------------------------------- */
.blank.mainpage {
}
.blank.mainpage .before_login {
	padding:45px;
}
.blank.mainpage .after_login {
	padding:0 45px;
}
/*instant_news*/
.instant_news {
}
/* INDEX PAGE STRUCTURE
----------------------------------------------- */
.ch.mainpage .page {
	background: url(../images/ch_mainpage_bg.gif) repeat-y left top #fff;
}
.ch.member.mainpage .page {
	background: url(../images/member_mainpage_bg.gif) repeat-y left top #fff;
}
.c1.mainpage .page {
	background: url(../images/c1_mainpage_bg.gif) repeat-y left top #fff;
}
.c2.mainpage .page {
	background: url(../images/c2_mainpage_bg.gif) repeat-y left top #fff;
}
.c3.mainpage .page {
	background: url(../images/c3_mainpage_bg.gif) repeat-y left top #fff;
}
.c4.mainpage .page {
	background: url(../images/c4_mainpage_bg.gif) repeat-y left top #fff;
}
.c5.mainpage .page {
	background: url(../images/c5_mainpage_bg.gif) repeat-y left top #fff;
}
.c6.mainpage .page {
	background: url(../images/c6_mainpage_bg.gif) repeat-y left top #fff;
}
.c7.mainpage .page {
	background: url(../images/c7_mainpage_bg.gif) repeat-y left top #fff;
}
.c8.mainpage .page {
	background: url(../images/ch_mainpage_bg.gif) repeat-y left top #fff;
}
.c9.mainpage .page {
	background: url(../images/c9_mainpage_bg.gif) repeat-y left top #fff;
}
/*.ch.mainpage #leftcontainer {
	width:887px;
}
.ch.mainpage #right {
	width: 313px;
}
.ch.mainpage .breaking_news {
	width:867px;
}
.ch.mainpage #sliderFrame {
  width: 728px;  height: 437px;
}
.ch.mainpage #sliderFrame img {
  width: 728px;
  height: 437px;
}
.ch.mainpage .newest_box {
  width: 616px;
}
.ch.mainpage .ros {
  width: 704px;
}
.ch.mainpage .ros_weather {
  width: 246px;
}
.ch.mainpage .weather_icon.main {
  width: 230px;
}
.ch.mainpage .ros_marquee_bar {
  width: 694px;
}
.ch.mainpage .ad_box {
  padding: 14px 6px 7px 6px;
}
.ch.mainpage .right_box {
  padding: 22px 6px 22px 7px;
}
.ch.mainpage #main {
  width: 710px;
}
.ch.mainpage .blogitem {
  padding: 18px 8px 0 8px;
}*/
/* PAGE STRUCTURE
----------------------------------------------- */
#ros_iframe {
	width:272px!important; /*height:339px!important;*/
}
.icon_newsection {
	position:absolute;
	background:url(../images/icon_newsection.png) no-repeat right center;
	width:31px;
	height:19px;
	right:4px;
	top:4px;
}
#sliderFrame {
	position:relative;
	/*width:717px;*/
	width: 728px;
	height:437px;
	margin-left:3px;
}
#sliderFrame img {
	/*width:717px;*/
	width: 728px;
	height:437px;
}
#sliderFrame div.mc-caption-bg {
	background: url(../images/slider_mask.png) repeat-x center top;
	height:90px;
	position: absolute;
	width: 100%;
	height: 90px;
	padding: 80px 0 10px 0;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	overflow: hidden;
	font-size: 0;
}
#sliderFrame div.mc-caption {
	font-size: 36px;
	line-height: 44px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 0 3%;
	width: 94%!important;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
#wrapper {
	position:relative;
	min-height: 100%;
}
.mobile_version {
	display:none;
}
.desktop_version {
	display:block;
}
.desktop_version.special {
	display:inline;
}
table .desktop_version {
	display: table-cell;
}
.tablet_version {
	display:none;
}
.onlydesktop_version {
	display:block;
}
/* Header */
#masthead {
	position: fixed;
	background:url(../images/masthead_bg.png) repeat-x center top;
	width: 100%;
	height: 119px;
	z-index: 3000;
}
#header {
	background:url(../images/header_bg.png) repeat-x center top;
	background-size:100% 49px;
	width:100%;
	height:49px;
}
.page {
	width:1200px;
	margin:0 auto;
	position:relative;
	background-color:#fff;
}
.page .inside {
	background-color:#fff;
}
.icon_menu {
	display:none;
}
.logo {
	margin: 16px 0 13px 0;
	float:left;
	background:url(../images/logo.png) no-repeat left top;
	width:170px;
	height:86px;
	cursor:pointer;
}
.mainmenu {
	position:absolute;
	right:50px;
	top:78px;
	background:url(../images/mainmenu_bg.png) no-repeat left 1px;
	height:38px;
}
.mainmenu ul li {
	background:url(../images/mainmenu_bg.png) no-repeat right 1px;
	float:left;
	padding-right:1px;
}
.mainmenu ul li a {
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	display:block;
	line-height:37px;
	padding:0 22px;
	border-top: 1px solid;
}
.mainmenu ul li a:hover {
	background-color:#666;
	background:url(../images/mainmenu_bg.gif) repeat-x left top;
	color:#282828;
}
.mainmenu ul li a .font {
	font-size: 13px;/*font-family: 'AG_Futura_Bold';*/
}
.topmenu {
	position:absolute;
	right:1px;
	top:0;
	padding:11px 0;
}
.tvmenu { display:none;}
.ui-content {
	display:none;
}
.h_media {
	float:right;
	/*background-color:#000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:4px 6px 4px 5px;*/
	height:21px;
	text-align:center;
}
.h_media img {
}
.h_media a {
	float:left;
	margin:0 2px;
	background-color:#666;
	display:block;
	;
	height:21px;
	padding:3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.h_media a:hover {
	background-color:#b5b5b5;
}
.welcome_msg {
	float:left;
	margin-right:12px;
}
.welcome_msg a {
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	line-height:27px;
}
.icon_member {
	/*background:url(../images/icon_member_bg.gif) repeat-x;*/
	width:100px;
	height:27px;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
	margin-right:12px;
	float:left;
}
.icon_member a {
	display:block;/*font-size:17px;
	color:#a1883d;
	line-height:27px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.05em;*/
}
.icon_member a:hover {
/*background-color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}
.icon_dbc_tv{
	float: left;
	width: 113px;
	height: 29px;
	margin-right: 12px;
	background: url(../images/icon_top_menu_dbctv.png) repeat-x;
	margin-top:-1px;
}
.icon_dbc_tv a{ display:block; height:29px;}
.icon_live.new{
	width:113px;
}
.icon_live {
	background:url(../images/icon_live_bg.gif) repeat-x;
	width:118px;
	height:27px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right:12px;
	float:left;
}
.icon_live.new a{ 
	background:url(../images/icon_audio.png) no-repeat right center;
	padding-left: 11px;
}
.icon_live a {
	display:block;
	font-size:17px;
	color:#fff;
	line-height:27px;
	letter-spacing:0.05em;
	background:url(../images/icon_live.png) no-repeat 7px center;
	padding-left:38px;
}
.icon_live a:hover {
	background-color:#e86d00;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.icon_share {
	background:url(../images/icon_share_bg.gif) repeat-x;
	width:82px;
	height:27px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	position:relative;
	z-index: 4600;
}
.icon_share a {
	display:block;
	font-size:17px;
	color:#fff;
	line-height:27px;
	font-weight:bold;
	letter-spacing:0.05em;
	background:url(../images/icon_share.png) no-repeat 12px 5px;
	padding-left:35px;
	background-size: 17px 14px;
}
.icon_share a:hover {
	background-color:#1786d8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.share_region {
	display:none;
	position:absolute;
	background:url(../images/image_sharebox.png) no-repeat 102px top;
	right:12px;
	top:45px;
	width:150px;
	padding-top:5px;
	z-index:6000;
}
.share_region .content_area {
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 0;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
.share_region a {
	color:#222;
	font-size:14px;
	padding:7px 0 7px 50px;
	line-height:18px;
	display:block;
	width:85px;
}
.share_region a .channel {
	font-size:11px;
	color:#3f9fe7;
	line-height:14px;
}
.share_region a.facebook {
	background:url(../images/icon_facebook.png) no-repeat 18px center;
	background-size: 20px 20px;
}
.share_region a.instagram {
	background:url(../images/icon_instagram.png) no-repeat 18px center;
	background-size: 20px 20px;
}
.share_region a.youtube {
	background:url(../images/icon_youtube.png) no-repeat 12px center;
	background-size: 30px 12px;
}
.share_region a.sina {
	background:url(../images/icon_sina.png) no-repeat 17px center;
	background-size: 24px 20px;
}
.share_region a.weibo {
	background:url(../images/icon_weibo.png) no-repeat 17px center;
	background-size: 23px 20px;
}
.share_outer {
	width:100%;
	height:1000px;
	position:absolute;
	top:0;
	left:0;
	z-index:4000;
	display:none;
}
.share_around {
	width:128px;
	height:300px;
	position:absolute;
	right:0;
	top:0;
	z-index:4500;
	display:none;
}
.language {
	float: right;
	margin-left: 12px;
	width: 60px;
}
.search_box {
	float:left;
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: auto;
	z-index: 10;
	margin-right:12px;
}
.sbtextinput {
	background: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .4);
	color: #333;
	font-size: 15px;
	line-height:27px;
	height: 27px;
	outline: 0;
	padding: 0 28px 0 10px;
 transition: background-color .15s;
	width: 180px;
}
.sbbutton {
	cursor: pointer;
	height: 27px;
	position: absolute;
	right: 0;
	top: 0;
	width: 27px;
	background:url(../images/icon_search.png) no-repeat center center;
}
.header_date {
	color:#FFF;
	float:left;
	margin-right:15px;
	font-size:15px;
	font-weight:bold;
	line-height:27px;
}
.icon_onair {
	display:none;
}
/* Container */
#hot_keyword {
	width:1170px;
	background:#fff;
	font-size:14px;
	line-height:20px;
	padding:10px 15px;
	border-bottom:1px solid #d8d8d8;
}
#hot_keyword a {
	padding:0 2px;
	color:#0177ff;
}
.marquee_bar {
	width:1170px;
	background:#303030;
	font-size:14px;
	line-height:20px;
	padding:6px 15px 6px 15px;
	/*border-bottom:1px solid #d8d8d8;*/
	color:#fff;
}
.marquee_bar span {
	padding:0 6px;
}
.marquee_bar .disclaimer {
	color:#fff;
	display:inline;
}
.marquee_bar .disclaimer a {
	color:#146914;
	text-decoration:underline;
}
#container {
	display:block;
	padding-top:138px;
	background:#f7f7f7;
}
#leftcontainer {
	/*width:873px;*/
	width:887px;
	float:left;
}
.breaking_news {
	height:26px;
	line-height: 26px;
	/*width:853px;*/
	width:867px;
	float:left;
	background:url(../images/msg_bg.gif) repeat-x #fff;
	padding:7px 10px;
}
.breaking_news span {
	width:50px;
	height:26px;
	line-height:27px;
	padding:0 25px 0 35px;
	background:url(../images/icon_msg.png) no-repeat left top;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	float:left;
	font-style:italic;
	background-size: 85px 26px;
}
.news_content a {
	font-size:18px;
	line-height:28px;
	padding-right:15px;
	float:left;
}
.news_content a:hover {
	text-decoration:underline;
}
#left {
	width:153px;
	float:left;
}
/* Left */
.accordion, .accordion li {
	margin: 0;
	padding: 0;
	border: none;
}
.accordion a {
	padding: 10px 10px 10px 15px;
	text-decoration:none;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.accordion li.dbctv a{ padding:0; background: #0D5995 url(images/checkers.png) repeat 0 0;}

.accordion a.dcjq-parent, .accordion a.dcjq-parent:hover {
	padding: 10px 10px 10px 15px;
}
.accordion a.dcjq-parent.active {
	background: #0D5995 url(images/checkers.png) repeat 0 0;
}
.accordion a:active {
}
.accordion ul a {
	padding: 10px 10px 10px 15px;
	background:#535353;
	border-bottom: 1px solid #6d6d6d;
	border-top: 0px;
	font-size:14px;
}
.accordion ul a:hover {
	background:#444;
}
.accordion a .dcjq-icon {
	position: absolute;
	top: 50%;
	left: 128px;
	width: 13px;
	margin-top: -6px;
	height: 13px;
	background: url(../images/sidemenu_icon_right.png) no-repeat left center;
}
.accordion a.expanded .dcjq-icon {
	background: url(../images/sidemenu_icon_down.png) no-repeat left center;
}
/* Content */
#content {
	/*width:720px;*/
	width:734px;
	background-color:#FFF;
	float:left;
}
.section_gap {
	height:25px;
}
.newest_box {
	/*width:602px;*/
	width: 616px;
	height:44px;
	padding:3px;
	padding-left:115px;
	background:url(../images/icon_newest.jpg) no-repeat 3px 3px;
	border-bottom:1px solid #d8d8d8;
}
.newest_box a {
	font-size:20px;
	line-height:44px;
	font-weight:bold;
}
#main {
	padding:12px;
}
.section_title {
	padding:9px 0;
	background:url(../images/title_bg.gif) repeat-x;
}
.section_title .text {
	font-size:19px;
	line-height:20px;
	color:#222;
	font-weight:bold;
	float:left;
	padding-left:18px;
}
.section_title .viewmore {
	margin-right:18px;
}
.viewmore {
	font-size:15px;
	line-height:20px;
	padding:0;
	/*width:55px;*/
	float:right;
	padding-right:24px;
	background-repeat:no-repeat;
	background-position: right center;
}
.archiveBoxes {
	/*padding:25px 12px;*/
	padding:25px 11px;
}
.archiveItem {
	margin:6px 6px 20px 6px;
	float:left;
	/*width:220px;
	height:220px;*/
	width:225px;
	height:225px;
	position:relative;
}
.archiveItem img {
	width:100%;
	height:auto;
}
a.archiveMask {
	cursor:pointer;
	z-index:1000;
	position:absolute;
	/*width:220px;
	height:220px;*/
	width:225px;
	height:225px;
	background-color:#000;
	opacity:0.2;
	left:0;
	top:0;
}
a.archiveMask:hover {
	opacity:0;
transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
}
.archive_program_name {
	padding:5px 10px;
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	font-size:15px;
	line-height: 17px;
	vertical-align: top;
	z-index:1100;
}
.archiveItem_bg {
	background:url(../images/slider_mask.png) repeat-x center 110px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
	opacity: 0.8;
}
.archiveItem_content {
	position:absolute;
	bottom:0;
	padding:7px 15px;
	font-size:17px;
	line-height:24px;
	color:#FFF;
	text-shadow: 0 1px 2px #000;
	z-index:1200;
}
.flag_phil {
	padding-right:5px;
}
.flag_phil img {
	width:20px;
	height:auto;
}
a.btn_loadmore {
	cursor:pointer;
	width:104px;
	height:29px;
	margin:15px auto 0 auto;
	background:url(../images/btn_loadmore.png) center top;
	display:block;
}
a.btn_loadmore:hover {
	background-position: center 29px;
}
.icon_playvideo {
	position:absolute;
	left:15px;
	top:15px;
	cursor:pointer;
	z-index: 2500;
}
#sliderFrame .icon_playvideo img {
	width:64px;
	height:65px;
}
.blogitem {
	padding:18px 6px 0 6px;
	float:left;
	width:224px;
}
.blog_info {
}
.blog_info .category {
	background-color:#f7941d;
	padding:2px 6px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	float:left;
	margin-right:10px;
}
.blog_info .date {
	float:left;
	font-size:14px;
	line-height:14px;
	padding:2px 0;
	color:#808080;
}
.blog_title {
	font-size:19px;
	font-weight:bold;
	line-height:24px;
	padding:8px 0;
}
.blog_image {
}
.blog_image img {
	width:224px;
	height:134px;
}
.blog_detail {
	padding:8px 0 18px 0;
	font-size:15px;
	line-height:22px;
	border-bottom:1px solid #d8d8d8;
}
/* Mainpage Right */
.mainpage #right {
	width: 313px;
}
.mainpage #right .ad_box {
	padding: 6px 6px 6px 7px;
}
.mainpage #right .right_box {
	padding:22px 6px 22px 6px;
}
/* Right */
#right {
	width:327px;
	/*width: 313px;*/
	float:left;
}
.ad_box {
	background-color:#FFF;
	width:300px;
	padding: 13px 13px 6px 13px;
	border-left:1px solid #d8d8d8;
}
.ad_lrec {
	width:300px;
	margin-bottom:7px;
}
.right_box {
	width:300px;
	padding:22px 13px 22px 13px;
	background:url(../images/right_bg.gif) repeat-y;
}
.banner img {
	margin-bottom:8px;
}
.toplist {
	border-top:5px solid #f7941d;
	background-color:#000;
	margin-top:20px;
}
.toplist_title {
	background:url(../images/toplist_bg.gif) repeat-x;
	height:20px;
	font-size:16px;
	color:#FFF;
	line-height:20px;
	padding:7px 14px;
	font-weight:bold;
}
.toplist_box {
	padding:0 10px;
}
.toplistitem {
	padding:10px 0;
	border-bottom:1px solid #4b4b4b;
}
.toplistitem.last {
	padding:10px 0;
	border-bottom:none;
}
.toplist_box .photo {
	float:left;
	width:50px;
	height:50px;
	padding-right:10px;
}
.toplist_box .text {
	float:left;
	width:220px;
	font-size:15px;
	line-height:22px;
	color:#fff;
}
.toplist_box .text a {
	font-size:15px;
	line-height:22px;
	color:#fff;
}
/* Inside Right */
/*.inside #right {
	width: 327px;
}
.inside #right .ad_box {
	padding: 13px 13px 6px 14px;
}
.inside #right .right_box {
	padding:22px 13px 22px 14px;
}*/

#footer {
	width: 1200px;
	margin: 20px auto 0 auto;
	background-color:#fff;
}
.links_box {
	height:85px;
}
.links_area {
	float: left;
	margin-top: 16px;
	padding-left:100px;
}
.links_area ul {
	padding:2px 0;
	clear:both;
}
.links_area ul li {
	font-size:13px;
	width:100px;
	float:left;
}
.links_area ul li.special {
	font-size:13px;
	width:135px;
}
.links_area ul li a {
	font-size:15px;
	line-height:22px;
}
.footer_logo {
	width: 126px;
	height: 64px;
	margin: 12px 0 0 20px;
	float: left;
}
.copyright {
	background: #000;
	color: #FFF;
	font-size: 11px;
	line-height: 18px;
	padding: 8px 15px;
	text-align: left;
	font-weight: normal;
}
/* LISTING
----------------------------------------------- */
.mediaBox {
	width:837px;
	height:470px;
	position:relative;
}
.mediaBox .channelname {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color:#FFF;
}
.mediaBox div.mc-caption-bg {
	background: url(../images/slider_mask.png) repeat-x center top;
	position: absolute;
	width: 781px;
	padding: 80px 28px 30px 28px;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	overflow: hidden;
	font-size: 0;
}
.mediaBox div.mc-caption {
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
/* INSIDE
----------------------------------------------- */
/*Facebook*/
.fb-share-button.vertical {
	display:block;
}
.sharebreak.vertical {
	display:block;
	height:10px;
}
.fb-like.vertical {
	display:block;
	text-align:center;
}
.fb-share-button.horizontal {
	display:none;
}
.sharebreak.horizontal {
	display:none;
	margin-right:10px;
}
.fb-like.horizontal {
	display:none;
}
/* Content */
#maincontent {
	width:837px;
	background-color:#FFF;
	float:left;
	padding:18px;
}
.breadcrumb {
	margin-bottom:25px;
}
.breadcrumb .nav {
	font-size: 14px;
	line-height: 20px;
	color: #f7941d;
}
.breadcrumb .nav a {
	font-size: 14px;
	line-height: 20px;
	color: #ff8b00;
	display:inline;
}
.breadcrumb .nav span {
	font-size: 14px;
	line-height: 20px;
	color: #222;
}
.page .inside_cat .cattitle {
	color:#FFF;
	line-height:18px;
	font-size:16px;
	font-weight:bold;
	padding:6px 15px 2px 15px;
	display:inline-block;
}
.inside_cat {
	border-bottom:4px solid;
}
.listing_tabs {
	border:1px solid #dfdfdf;
	border-bottom: 4px solid;
	background-color:#f5f5f5;
}
.listing_tabs ul {
}
.listing_tabs ul li {
	float: left;
	font-size: 16px;
	line-height:18px;
	color: #222;
	padding:6px 18px;
	border-left:1px solid #fff;
	border-right:1px solid #dfdfdf;
}
.listing_tabs ul li.current a, .listing_tabs ul li:hover a {
	color:#fff;
}
.listingBox {
	width:837px;
	background-color:#e7e7e7;
}
.listingBox .listfeature {
	width:496px;
	height:316px;
	float:left;
	position:relative;
}
.listingBox .listothers {
	width:341px;
	float:left;
}
.listothers .listitem {
	padding:11px 16px;
	font-size:15px;
	line-height:20px;
	color:#222;
	height:57px;
}
.listothers .listitem.current {
	background-color:#f6f6f6;
	margin-right:1px;
}
.listothers .listitem .listimage {
	float:left;
	width:82px;
	height:52px;
	margin-right:14px;
	border:1px solid #b6b6b6;
}
.listothers .listitem .listinfo {
	float:left;
	width:210px;
}
.listothers .listitem .listinfo .category {
	color:#747474;
	font-size:12px;
}
.listingOthers {
	margin-top:25px;
}
.listingOthers .news_info {
	float: left;
	width: 100%;
}
.lf_caption_bg {
	background: url(../images/slider_mask.png) repeat-x center top;
	position: absolute;
	width: 100%;
	padding: 80px 0 15px 0;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	overflow: hidden;
	font-size: 0;
}
.lf_caption {
	font-size: 32px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 0 18px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
.inside_pulldown {
	background-color:#f0f0f0;
	padding:8px 15px;
	margin-bottom:25px;
}
.inside_pulldown .item {
	clear: inherit;
	margin-bottom: 0;
	float:left;
}
.inside_pulldown .text {
	font-size:17px;
	line-height:28px;
	padding-right:15px;
	float:left;
}
.inside_pulldown .list {
	float:left;
}
.list.news {
	width:380px;
	margin-right:7px;
}
.list.horse {
	width:280px;
	margin-right:7px;
	float:left;
}
.list.date {
	width:130px;
	margin-right:35px;
}
select#listing_news {
	width:380px;
}
select#listing_date {
	width:130px;
}
select#listing_priority {
	width:130px;
}
select#listing_horse {
	width:280px;
}
.inside_pulldown .list.category {
	width:85px;
}
.inside_detail {
}
.inside_detail .sharemedia {
	width:58px;
	float:left;
	position:relative;
}
.inside_detail .sharedetail {
	float:left;
	padding-left:18px;
	border-left:1px solid #dfdfdf;
	width:760px;
}
#maincontent .blog {
	background-color:#f0f0f0;
	padding:12px;
}
#maincontent .sharedetail .blog {
	background-color:#f0f0f0;
	padding:12px;
	margin-bottom:25px;
}
#maincontent .blog .photo {
	float:left;
	margin-right:12px;
	border:3px solid #fff;
	box-shadow: 1px 1px 5px #c8c8c8;
}
#maincontent .blog .blogger {
	padding-left:63px;
}
#maincontent .blog .blogger .name a {
	font-size: 17px;
	line-height: 24px;
}
#maincontent .blog .blogger .title {
	font-size:14px;
	line-height:20px;
}
.sharedetail .tabsubmenu {
	background-color:#f0f0f0;
	margin-bottom:25px;
	padding:10px 20px;
}
.sharedetail .tabsubmenu a {
	float:left;
	padding-right:30px;
}
.inside_detail .mp3_audio {
	margin:10px 0;
}
.inside_detail .mainphoto, .inside_detail .mainvideo {
	margin-bottom:15px;
}
.inside_detail .photoitem video {
	width:760px;
	/*height:auto;*/
}
.inside_detail .mainphoto img {
	width:760px;
	height:auto;
}
.inside_detail .mainheadline {
	font-size:30px;
	line-height:38px;
	font-weight:bold;
	color:#222;
}
.inside_detail .mainsection {
	font-size:15px;
	line-height:24px;
	margin-bottom:10px;
	color:#999;
	position:relative;
}
.inside_detail .sublisting {
	margin-bottom:15px;
	background-color:#f0f0f0;
	padding:5px 0;
}
.inside_detail .sublisting span {
	float:left;
	font-size:15px;
	line-height:30px;
	font-weight: bold;
	color:#222;
}
.inside_detail .sublisting a {
	font-size:15px;
	line-height:30px;
	font-weight: bold;
	color:#222;
	float:left;
	float:left;
	padding:0 20px;
}
.inside_detail .maindetail {
	font-size:15px;
	line-height:24px;
	color:#222;
	padding:0 0 25px 0;
}
.inside_detail .maindetail img {
	margin:0 10px;
}
.inside_detail .maindetail p {
	padding-bottom:12px;
}
.stockflag {
	background-color:#e5e5e5;
	padding:0 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:0 3px;
}
.stockfall {
	background-color:#f9d7d9;
	color:#db0011;
	padding:0 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:0 3px;
}
.stockup {
	background-color:#d8edd8;
	color:#146914;
	padding:0 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:0 3px;
}
.delay {
	color: #777;
	font-size: 12px;
	padding-top: 25px;
}
.inside_detail .prevnextnews {
	padding-top:12px;
	margin-bottom:20px;
	border-top:1px solid;
}
.inside_detail .prevnextnews .item {
	clear:both;
}
.inside_detail .prevnext_name {
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	padding-right:15px;
	float:left;
}
.inside_detail .prevnext_headline {
	/*float:left;*/
}
.othernews {
	margin-top:40px;
	margin-bottom:10px;
	border-bottom:1px solid;
}
.othernews .othernewstitle {
	line-height:18px;
	font-size:16px;
	font-weight:bold;
	color:#222;
	padding:6px 0;
	display:inline-block;
}
/*.page .othernews {
	margin-top:40px;
	margin-bottom:10px;
	border-bottom:1px solid;
}
.page .othernews .othernewstitle {
	line-height:18px;
	font-size:16px;
	font-weight:bold;
	color:#222;
	padding:6px 0;
	display:inline-block;
}*/
.newsitem {
	/*padding: 15px 0;*/
	padding: 20px 0;/*border-bottom: 1px solid #d7d7d7;*/
}
.news_image {
	float:left;
	margin-right:18px;
	position:relative;
}
.news_image .icon_playvideo {
	position:absolute;
	left:10px;
	top:10px;
	cursor:pointer;
	z-index: 2500;
}
.news_image .icon_playvideo img {
	width:80%;
	height:auto;
}
.news_info {
	float:none;
	margin-bottom:15px;
}
.news_info .category {
	padding:2px 6px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	float:left;
	margin-right:10px;
}
.news_info .channelname {
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	float:left;
	margin-right:10px;
}
.news_info .date {
	font-size:14px;
	line-height:14px;
	padding:2px 0;
	color:#808080;
}
.news_title {
	font-size:19px;
	font-weight:bold;
	line-height:24px;
	padding:8px 0;
}
.btn_recommend {
	margin-right: 10px;
	padding-top:11px;
	float: left;
}
.news_detail {
	padding:0 0 18px 0;
	font-size:15px;
	line-height:22px;
}
.share_facebook {
	width:50px;
}
.share_mail {
	width: 30px;
	height: 20px;
	background: url(../images/icon_mail.png) no-repeat #738a8d 4px 8px;
	margin-top: 10px;
	background-size: 13px 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
	padding: 5px 0 5px 20px;
	font-size:13px;
	text-shadow: 0 -1px 0 #586f72;
	white-space: nowrap;
}
.share_print {
	width: 30px;
	height: 20px;
	background:url(../images/icon_print.png) no-repeat #738a8d 4px center;
	margin-top: 5px;
	background-size: 13px 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
	padding: 0 0 0 20px;
	font-size:13px;
	text-shadow: 0 -1px 0 #586f72;
	white-space: nowrap;
}
.share_print a {
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size:13px;
	text-shadow: 0 -1px 0 #586f72;
	white-space: nowrap;
}
.addthis_sharing_toolbox {
	margin-right: 6px;
	margin-top: 15px;
	float:right;
	text-align:right;
}
.edit_fonts {
	position:absolute;
	right:0;
	top:0;
	font-size:15px;
	line-height:22px;
	text-align:right;
	color:#222;
}
.caption {
	background:url(../images/caption.jpg) no-repeat 3px 15px;
	text-align: left!important;
	font-size: 15px;
	color: #222;
	line-height: 24px;
	padding-top:5px;
	padding-left:13px;
	/*width:129px!important;*/
	margin:0 10px;
}
a.btn_minus {
	background:url(../images/icon_minus.png) no-repeat center center #999;
	width:20px;
	height:20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float:right;
	margin-left:5px;
}
a.btn_plus {
	background:url(../images/icon_plus.png) no-repeat center center #999;
	width:20px;
	height:20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float:right;
	margin-left:5px;
}
a.btn_minus:hover, a.btn_plus:hover {
	background-color:#747474;
}
.pager {
	font-size: 13px;
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}
.pager .pager_tl {
	float: left;
	margin: 0 5px 0 0;
	font-size:15px;
	line-height:24px;
}
.pager li {
	float: left;
	display:inline;
}
.pager li a {
	color: #000;
	text-align: center;
	margin: 0 2px;
	padding: 3px 6px;
	line-height:24px;
}
.pager li a:hover, .pager li a.current {
	background: #f5971d;
	color:#fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-weight: normal;
}
.premium .pager li a:hover, .premium .pager li a.current {
	background: #3f9fe7;
	color:#fff;
}
.liveBox {
	background-color:#000;
	padding:18px 21px 40px 21px;
}
.liveBox .mainheadline {
	color:#FFF;
	font-weight:normal;
}
.liveBox .mainsection {
	color:#FFF;
}
.liveBox .liveVideo {
	width:640px;
	margin:25px auto 30px auto;
	position:relative;
}
.liveBox .livetext {
	font-size:20px;
	color:#FFF;
	float:left;
	padding-right:35px;
}
.liveBox ul {
	padding-left:75px;
}
.liveBox ul li {
	padding:7px 0;
	border-bottom:1px solid #2f2f2f;
	font-size:15px;
	color:#fff;
	line-height:18px;
}
.liveBox ul li.last {
	border-bottom:none;
}
.liveBox ul li .weekday {
	padding-right:20px;
}
.btn_live {
	background-color:#0177ff;
	padding:0 5px;
	font-size:15px;
	color:#fff;
	line-height:22px;
	margin-left:15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/* Channel Color----------------------------------------------- */
.ch .page {
	background:url(../images/ch_bg.gif) repeat-y left top #fff;
}
.c1 .page {
	background:url(../images/c1_bg.gif) repeat-y left top #fff;
}
.c2 .page {
	background:url(../images/c2_bg.gif) repeat-y left top #fff;
}
.c3 .page {
	/*background:url(../images/c3_bg.gif) repeat-y left top #fff;*/
	background:none;
}
.c3_finance .page {
	/*background:url(../images/c3_bg.gif) repeat-y left top #fff;*/
	background:none;
}
.c4 .page {
	background:url(../images/c4_bg.gif) repeat-y left top #fff;
}
.c5 .page {
	background:url(../images/c5_bg.gif) repeat-y left top #fff;
}
.c6 .page {
	background:url(../images/c6_bg.gif) repeat-y left top #fff;
}
.c7 .page {
	background:url(../images/c7_bg.gif) repeat-y left top #fff;
}
.c8 .page {
	background:url(../images/c8_bg.gif) repeat-y left top #fff;
}
.c9 .page {
	background:url(../images/c9_bg.gif) repeat-y left top #fff;
}
#container .ch.inside, #container .c1.inside, #container .c2.inside, #container .c3.inside, #container .c4.inside, #container .c5.inside, #container .c6.inside, #container .c7.inside, #container .c8.inside, #container .c9.inside {
	background:none;
}
body.inside .page {
	background:none;
	background:#fff;
	background: url(../images/right_bg.gif) repeat-y right top;
}
#container .c2 {
	background:url(../images/c2_bg.gif) repeat-y left top #fff;
}
#container .c3 {
	background:url(../images/c3_bg.gif) repeat-y left top #fff;
}
#container .c4 {
	background:url(../images/c4_bg.gif) repeat-y left top #fff;
}
#container .c5 {
	background:url(../images/c5_bg.gif) repeat-y left top #fff;
}
#container .c6 {
	background:url(../images/c6_bg.gif) repeat-y left top #fff;
}
#container .c7 {
	background:url(../images/c7_bg.gif) repeat-y left top #fff;
}
#container .c8 {
	background:url(../images/c8_bg.gif) repeat-y left top #fff;
}
#container .c9 {
	background:url(../images/c9_bg.gif) repeat-y left top #fff;
}
.c2 #hot_keyword a {
	color:#23b81c;
}
.c3 #hot_keyword a {
	color:#146914;
}
.c8 #hot_keyword a {
	color:#0177ff;
}
.c9 #hot_keyword a {
	color:#c8a339;
}
.mediaBox .channelname.general {
	color:#0177ff;
}
.mediaBox .channelname.channel1 {
	color:#9b00bc;
}
.mediaBox .channelname.channel2 {
	color:#23b81c;
}
.mediaBox .channelname.channel3 {
	color:#146914;
}
.mediaBox .channelname.channel4 {
	color:#1aaeca;
}
.mediaBox .channelname.channel5 {
	color:#ffc617;
}
.mediaBox .channelname.channel6 {
	color:#de8507;
}
.mediaBox .channelname.channel7 {
	color:#ee3523;
}
.mediaBox .channelname.channel8 {
	color:#0177ff;
}
.mediaBox .channelname.channel9 {
	color:#c8a339;
}
/* Left */
.ch .accordion, .ch .accordion li {
	background: rgba(64, 160, 232, 1);
	background: -moz-linear-gradient(left, rgba(64, 160, 232, 1) 0%, rgba(17, 114, 188, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(64, 160, 232, 1)), color-stop(100%, rgba(17, 114, 188, 1)));
	background: -webkit-linear-gradient(left, rgba(64, 160, 232, 1) 0%, rgba(17, 114, 188, 1) 100%);
	background: -o-linear-gradient(left, rgba(64, 160, 232, 1) 0%, rgba(17, 114, 188, 1) 100%);
	background: -ms-linear-gradient(left, rgba(64, 160, 232, 1) 0%, rgba(17, 114, 188, 1) 100%);
	background: linear-gradient(to right, rgba(64, 160, 232, 1) 0%, rgba(17, 114, 188, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a0e8', endColorstr='#1172bc', GradientType=1 );
}
.ch .accordion a {
	border-bottom: 1px solid #1375be;
	border-top: 1px solid #40a0e8;
}
.ch .accordion a:hover, .ch .accordion a.current {
	background: #0063ac;
}
.ch.mainpage .accordion li.instant_news, .ch.mainpage .accordion li:hover.instant_news a {
	font-weight:bold;
	background: #fbb908; /* Old browsers */
	background: -moz-linear-gradient(top, #fbb908 0%, #ff9000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb908), color-stop(100%, #ff9000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbb908 0%, #ff9000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbb908 0%, #ff9000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbb908 0%, #ff9000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fbb908 0%, #ff9000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb908', endColorstr='#ff9000', GradientType=0 ); /* IE6-9 */
}
.c1 .accordion, .c1 .accordion li {
	background: rgba(155, 0, 188, 1);
	background: -moz-linear-gradient(left, rgba(155, 0, 188, 1) 0%, rgba(108, 0, 131, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(155, 0, 188, 1)), color-stop(100%, rgba(108, 0, 131, 1)));
	background: -webkit-linear-gradient(left, rgba(155, 0, 188, 1) 0%, rgba(108, 0, 131, 1) 100%);
	background: -o-linear-gradient(left, rgba(155, 0, 188, 1) 0%, rgba(108, 0, 131, 1) 100%);
	background: -ms-linear-gradient(left, rgba(155, 0, 188, 1) 0%, rgba(108, 0, 131, 1) 100%);
	background: linear-gradient(to right, rgba(155, 0, 188, 1) 0%, rgba(108, 0, 131, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b00bc', endColorstr='#6d0084', GradientType=1 );
}
.c1 .accordion a {
	border-bottom: 1px solid #64007a;
	border-top: 1px solid #9e20b9;
}
.c1 .accordion a:hover, .c1 .accordion a.current {
	background: #64007a;
}
.c2 .accordion, .c2 .accordion li {
	background: rgba(35, 184, 28, 1);
	background: -moz-linear-gradient(left, rgba(35, 184, 28, 1) 0%, rgba(7, 162, 0, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(35, 184, 28, 1)), color-stop(100%, rgba(7, 162, 0, 1)));
	background: -webkit-linear-gradient(left, rgba(35, 184, 28, 1) 0%, rgba(7, 162, 0, 1) 100%);
	background: -o-linear-gradient(left, rgba(35, 184, 28, 1) 0%, rgba(7, 162, 0, 1) 100%);
	background: -ms-linear-gradient(left, rgba(35, 184, 28, 1) 0%, rgba(7, 162, 0, 1) 100%);
	background: linear-gradient(to right, rgba(35, 184, 28, 1) 0%, rgba(7, 162, 0, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23b81c', endColorstr='#007cf0', GradientType=1 );
}
.c2 .accordion a {
	border-bottom: 1px solid #068500;
	border-top: 1px solid #45d33e;
}
.c2 .accordion a:hover, .c2 .accordion a.current {
	background: #068500;
}
.c3 .accordion, .c3 .accordion li {
	background: rgba(20, 105, 20, 1);
	background: -moz-linear-gradient(left, rgba(20, 105, 20, 1) 0%, rgba(0, 83, 0, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20, 105, 20, 1)), color-stop(100%, rgba(0, 83, 0, 1)));
	background: -webkit-linear-gradient(left, rgba(20, 105, 20, 1) 0%, rgba(0, 83, 0, 1) 100%);
	background: -o-linear-gradient(left, rgba(20, 105, 20, 1) 0%, rgba(0, 83, 0, 1) 100%);
	background: -ms-linear-gradient(left, rgba(20, 105, 20, 1) 0%, rgba(0, 83, 0, 1) 100%);
	background: linear-gradient(to right, rgba(20, 105, 20, 1) 0%, rgba(0, 83, 0, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146914', endColorstr='#005300', GradientType=1 );
}
.c3 .accordion a {
	border-bottom: 1px solid #004500;
	border-top: 1px solid #1b8b1b;
}
.c3 .accordion a:hover, .c3 .accordion a.current {
	background: #004500;
}
.c4 .accordion, .c4 .accordion li {
	background: rgba(11, 183, 217, 1));
	background: -moz-linear-gradient(left, rgba(11, 183, 217, 1) 0%, rgba(3, 160, 190, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11, 183, 217, 1)), color-stop(100%, rgba(3, 160, 190, 1)));
	background: -webkit-linear-gradient(left, rgba(11, 183, 217, 1) 0%, rgba(3, 160, 190, 1) 100%);
	background: -o-linear-gradient(left, rgba(11, 183, 217, 1) 0%, rgba(3, 160, 190, 1) 100%);
	background: -ms-linear-gradient(left, rgba(11, 183, 217, 1) 0%, rgba(3, 160, 190, 1) 100%);
	background: linear-gradient(to right, rgba(11, 183, 217, 1) 0%, rgba(3, 160, 190, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bb7d9', endColorstr='#03a0be', GradientType=1 );
}
.c4 .accordion a {
	border-bottom: 1px solid #0087a1;
	border-top: 1px solid #27c6e5;
}
.c4 .accordion a:hover, .c4 .accordion a.current {
	background: #0087a1;
}
.c5 .accordion, .c5 .accordion li {
	background: rgba(255, 198, 23, 1);
	background: -moz-linear-gradient(left, rgba(255, 198, 23, 1) 0%, rgba(252, 184, 0, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 198, 23, 1)), color-stop(100%, rgba(252, 184, 0, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 198, 23, 1) 0%, rgba(252, 184, 0, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 198, 23, 1) 0%, rgba(252, 184, 0, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 198, 23, 1) 0%, rgba(252, 184, 0, 1) 100%);
	background: linear-gradient(to right, rgba(255, 198, 23, 1) 0%, rgba(252, 184, 0, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc617', endColorstr='#fcb800', GradientType=1 );
}
.c5 .accordion a {
	border-bottom: 1px solid #d59c00;
	border-top: 1px solid #ffe081;
}
.c5 .accordion a:hover, .c5 .accordion a.current {
	background: #d59c00;
}
.c6 .accordion, .c6 .accordion li {
	background: rgba(222, 133, 7, 1);
	background: -moz-linear-gradient(left, rgba(222, 133, 7, 1) 0%, rgba(192, 113, 0, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222, 133, 7, 1)), color-stop(100%, rgba(192, 113, 0, 1)));
	background: -webkit-linear-gradient(left, rgba(222, 133, 7, 1) 0%, rgba(192, 113, 0, 1) 100%);
	background: -o-linear-gradient(left, rgba(222, 133, 7, 1) 0%, rgba(192, 113, 0, 1) 100%);
	background: -ms-linear-gradient(left, rgba(222, 133, 7, 1) 0%, rgba(192, 113, 0, 1) 100%);
	background: linear-gradient(to right, rgba(222, 133, 7, 1) 0%, rgba(192, 113, 0, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de8507', endColorstr='#c07100', GradientType=1 );
}
.c6 .accordion a {
	border-bottom: 1px solid #a76301;
	border-top: 1px solid #eca43e;
}
.c6 .accordion a:hover, .c6 .accordion a.current {
	background: #a76301;
}
.c7 .accordion, .c7 .accordion li {
	background: rgba(239, 50, 10, 1);
	background: -moz-linear-gradient(left, rgba(239, 50, 10, 1) 0%, rgba(219, 27, 2, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239, 50, 10, 1)), color-stop(100%, rgba(219, 27, 2, 1)));
	background: -webkit-linear-gradient(left, rgba(239, 50, 10, 1) 0%, rgba(219, 27, 2, 1) 100%);
	background: -o-linear-gradient(left, rgba(239, 50, 10, 1) 0%, rgba(219, 27, 2, 1) 100%);
	background: -ms-linear-gradient(left, rgba(239, 50, 10, 1) 0%, rgba(219, 27, 2, 1) 100%);
	background: linear-gradient(to right, rgba(239, 50, 10, 1) 0%, rgba(219, 27, 2, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef320a', endColorstr='#db1b02', GradientType=1 );
}
.c7 .accordion li ul li a, .c7 .accordion li ul li a:hover {
	color:#fff;
}
.c7 .accordion a {
	color:#fff;
	border-bottom: 1px solid #c51700;
	border-top: 1px solid #fb4f2a;
}
.c7 .accordion a:hover, .c7 .accordion a.current {
	background: #c51700;
}
.c7 .accordion a .dcjq-icon {
	position: absolute;
	top: 50%;
	left: 128px;
	width: 13px;
	margin-top: -6px;
	height: 13px;
}
.c9 .accordion, .c9 .accordion li {
	background: rgba(199, 158, 39, 1);
	background: -moz-linear-gradient(left, rgba(199, 158, 39, 1) 0%, rgba(186, 139, 5, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(199, 158, 39, 1)), color-stop(100%, rgba(186, 139, 5, 1)));
	background: -webkit-linear-gradient(left, rgba(199, 158, 39, 1) 0%, rgba(186, 139, 5, 1) 100%);
	background: -o-linear-gradient(left, rgba(199, 158, 39, 1) 0%, rgba(186, 139, 5, 1) 100%);
	background: -ms-linear-gradient(left, rgba(199, 158, 39, 1) 0%, rgba(186, 139, 5, 1) 100%);
	background: linear-gradient(to right, rgba(199, 158, 39, 1) 0%, rgba(186, 139, 5, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c79e27', endColorstr='#ba8b05', GradientType=1 );
}
.c9 .accordion a {
	border-bottom: 1px solid #9c7300;
	border-top: 1px solid #e5bf51;
}
.c9 .accordion a:hover, .c9 .accordion a.current {
	background: #9c7300;
}
.ch .accordion ul a, .c1 .accordion ul a, .c2 .accordion ul a, .c3 .accordion ul a, .c4 .accordion ul a, .c5 .accordion ul a, .c6 .accordion ul a, .c7 .accordion ul a, .c9 .accordion ul a {
	background:#535353;
	border-bottom: 1px solid #6d6d6d;
	border-top: 0px;
}
.ch .accordion ul a:hover, .c1 .accordion ul a:hover, .c2 .accordion ul a:hover, .c3 .accordion ul a:hover, .c4 .accordion ul a:hover, .c5 .accordion ul a:hover, .c6 .accordion ul a:hover, .c7 .accordion ul a:hover, .c9 .accordion ul a:hover {
	background:#444;
}
.ch .section_title {
	border-top: 1px solid #0177ff;
}
.c1 .section_title {
	border-top: 1px solid #9b00bc;
}
.c2 .section_title {
	border-top: 1px solid #23b81c;
}
.c3 .section_title {
	border-top: 1px solid #146914;
}
.c4 .section_title {
	border-top: 1px solid #1aaeca;
}
.c5 .section_title {
	border-top: 1px solid #ffc617;
}
.c6 .section_title {
	border-top: 1px solid #de8507;
}
.c7 .section_title {
	border-top: 1px solid #ee3523;
}
.c8 .section_title {
	border-top: 1px solid #0177ff;
}
.c9 .section_title {
	border-top: 1px solid #c8a339;
}
.ch .viewmore {
	color:#0177ff;
	background-image:url(../images/icon_more.png);
}
.c1 .viewmore {
	color:#9b00bc;
	background-image:url(../images/icon_more_c1.png);
}
.c2 .viewmore {
	color:#23b81c;
	background-image:url(../images/icon_more_c2.png);
}
.c3 .viewmore {
	color:#146914;
	background-image:url(../images/icon_more_c3.png);
}
.c4 .viewmore {
	color:#1aaeca;
	background-image:url(../images/icon_more_c4.png);
}
.c5 .viewmore {
	color:#fcb801;
	background-image:url(../images/icon_more_c5.png);
}
.c6 .viewmore {
	color:#de8507;
	background-image:url(../images/icon_more_c6.png);
}
.c7 .viewmore {
	color:#ee3523;
	background-image:url(../images/icon_more_c7.png);
}
.c8 .viewmore {
	color:#0177ff;
	background-image:url(../images/icon_more.png);
}
.c9 .viewmore {
	color:#c8a339;
	background-image:url(../images/icon_more_c9.png);
}
.section_title.top {
	border-top:none;
}
.ch .archive_program_name {
	background-color:#0177ff;
}
.c1 .archive_program_name {
	background-color:#9b00bc;
}
.c2 .archive_program_name {
	background-color:#23b81c;
}
.c3 .archive_program_name {
	background-color:#146914;
}
.c4 .archive_program_name {
	background-color:#1aaeca;
}
.c5 .archive_program_name {
	background-color:#ffc617;
}
.c6 .archive_program_name {
	background-color:#de8507;
}
.c7 .archive_program_name {
	background-color:#ee3523;
}
.c8 .archive_program_name {
	background-color:#0177ff;
}
.c9 .archive_program_name {
	background-color:#c8a339;
}
.ch .blog_info .category {
	background-color:#f7941d;
}
.c1 .blog_info .category {
	background-color:#9b00bc;
}
.c2 .blog_info .category {
	background-color:#23b81c;
}
.c3 .blog_info .category {
	background-color:#146914;
}
.c4 .blog_info .category {
	background-color:#1aaeca;
}
.c5 .blog_info .category {
	background-color:#ffc617;
}
.c6 .blog_info .category {
	background-color:#de8507;
}
.c7 .blog_info .category {
	background-color:#ee3523;
	color: #fff;
}
.c8 .blog_info .category {
	background-color:#f7941d;
}
.c9 .blog_info .category {
	background-color:#c8a339;
}
.mainmenu ul li a.c1, .ch .inside_detail .prevnextnews {
	border-top-color: #0177ff;
}
.mainmenu ul li a.c1, .c1 .inside_detail .prevnextnews {
	border-top-color: #9b00bc;
}
.mainmenu ul li a.c2, .c2 .inside_detail .prevnextnews {
	border-top-color: #23b81c;
}
.mainmenu ul li a.c3, .c3 .inside_detail .prevnextnews {
	border-top-color: #146914;
}
.mainmenu ul li a.c4, .c4 .inside_detail .prevnextnews {
	border-top-color: #1aaeca;
}
.mainmenu ul li a.c5, .c5 .inside_detail .prevnextnews {
	border-top-color: #ffc617;
}
.mainmenu ul li a.c6, .c6 .inside_detail .prevnextnews {
	border-top-color: #de8507;
}
.mainmenu ul li a.c7, .c7 .inside_detail .prevnextnews {
	border-top-color: #ee3523;
}
.mainmenu ul li a.c8, .c8 .inside_detail .prevnextnews {
	border-top-color: #0177ff;
}
.mainmenu ul li a.c9, .c9 .inside_detail .prevnextnews {
	border-top-color: #c8a339;
}
.mainmenu ul li a.ch, .ch .inside_detail .prevnextnews {
	border-top-color: #0177ff;
}
.mainmenu ul li a.c1, .c1 .inside_detail .prevnextnews {
	border-top-color: #9b00bc;
}
.mainmenu ul li a.c2, .c2 .inside_detail .prevnextnews {
	border-top-color: #23b81c;
}
.mainmenu ul li a.c3, .c3 .inside_detail .prevnextnews {
	border-top-color: #146914;
}
.mainmenu ul li a.c4, .c4 .inside_detail .prevnextnews {
	border-top-color: #1aaeca;
}
.mainmenu ul li a.c5, .c5 .inside_detail .prevnextnews {
	border-top-color: #ffc617;
}
.mainmenu ul li a.c6, .c6 .inside_detail .prevnextnews {
	border-top-color: #de8507;
}
.mainmenu ul li a.c7, .c7 .inside_detail .prevnextnews {
	border-top-color: #ee3523;
}
.mainmenu ul li a.c8, .c8 .inside_detail .prevnextnews {
	border-top-color: #0177ff;
}
.mainmenu ul li a.c9, .c9 .inside_detail .prevnextnews {
	border-top-color: #c8a339;
}
.ch .news_info .category, .ch .inside_cat .cattitle {
	background-color:#0177ff;
}
.c1 .news_info .category, .c1 .inside_cat .cattitle {
	background-color:#9b00bc;
}
.c2 .news_info .category, .c2 .inside_cat .cattitle {
	background-color:#23b81c;
}
.c3 .news_info .category, .c3 .inside_cat .cattitle {
	background-color:#146914;
}
.c4 .news_info .category, .c4 .inside_cat .cattitle {
	background-color:#1aaeca;
}
.c5 .news_info .category, .c5 .inside_cat .cattitle {
	background-color:#ffc617;
}
.c6 .news_info .category, .c6 .inside_cat .cattitle {
	background-color:#de8507;
}
.c7 .news_info .category, .c7 .inside_cat .cattitle {
	background-color:#ee3523;
}
.c8 .news_info .category, .c8 .inside_cat .cattitle {
	background-color:#0177ff;
}
.c9 .news_info .category, .c9 .inside_cat .cattitle {
	background-color:#c8a339;
}
.news_info .general {
	color:#0177ff;
	background:none;
}
.news_info .channel1 {
	color:#9b00bc;
	background:none;
}
.news_info .channel2 {
	color:#23b81c;
	background:none;
}
.news_info .channel3 {
	color:#146914;
	background:none;
}
.news_info .channel4 {
	color:#1aaeca;
	background:none;
}
.news_info .channel5 {
	color:#ffc617;
	background:none;
}
.news_info .channel6 {
	color:#de8507;
}
.news_info .channel7 {
	color:#4b4d22;
}
.news_info .channel8 {
	color:#0177ff;
}
.news_info .channel9 {
	color:#c8a339;
}
.ch .inside_detail .prevnext_name, .ch .inside_pulldown .text {
	color:#0177ff;
}
.ch.member .inside_detail .prevnext_name, .ch.member .inside_pulldown .text {
	color: #f7941d;
}
.ch.member.premium .inside_detail .prevnext_name, .ch.member.premium .inside_pulldown .text {
	color: #3f9fe7;
}
.c1 .inside_detail .prevnext_name, .c1 .inside_pulldown .text {
	color:#9b00bc;
}
.c2 .inside_detail .prevnext_name, .c2 .inside_pulldown .text {
	color:#23b81c;
}
.c3 .inside_detail .prevnext_name, .c3 .inside_pulldown .text {
	color:#146914;
}
.c4 .inside_detail .prevnext_name, .c4 .inside_pulldown .text {
	color:#1aaeca;
}
.c5 .inside_detail .prevnext_name, .c5 .inside_pulldown .text {
	color:#ffc617;
}
.c6 .inside_detail .prevnext_name, .c6 .inside_pulldown .text {
	color:#de8507;
}
.c7 .inside_detail .prevnext_name, .c7 .inside_pulldown .text {
/*color:#ee3523;*/
}
.c8 .inside_detail .prevnext_name, .c8 .inside_pulldown .text {
	color:#0177ff;
}
.c9 .inside_detail .prevnext_name, .c9 .inside_pulldown .text {
	color:#c8a339;
}
.ch .blogger .name a {
	color:#0177ff;
}
.c1 .blogger .name a {
	color:#9b00bc;
}
.c2 .blogger .name a {
	color:#23b81c;
}
.c3 .blogger .name a {
	color:#146914;
}
.c4 .blogger .name a {
	color:#1aaeca;
}
.c5 .blogger .name a {
	color:#ffc617;
}
.c6 .blogger .name a {
	color:#de8507;
}
.c7 .blogger .name a {
/*color:#ee3523;*/
}
.c8 .blogger .name a {
	color:#0177ff;
}
.c9 .blogger .name a {
	color:#c8a339;
}
.ch .listing_tabs ul li.current, .ch .listing_tabs ul li:hover {
	background-color:#0177ff;
	border-left:1px solid #0177ff;
	border-right:1px solid #0177ff;/*border-top:1px solid #0177ff;*/
}
.ch.member .listing_tabs ul li.current, .ch.member .listing_tabs ul li:hover {
	background-color:#f7941d;
	border-left:1px solid #f7941d;
	border-right:1px solid #f7941d;/*border-top:1px solid #0177ff;*/
}
.ch.member.premium .listing_tabs ul li.current, .ch.member.premium .listing_tabs ul li:hover {
	background-color:#3f9fe7;
	border-left:1px solid #3f9fe7;
	border-right:1px solid #3f9fe7;/*border-top:1px solid #0177ff;*/
}
.c1 .listing_tabs ul li.current, .c1 .listing_tabs ul li:hover {
	background-color:#9b00bc;
	border-left:1px solid #9b00bc;
	border-right:1px solid #9b00bc;/*border-top:1px solid #9b00bc;*/
}
.c2 .listing_tabs ul li.current, .c2 .listing_tabs ul li:hover {
	background-color:#23b81c;
	border-left:1px solid #23b81c;
	border-right:1px solid #23b81c;/*border-top:1px solid #23b81c;*/
}
.c3 .listing_tabs ul li.current, .c3 .listing_tabs ul li:hover {
	background-color:#146914;
	border-left:1px solid #146914;
	border-right:1px solid #146914;/*border-top:1px solid #146914;*/
}
.c4 .listing_tabs ul li.current, .c4 .listing_tabs ul li:hover {
	background-color:#1aaeca;
	border-left:1px solid #1aaeca;
	border-right:1px solid #1aaeca;/*border-top:1px solid #1aaeca;*/
}
.c5 .listing_tabs ul li.current, .c5 .listing_tabs ul li:hover {
	background-color:#ffc617;
	border-left:1px solid #ffc617;
	border-right:1px solid #ffc617;/*border-top:1px solid #ffc617;*/
}
.c6 .listing_tabs ul li.current, .c6 .listing_tabs ul li:hover {
	background-color:#de8507;
	border-left:1px solid #de8507;
	border-right:1px solid #de8507;/*border-top:1px solid #de8507;*/
}
.c7 .listing_tabs ul li.current, .c7 .listing_tabs ul li:hover {
	background-color:#ee3523;
	border-left:1px solid #ee3523;
	border-right:1px solid #ee3523;/*border-top:1px solid #ee3523;*/
}
.c8 .listing_tabs ul li.current, .c8 .listing_tabs ul li:hover {
	background-color:#0177ff;
	border-left:1px solid #0177ff;
	border-right:1px solid #0177ff;/*border-top:1px solid #0177ff;*/
}
.c9 .listing_tabs ul li.current, .c9 .listing_tabs ul li:hover {
	background-color:#c8a339;
	border-left:1px solid #c8a339;
	border-right:1px solid #c8a339;/*border-top:1px solid #c8a339;*/
}
.c7 .listing_tabs ul li.current a, .c7 .listing_tabs ul li:hover a {
	color:#4b4d22;
}
.ch .listing_tabs {
	border-bottom-color:#0177ff;
}
.ch.member .listing_tabs {
	border-bottom-color:#f7941d;
}
.ch.member.premium .listing_tabs {
	border-bottom-color:#3f9fe7;
}
.c1 .listing_tabs {
	border-bottom-color:#9b00bc;
}
.c2 .listing_tabs {
	border-bottom-color:#23b81c;
}
.c3 .listing_tabs {
	border-bottom-color:#146914;
}
.c4 .listing_tabs {
	border-bottom-color:#1aaeca;
}
.c5 .listing_tabs {
	border-bottom-color:#ffc617;
}
.c6 .listing_tabs {
	border-bottom-color:#de8507;
}
.c7 .listing_tabs {
	border-bottom-color:#ee3523;
}
.c8 .listing_tabs {
	border-bottom-color:#0177ff;
}
.c9 .listing_tabs {
	border-bottom-color:#c8a339;
}
.ch .othernews, .ch .inside_cat {
	border-bottom-color:#0177ff;
}
.c1 .othernews, .c1 .inside_cat {
	border-bottom-color:#9b00bc;
}
.c2 .othernews, .c2 .inside_cat {
	border-bottom-color:#23b81c;
}
.c3 .othernews, .c3 .inside_cat {
	border-bottom-color:#146914;
}
.c4 .othernews, .c4 .inside_cat {
	border-bottom-color:#1aaeca;
}
.c5 .othernews, .c5 .inside_cat {
	border-bottom-color:#ffc617;
}
.c6 .othernews, .c6 .inside_cat {
	border-bottom-color:#de8507;
}
.c7 .othernews, .c7 .inside_cat {
	border-bottom-color:#ee3523;
}
.c8 .othernews, .c8 .inside_cat {
	border-bottom-color:#0177ff;
}
.c9 .othernews, .c9 .inside_cat {
	border-bottom-color:#c8a339;
}
/* Shadow / Text color For Channel 7----------------------------------------------- */
/*h1 {
    text-shadow: 2px 2px #000;
}*/
/*.c7 .news_info .category, .c7 .inside_cat .cattitle {
	color: #4b4d22;
}*/
.mainarea {
	background:none;
}
/* warrant/CBBC Search Box */
.warrantcbbc_search {
	background-color:#f0f0f0;
	padding:15px 18px;
	margin-bottom:25px;
}
.warrantcbbc_search .text {
	font-size: 17px;
	line-height: 26px;
	padding-right: 20px;
	color: #146914;
	padding-bottom: 10px;
	font-weight:bold;
}
.warrantcbbc_search span {
	float: left;
	padding-right: 10px;
	line-height: 26px;
	margin:2px 0;
}
.warrantcbbc_search input {
/*float: left;*/
}
.warrantcbbc_search .fix {
	width: 90px;
}
.warrantcbbc_search label {
	width: auto;
	padding-right: 8px;
	float: left;
	line-height: 30px;
}
.warrantcbbc_search label.standard {
	width:100px;
}
.warrantcbbc_search span.type {
	margin-right:40px;
}
.warrantcbbc_search input.radioinput {
	margin-top:10px;
	margin-left:0;
	float:left;
}
.warrantcbbc_index {
	float:left;
	color: #949494;
	font-weight: normal;
	width:100px;
	margin-right: 10px;
}
.txtwarrantcbbc {
	float:left;
	margin-right:5px;
}
.search_type {
	float: left;
	color: #949494;
	font-weight: normal;
	width:120px;
	margin-right: 10px;
}
.search_issuer {
	float: left;
	color: #949494;
	font-weight: normal;
	width:120px;
	margin-right: 30px;
}
.search_underlying {
	float: left;
	color: #949494;
	font-weight: normal;
	margin-right: 30px;
}
.search_issuer select, .search_type select {
	width: 95%;
	float: left;
	font-weight: normal;
}
.warrantcbbc_search input[type=text] {
	width: 80px;
	height: 16px;
	line-height: 30px;
}
.calllv, .strike_price, .leverage_ratio, .stock_change, .expiry_date, .outstanding, .iv {
	width:320px;
	margin-right: 30px;
}
.moneyness {
	width:800px;
}
.moneyness .original_item {
	float:left;
}
.moneyness .rest_firstitem {
	margin-left:108px;
	float:left;
}
.moneyness .rest_items {
	margin-left:35px;
	float:left;
}
/* Channel3 */
#content .inside_checkquote {
	margin-bottom:0;
}
.inside_checkquote {
	background:url(../images/search_quote_bg.gif) repeat left top;
	padding:10px 18px;
	margin-bottom:20px;
}
.inside_checkquote .text {
	font-size: 17px;
	line-height: 26px;
	padding-right: 20px;
	color:#146914;
	float: left;
	font-weight:bold;
}
.inside_checkquote input {
	float:left;
	margin-right:7px;
	border:1px solid #698c69;
}
.inside_checkstock {
	background-color:#f0f0f0;
	padding:15px 18px;
	margin-bottom:20px;
}
.inside_checkstock span {
	float: left;
	padding-right: 15px;
	line-height: 30px;
	margin: 2px 0;
}
.inside_checkstock span.type {
	margin-right:40px;
}
.inside_checkstock input.radioinput {
	margin-top:10px;
	margin-left:0;
}
.inside_checkstock label {
	width: auto;
	padding-right: 8px;
	float: left;
	line-height: 30px;
}
.inside_checkstock .fix {
	width:70px;
}
.inside_checkstock .fix.long {
	width:85px;
}
.inside_checkstock .dropdown {
	background: #fff;
	border: 0;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	outline: 0;
	padding: 3px 8px;
transition: background-color .15s;
	width: 180px;
}
.inside_checkstock .text {
	font-size: 17px;
	line-height: 26px;
	padding-right: 20px;
	color:#146914;
	padding-bottom:10px;
}
.inside_checkstock input {
	float:left;
}
.stock_remark {
	font-size:11px;
	line-height:20px;
	color:#fff;
	background-color:#4c4c4c;
	padding:0 10px;
}
.stock_reminder {
	font-size:14px;
	padding-top:10px;
	line-height:16px;
	color:#146914;
}
.quotetextinput {
	background: #fff;
	border: 0;
	color: #333;
	font-size: 14px;
	line-height:20px;
	outline: 0;
	padding: 3px 8px;
transition: background-color .15s;
	width: 180px;
}
a.btn_checkquote {
	padding:3px 20px;
	font-size:15px;
	color:#fff;
	line-height:17px;
	background:url(../images/btn_checkquote.gif) repeat-x;
	border:2px solid #f7941d;
	float:left;
	margin-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.btn_searchquote {
	padding:3px 20px;
	font-size:15px;
	color:#fff;
	line-height:17px;
	background:url(../images/btn_searchquote.gif) repeat-x;
	border:2px solid #f7941d;
	float:left;
	margin-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:3px;
}
.quote_pages {
	float:right;
	color:#146914;
	line-height:26px;
}
.btn_quotepage { /*background:url(../images/btn_arrow.png) no-repeat left center;*/
	padding-left:8px;
	font-size:15px;
	line-height:26px;
	color:#146914;
	padding-right:30px;
	color:#146914;
}
.btn_quotepage:hover {
	color:#146914;
	text-decoration:underline;
}
.weekturnover {
	width:483px;
	margin-right:14px;
}
.tools {
	width:483px;
	margin-right:14px;
}
.stockratio {
	width:340px;
	margin-bottom:20px;
}
.ratio {
	width:340px;
}
.related_news {
	width:340px;
}
.width_full {
	width:454px;
}
.half_left {
	width:411px;
	margin-right:15px;
}
.half_right {
	width:411px;
}
.full {
	width:837px;
}
.text_up {
	color:#168423;
}
.text_down {
	color:#db0011;
}
.stock_box {
	float:left;
	background-color:#fff;
}
.stock_titlebox {
	-webkit-box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
	padding:10px 15px 0 15px;
	background-color:#ececed;
}
.stock_title {
	padding-bottom:10px;
	font-size:19px;
	color:#146914;
	line-height:20px;
	font-weight:bold;
	position:relative;
}
.chart_provider {
	color:#222;
	font-size: 12px;
	vertical-align: text-bottom;
	line-height: 18px;
	float:right;
	font-weight:normal;
}
.chart_disclaimer {
	color:#222;
	font-size: 14px;
	vertical-align: text-bottom;
	line-height: 20px;
	float:right;
	font-weight:normal;
}
.chart_disclaimer a {
	color:#146914;
	font-size: 14px;
	vertical-align: text-bottom;
	line-height: 20px;
	text-decoration:underline;
	display:inline;
}
.stock_contentbox {
	border:1px solid #e4e4e4;
}
.stock_contentbox table a {
	color:#146914;
	font-size:15px;
}
.search_result {
	font-size:15px;
	padding-bottom:8px;
}
.search_result .txt {
	color:#146914;
	font-weight:bold;
	font-size:18px;
}
.stock_contentbox table a:hover {
	text-decoration:underline;
}
.related_news .news_item {
	padding: 9px 10px;
}
.related_news .news_item.even {
	background-color: #f5f5f5;
}
.related_news .news_item .quote_date {
	color: #222;
	line-height: 19px;
	font-size:14px;
}
.related_news .news_item .quote_content {
}
.related_news .news_item .quote_content a {
	color: #146914;
	line-height: 25px;
	font-size:15px;
}
.weekturnover .stock_contentbox {
	width:481px;
	height:280px;
}
.stock_contentbox.noborder {
	border:none;
}
.stock_contentbox table {
	text-align:center;
	color:#222;
	font-size:15px;
	line-height:18px;
}
.stock_contentbox.f13 table {
	font-size:13px;
	line-height:18px;
}
.table_half {
	float:left;
	width:50%;
}
.table_quater_short {
	float:left;
	width:23%;
}
.table_quater {
	float:left;
	width:27%;
}
.table_quater_short table .item_name, .table_quater table .item_name {
	padding:7px 10px!important;
}
.table_quater_short table .item_value, .table_quater table .item_value {
	padding:7px 10px!important;
}
.table_quater_short table .item_name.ta_right, .table_quater table .item_name.ta_right {
	text-align:left;
}
.stock_contentbox table td {
	height:30px;
}
.stock_contentbox.f13 table td {
	height:42px;
}
.stock_contentbox table td.whiteborder {
	border-right:1px solid #fff;
}
.stock_contentbox table td.greyborder {
	border-right:1px solid #e4e4e4;
}
.stock_contentbox table td.greybg {
	background-color:#f5f5f5;
}
.stock_contentbox table tr.headline {
	background-color:#146914;
	font-size:15px;
	line-height:24px;
	color:#fff;
	padding:3px 0;
}
.stock_contentbox table tr.icons_sorting td {
	height:6px;
	padding:0;
	background-color:#146914;
	line-height: 0px;
	padding-bottom: 5px;
}
.stock_contentbox table tr.icons_sorting td img {
	width:10px;
	height:7px;
	cursor:pointer;
}
.stock_contentbox.f13 table tr.headline {
	font-size:13px;
	line-height:16px;
}
.stock_contentbox table tr.highlight, .stock_contentbox table td.highlight {
	background-color:#e1f4e1;
}
.stock_contentbox table tr.headline.double {
	line-height:18px;
	height:48px;
}
.stock_contentbox table tr.even {
	background-color:#f5f5f5;
}
.stock_box .viewmore {
	padding-right:25px;
}
.stock_box ul {
	width: 100%;
	position: relative;
}
.stock_box ul li {
	float: left;
	background:url(../images/tabs_bg.gif) repeat-x;
	margin-right:1px;
}
.stock_box ul li.current {
	background:none;
	background-color:#fff;
	color:#222;
}
.stock_box ul li a {
	font-size: 15px;
	line-height: 28px;
	padding:0 20px;
	color: #fff;
	display:block;
}
.stock_box ul li.current a {
	color:#222;
}
.tabs_box {
	margin-top:20px;
}
.stock_name {
	font-size:26px;
	color:#222;
	line-height:30px;
	margin-bottom:12px;
}
.stock_turnover {
	font-size:17px;
	color:#222;
	font-weight:normal;
	line-height:30px;
	margin-bottom:12px;
	margin-top:10px;
}
.stock_turnover .price {
	font-size:26px;
	color:#146914;
	font-weight:bold;
	line-height:30px;
}
.stock_type {
	font-size:14px;
	vertical-align:text-bottom;
	padding-left:6px;
	line-height:24px;
}
.stock_industry {
	font-size:14px;
	vertical-align:text-bottom;
	padding:3px 8px;
	line-height:24px;
	background-color:#e5e5e5;
	margin-left:20px;
}
.stock_maininfo {
	border:5px solid #e5e5e5;
	width:827px;
}
.stock_number_name {
	float: left;
	padding:5px 30px 5px 10px;
	line-height:40px;
}
.stock_relatedprice {
	float: left;
	font-size: 30px;
	line-height: 40px;
	padding:5px 0;
	color: #222;
}
.stock_relatedvalue {
	float: left;
	font-size: 18px;
	line-height: 40px;
	margin-left:20px;
	padding:5px 0;
}
.stock_relatedvalue.up {
	background: url(../images/icon_up.png) no-repeat left center;
	padding-left:15px;
	color: #70bd14;
}
.stock_relatedvalue.down {
	background:url(../images/icon_down.png) no-repeat left center;
	padding-left:15px;
	color:#db0011;
}
.stock_maininfo table {
	float:left;
	width:462px;
	color:#222;
	font-size:15px;
	line-height:18px;
	background-color:#f7f7f7;
}
.stock_maininfo table .item_name {
	padding:7px 18px 7px 0;
}
.stock_maininfo table .item_value {
	padding:7px 0 7px 18px;
	background-color:#fff;
}
.stock_maininfo table .p_top {
	padding-top:17px;
}
.stock_maininfo table .p_bottom {
	padding-bottom:16px;
}
.stock_feature {
	float:left;
	width:356px;
	border:2px solid #fff;
	position:relative;
}
.stock_keyvalue {
	padding:10px 15px;
	font-size:48px;
	line-height:48px;
	color:#222;
	height:75px;
}
.stock_keyvalue .currency {
	font-size:42px;
	padding-left:5px;
}
.stock_value {
	font-size:18px;
	line-height:24px;
}
.stock_value.up {
	background:url(../images/icon_up.png) no-repeat left center;
	padding-left:20px;
	color:#70bd14;
}
.stock_value.down {
	background:url(../images/icon_down.png) no-repeat left center;
	padding-left:20px;
	color:#db0011;
}
.stock_mainchart {
	background-color:#f7f7f7;
}
.mainchart_box {
	padding:18px;
}
.chart_detail {
	border-bottom:1px solid #fff;
	padding:10px 18px;
	font-size:15px;
	line-height:15px;
	color:#222;
}
.chart_detail span {
	float:left;
	line-height:24px;
}
.chart_detail .type {
	float:left;
	line-height:24px;
	width:80px;
	min-height:15px;
}
.chart_detail .average_item {
	float:left;
	padding:0 6px 0 30px;
}
.chart_detail .average_item select {
	margin-left:10px;
	padding:4px 5px;
}
.chart_detail .average_item input {
	padding-right:6px;
	float:left;
	margin-top:6px!important;
}
.chart_detail .color_palette {
	width:13px;
	height:13px;
	margin:6px 0 0 10px;
}
.chart_detail .color_palette.type1 {
	background-color:#5ab7c9;
}
.chart_detail .color_palette.type2 {
	background-color:#146914;
}
.chart_detail .color_palette.type3 {
	background-color:#f7941d;
}
.chart_detail .color_palette.type4 {
	background-color:#00436a;
}
.stock_detail {
	padding:0 20px;
	background-color:#f7f7f7;
}
.stock_chart {
}
.main_chart {
	height:500px;
	margin-top:0!important;
	position:relative;
}
.stockoption_chart, .stockoption_iv_chart {
	padding:10px 17px;
	position:relative;
}
.calculator_box {
	padding:18px;
}
.calculator_slider {
	margin-left:360px;
}
.stock_calculator {
}
.stock_calculator table {
	text-align:center;
	color:#222;
	font-size:15px;
	line-height:18px;
	background-color:#f7f7f7;
}
.stock_calculator table .item_name {
	padding:7px 15px 7px 0;
}
.stock_calculator table .item_value {
	padding:7px 0 7px 15px;
	background-color:#fff;
}
.stock_calculator table .p_top {
	padding-top:17px;
}
.stock_calculator table .p_bottom {
	padding-bottom:17px;
}
.stock_calculator table.result {
	background-color:#fff;
}
.stock_calculator table.result td {
	height:30px;
}
.stock_calculator table tr.headline {
	background-color:#929292;
	font-size:15px;
	line-height:24px;
	color:#fff;
	padding:3px 0;
}
.stock_calculator table td.colhighlight {
	background-color:#c7e6c7;
}
.stock_calculator table td.feature_highlight {
	background-color:#b6dcb6;
}
.stock_calculator table tr.rowhighlight {
	background-color:#c7e6c7;
}
.calculator_controller {
	padding: 5px 0;
	margin-bottom:5px;
}
.calculator_controller .title {
	width: 21%;
	float: left;
}
.calculator_controller input {
	height: 24px;
	width: 20%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	font-size: 13px;
	line-height: 18px;
	padding: 5px;
}
.calculator_controller_btn_container {
	text-align: left;
	margin: 10px 0;
}
/*Chart Tabs*/
.chart_box ul {
	width: 100%;
	position: relative;
}
.chart_box ul li {
	float: left;
	width:277px;
	text-align:center;
	background:url(../images/chart_box_bg.gif) repeat-x left top;
	margin-right:0;
	border-right: 1px solid #4e734e;
	border-left: 1px solid #4e734e;
	border-top:1px solid #195d19;
}
.chart_box ul li.current {
	background:none;
	background-color:#fff;
	border: 1px solid #e4e4e4;
	border-bottom:none;
	color:#222;
}
.chart_box ul li a {
	font-size: 15px;
	line-height: 28px;
	color: #fff;
	display:inline-block;
	padding:10px 0;
	text-decoration:none;
}
.chart_box ul li.current a {
	color:#222;
}
.index_name {
	font-size: 15px;
	line-height:18px;
	color:#222;
}
.chart_box ul li .index_name {
	color:#fff;
}
.chart_box ul li.current .index_name {
	color:#222;
}
.chart_box ul li .ah_introduction {
	cursor: pointer;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	line-height: 17px;
	vertical-align: middle;
}
.index_price {
	font-size:24px;
	line-height:28px;
	font-weight:bold;
}
.index_value {
	font-size:14px;
	color:#fff;
	line-height:16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top:5px;
	padding:3px 5px 3px 20px;
}
.index_value.up {
	background:url(../images/icon_value_up.png) no-repeat 8px 5px #1a8825;
}
.index_value.down {
	background:url(../images/icon_value_down.png) no-repeat 8px 5px #bb0000;
}
.stock_contentbox.nobordertop {
	border-top:none;
}
.indices_popup {
	position: absolute;
	font-weight: normal;
	text-align: left;
	background-color: #fff;
	width: 265px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	opacity: 0.98;
	padding: 10px 13px;
	font-size: 14px;
	line-height: 20px;
	color: #222;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 7500;
}
#indices_a {
	left: 0;
	top: 35px;
}
#indices_b {
	left: 274px;
	top: 35px;
}
#indices_c {
	left: 553px;
	top: 35px;
}
.vertical_chart {
	margin-top:1px;
	position:relative;
	margin-left:3px;
}
.news-content-chart div, .news-content-chart canvas {
	position: absolute;
	top:0;
	left:0;
	width:445px;
	height:100%;
}
.index_type {
	font-size:17px;
	color:#fff;
	line-height:25px;
}
.index_type span {
	font-size:13px;
	color:#fff;
	line-height:20px;
	padding-left:5px;
}
.index_pricevalue {
	font-size:20px;
	line-height:23px;
	color:#fff;
}
.index_pricevalue .value_up {
	margin-left:10px;
	background:url(../images/icon_up.png) no-repeat left center;
	font-size:15px;
	font-weight:bold;
	color:#70bd14;
	padding-left:18px;
}
.index_pricevalue .value_down {
	margin-left:10px;
	background:url(../images/icon_down.png) no-repeat left center;
	font-size:15px;
	font-weight:bold;
	color:#ff1111;
	padding-left:18px;
}
.news-headlines li.selected .index_type, .news-headlines li.selected .index_pricevalue, .news-headlines li.selected .index_type span {
	color:#146914;
}
.news-headlines li:hover .index_type, .news-headlines li:hover .index_pricevalue, .news-headlines li:hover .index_type span {
	color:#146914;
}
/*ROS
----------------------------------------------- */
.ros {
	margin:3px 0 3px 3px;
	background:url(../images/ros_border.gif) repeat left top;
	padding:12px;
	width: 704px;
}
.ros_image {
	float:left;
	width:420px;
	height:315px;
	margin-right:12px;
}
.ros_image img {
	width:100%;
	height:auto;
}
.ros_marquee_bar {
	/*width:683px;*/
	width: 694px;
	background:#0d0d0d;
	font-size:15px;
	line-height:22px;
	padding:10px 0 10px 10px;
	color:#fff;
	height:22px;
	display:none;
}
.ros_marquee_bar.c_main {
	background:url(../images/btn_channel.png) no-repeat 10px 10px #0d0d0d;
	background-size: 40px 22px;
}
.ros_marquee_bar.c_channel1 {
	background:url(../images/btn_channel1.png) no-repeat 10px 10px #0d0d0d;
	background-size: 56px 22px;
}
.ros_marquee_bar.c_channel2 {
	background:url(../images/btn_channel2.png) no-repeat 10px 10px #0d0d0d;
	background-size: auto 22px;
}
.ros_marquee_bar.c_channel3 {
	background:url(../images/btn_channel3.png) no-repeat 10px 10px #0d0d0d;
	background-size: 56px 22px;
}
.ros_marquee_bar.c_channel4 {
	background:url(../images/btn_channel4.png) no-repeat 10px 10px #0d0d0d;
	background-size: auto 22px;
}
.ros_marquee_bar.c_channel5 {
	background:url(../images/btn_channel5.png) no-repeat 10px 10px #0d0d0d;
	background-size: 99px 22px;
	width:650px;
	padding-left:54px;
}
.ros_marquee_bar.c_channel6 {
	background:url(../images/btn_channel6.png) no-repeat 10px 10px #0d0d0d;
	background-size: 56px 22px;
}
.ros_marquee_bar.c_channel7 {
	background:url(../images/btn_channel7.png) no-repeat 10px 10px #0d0d0d;
	background-size: 56px 22px;
}
.ros_marquee_bar.c_channel8 {
	background:url(../images/btn_channel8.png) no-repeat 10px 10px #0d0d0d;
	background-size: 56px 22px;
}
.ros_marquee_bar.c_channel9 {
	background:url(../images/btn_channel9.png) no-repeat 10px 10px #0d0d0d;
	background-size: 70px 22px;
	width:694px;
	padding-left:24px;
}
.ros_marquee_bar span {
	padding-right:30px;
	line-height:22px;
	vertical-align:top;
}
.chart_loading {
	width:32px!important;
	height:32px!important;
}
.news-content-chart .chart_loading {
	top: 45%!important;
	left: 50%!important;
	margin-top:0;
	margin-left:210px;
}
.main_chart .chart_loading {
	top: 40%!important;
	left: 47%!important;
}
.stock_detail .main_chart .chart_loading {
	top: 44%!important;
	left: 47%!important;
}
.stockoption_chart .chart_loading {
	top: 40%!important;
	left: 47%!important;
}
#price_loading {
	position: absolute;
	left: 43%;
	top: 30%;
}
/* MM Page Structure
----------------------------------------------- */
.hotvideo_container {
	position:relative;
	width:734px;
	background:url(../images/hotvideo_bg.gif) repeat;
	padding-bottom:10px;
}
.hotvideo_headline {
	padding:15px 13px 15px 12px;
	color:#fff;
	font-size:30px;
	line-height:36px;
	width:36px;
	height:286px;
	background:url(../images/hotvideo_headline.png) no-repeat;
	position:absolute;
	left:0;
	top:0;
}
.main_hotvideo_area {
	padding: 10px 10px 5px 65px;
}
.main_hotvideo {
	width:642px;
	height:384px;
	background-color:#1b1715;
	border:1px solid #515151;
	padding:5px;
	position:relative;
}
.main_hotvideo img {
	width:100%;
	height:auto;
}
.all_hotvideo_area {
	padding: 12px 0 10px 59px;
}
.all_hotvideo_area img {
	width:198px;
	height:118px;
	background-color:#1b1715;
	border:1px solid #515151;
	padding:5px;
	margin:6px;
	float:left;
}
.feature_area {
	padding: 10px 10px 10px 12px;
}
.feature_area_title {
	padding:10px 0;
	background:url(../images/Gallery_Title.png) no-repeat 3px 10px;
	background-size:199px 50px;
	width:202px;
	height:50px;
}
.feature_area_item {
	border-bottom:1px solid #535353;
	padding:10px 0;
}
.feature_area_item img {
	padding: 0 3px;
	width: 347px;
	height: 200px;
}
.popup_points {
	background-color:#fff;
	left:0;
	top:0;
	position:absolute;
	padding:12px 15px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	z-index:2000;
}
.popup_points .mainpointbox {
	font-size:18px;
	line-height:24px;
	color:#222;
	padding-right:20px;
}
.popup_points .mainpointbox span {
	display:block;
	font-size:24px;
	line-height:26px;
	color:#f7941d;
}
.premium .popup_points .mainpointbox span {
	color:#3f9fe7;
}
.popup_points .infopointbox {
	padding:10px 5px;
	background-color:#efefef;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.infopointbox .pointinfo {
	padding:0 10px;
	border-right:1px solid #d5d5d5;
	font-size:13px;
	line-height:18px;
}
.infopointbox .pointinfo.last {
	border-right:none;
}
.infopointbox .pointinfo span {
	display:block;
	color:#f7941d;
	font-size:16px;
	margin-left:0;
	float:none;
	line-height: 20px;
}
.premium .infopointbox .pointinfo span {
	color:#3f9fe7;
}
.profile_form_remind {
	font-size:13px;
	color:#222;
	float:right;
	padding-right:15px;
	line-height:34px;
}
.profile_pic_box {
	width:218px;
	height:250px;
	position:absolute;
	right:20px;
	top:30px;
	background-color:#0278c2;
}
.profile_pic_box img {
	width:218px;
	height:218px;
}
a.btn_change_profile_pic {
	height:28px;
	color:#fff;
	font-size:15px;
	line-height:25px;
	background-color:#0278c2;
	text-align:center;
	width:218px;
}
.member_action {
	float:right;
}
.new_slider {
	width: 1011px;
	margin: auto;
}

/* CSS Document */
.weather_video { background:#000; padding:38px 6px 6px 6px; position:relative;}
.inside .weather_video { padding:38px 6px 6px 13px;}
.mm_title { background:url(../images/mm_logo.png) no-repeat; color:#f7941d; font-size:16px; line-height:26px; font-weight:bold; padding-left:47px; position:absolute; left:10px; top:8px; height:39px; z-index:2600;}
.mm_video { width:300px; height:300px; position:relative; z-index:2000;}
.mm_caption { background:url(../images/icon_mm_caption.png) no-repeat 6px 7px #fff; padding:5px 8px 5px 34px; color:#282828; font-size:15px; line-height:22px; height:22px; width:258px;}
.mm_icon_play { position:absolute; right:15px; top:45px; z-index:2500;}
.inside_detail .weathervideo { padding:70px;}
.mainvideo .item_video_weather { width:620px!important; height:620px!important;}

/*	Wide Tablet Layout: 1024px */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.weather_video { padding:38px 4px 5px 5px; position:relative;}
.inside_detail .mainvideo { padding:0; background-size: 639px 650px!important; background-repeat:no-repeat!important;}
.mm_title { left:9px;}
.mainvideo .item_video_weather {
    width: 522px!important;
    height: 522px!important;
}
.inside .weather_video {
    padding: 38px 6px 6px 5px;
}
}

/*	Mobile Layout: 320px */
@media only screen and (max-width: 767px) {
.weather_video { padding:38px 3% 6px 3%;}
.inside_detail .mainvideo { padding:0;
    background-size: 100% 100%!important; margin:0 auto; background-repeat:no-repeat!important;}
.mainvideo .item_video_weather {
    width: 100%!important; height:100%!important;
}
.mm_title { left:4%;}
.mm_video { margin:0 auto;}
.mm_caption { width:87%; padding:5px 2% 5px 11%;}
.mm_icon_play { right:11%;}
.item_video { width: 100%;
    height: 100%;}
}
/* Facebook like banner
----------------------------------------------- */
.facebook_banner {
	padding-bottom:20px;
	background:url(../images/facebook_banner.jpg) no-repeat;
	width:760px;
	height:90px;
}
.facebook_like {
	padding-left:655px;
	padding-top:35px;
}

/*	Wide Tablet Layout: 1024px */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 body.inside .page {
 background: url(../images/c1_bg.gif) repeat-y -198px top #fff;
}
.ch .page, .ch.mainpage .page, .c1 .page, .c2 .page, .c3 .page, .c3_finance .page, .c4 .page, .c5 .page, .c6 .page, .c7 .page, .c8 .page, .c9 .page {
 background-position:-198px top;
}
/* BANNER
----------------------------------------------- */
.topbanner {
width:970px;
margin: 0 auto 10px auto;
}
 .mobile_version {
display:none;
}
.desktop_version {
display:block;
}
table .desktop_version {
display:none;
}
.tablet_version {
display:none;
}
.onlydesktop_version {
display:none;
}
 .fbcomment iframe {
width:639px;
}

/* INSIDE PAGE STRUCTURE
----------------------------------------------- */
.ch.mainpage #leftcontainer {
 width:675px;
}
.ch.mainpage #right {
 width: 309px;
}
.mainpage #right {
 width: 309px;
}
.mainpage #right .ad_box {
 padding: 8px 0 8px 8px;
}
.mainpage #right .right_box {
 padding:22px 11px 22px 11px;
}
.ch.mainpage .breaking_news {
 width:655px;
}
.ch.mainpage #sliderFrame {
 width: 675px;
height: 430px;
margin-left:0;
}
.ch.mainpage .page, .c1.mainpage .page, .c2.mainpage .page, .c3.mainpage .page, .c4.mainpage .page, .c5.mainpage .page, .c6.mainpage .page, .c7.mainpage .page, .c8.mainpage .page, .c9.mainpage .page {
 background-position:-212px top;
}
.ch.mainpage #sliderFrame img {
 width:100%;
 height:auto;
/*width: 675px;
  height: 430px;*/
}
.ch.mainpage .newest_box {
 width: 550px;
}
.ch.mainpage .ros {
 width: 651px;
}
.ch.mainpage .ros_weather {
 width: 213px;
}
.ch.mainpage .weather_icon.main {
 width: 197px;
}
.ch.mainpage .ros_marquee_bar {
 width: 641px;
}
.ch.mainpage .ad_box {
 padding: 8px 0px 8px 8px;
}
.ch.mainpage .right_box {
 width: 287px;
 padding: 22px 11px 22px 11px;
}
.ch.mainpage #main {
 width: 657px;
}
.ch.mainpage .blogitem {
 padding: 18px 6px 0 6px;
}
.inner_banner {
display:none;
}

/* PAGE STRUCTURE
----------------------------------------------- */
#ros_iframe {
width:239px!important; /*height: 308px!important;*/
}
#wrapper {
 position:relative;
}
/* Header */
#masthead {
 min-width:1024px;
 position:inherit;
 background-position: center bottom;
 height: 88px;
}
#header {
 background-size:100% 40px;
 height:40px;
}
.page {
 width:984px;
}
.icon_menu {
cursor:pointer;
display:block;
margin:50px 0 0 6px;
float:left;
width:22px;
height:18px;
z-index:9950;
}
.logo {
 margin: 35px 0 0 12px;
 background:url(../images/tablet_logo.png) no-repeat left top;
 width:162px;
height:40px;
}
.mainmenu {
 right:0;
 top:49px;
 background-size: 1px 35px;
 height:35px;
}
.mainmenu ul li {
 background-size: 1px 35px;
}
.mainmenu ul li a {
 line-height:34px;
 padding:0 14px;
}
.topmenu {
 padding:8px 0;
}
.h_media {
/*width:112px;*/
}
.h_media a {
height: 20px;
padding: 2px;
}
.h_media img {
 width:auto;
 height:20px;
}
.welcome_msg {
 margin-right:7px;
}
.welcome_msg a {
 font-size:13px;
 line-height:24px;
}
.icon_member {
 margin-right:7px;
 width: 89px;
 height: 24px;
}
.icon_member img {
 width: 89px;
 height: 24px;
}
.icon_member a {
}
.icon_live {
 width: 104px;
 height: 24px;
 margin-right:7px;
}
.icon_live a {
 font-size:14px;
 line-height:24px;
 padding-left:33px;
 background: url(../images/icon_live.png) no-repeat 7px center;
 background-size:20%;
}
.icon_share {
 width:70px;
 height:24px;
}
.icon_share a {
 font-size:14px;
 line-height:24px;
 padding-left:32px;
 background-size: 17px 14px;
 background-position:10px 4px;
}
.share_region {
  background: url(../images/image_sharebox.png) no-repeat 108px top;
  right: 6px;
}
.search_box {
 margin-right:7px;
}
.sbtextinput {
 font-size: 13px;
 line-height:24px;
 height: 24px;
 padding: 0 24px 0 6px;
 width: 80px;
}
.sbbutton {
 height: 24px;
 width: 24px;
}
.header_date {
 margin-right:15px;
 font-size:13px;
 line-height:24px;
}
/* Container */
#hot_keyword {
width:954px;
}
#hot_keyword a {
padding:0 2px;
}
.marquee_bar {
width:954px;
}
.marquee_bar .disclaimer {
color:#222;
display:inline;
}
.marquee_bar .disclaimer a {
color:#146914;
text-decoration:underline;
}
#container {
 padding-top:15px;
 min-width: 1024px;
 /*margin-bottom:151px;*/
 padding-bottom:151px;
}
#container.loggedin {
 padding-top:15px;
}
/*#container .ch, #container .c1, #container .c2, #container .c3, #container .c4, #container .c5, #container .c6, #container .c7, #container .c8, #container .c9 {
 background-position:-198px top;
}*/
#leftcontainer {
 width:675px;
}
.breaking_news {
 width:675px;
}
 .breaking_news span {
padding:0 15px 0 35px;
}
#left {
 display:none;
}

/* Content */
#content {
 width:675px;
}
.newest_box {
 width:550px;
 padding:4px 10px 2px 115px;
 background:url(../images/icon_newest.jpg) no-repeat left 3px;
}
.newest_box a {
 font-size:20px;
}
#main {
 padding:5px 9px;
}
.section_title .text {
 padding-left:15px;
}
.viewmore {
 padding-right:24px;
 background-position: right center;
 margin-right: 13px;
}
.archiveBoxes {
 padding:5px 9px;
}
.archiveItem {
 margin:18px 6px 0 6px;
 width:207px;
 height:207px;
}
.archiveItem img {
 width:207px;
 height:207px;
}
a.archiveMask {
 width:207px;
 height:207px;
}
.archiveItem_content {
 padding:7px 10px;
}
.flag_phil img {
width:25px;
height:15px;
}
a.btn_loadmore {
 margin:25px auto 0 auto;
}
.blogitem {
 width:207px;
}
.blog_info .category {
 margin-right:8px;
}
.blog_info .date {
 float:left;
 font-size:13px;
}
.blog_title {
 font-size:18px;
 line-height:22px;
}
.blog_image img {
 width:207px;
 height:124px;
}
.blog_detail {
 font-size:13px;
 line-height:20px;
}
/* Right */
#right {
 width:309px;
 float:left;
}
.ad_box {
 padding:8px 0 8px 8px;
}
.right_box {
 width:287px;
 padding:22px 11px 22px 11px;
}
.banner img {
 width:287px;
 height:auto;
}
.toplist_box .text {
 width:207px;
}
#footer {
 min-width: 1024px;
 width:	100%;
 margin: 10px auto 0 auto;
 height:141px;
 position:absolute;
 bottom:0;
}
.links_box {
 height:85px;
}
.links_area {
padding-left: 70px;
}
.links_area ul li {
width: 90px;
}
.copyright {
 font-size: 13px;
 line-height: 20px;
}

/* INSIDE
----------------------------------------------- */
/*Facebook*/
.fb-share-button.vertical {
display:none;
}
.sharebreak.vertical {
height:10px;
display:none;
}
.fb-like.vertical {
display:none;
}
 .fb-share-button.horizontal {
display:block;
margin-right:10px;
float:left
}
.sharebreak.horizontal {
display:block;
}
.fb-like.horizontal {
display:block;
margin-right:10px;
float:left;
}

/* Content */
#maincontent {
 width:639px;
}
.breadcrumb {
margin-bottom:20px;
}
.inside_pulldown {
padding: 8px 15px 3px 15px;
margin-bottom: 20px;
}
.inside_pulldown .item {
clear: both;
margin-bottom: 5px;
float:none;
}
.inside_pulldown .text {
 font-size:15px;
 line-height:28px;
 padding-right:10px;
 float:left;
}
.inside_pulldown .list.news {
width: 410px;
}
.inside_pulldown .list.date {
margin-right: 0;
width:122px;
}
select#listing_news {
width:410px;
}
.inside_detail .sharemedia {
width:639px;
float:none;
margin-bottom:20px;
}
.inside_detail .sharedetail {
float:none;
padding-left:0;
border-left:none;
width:639px;
}
.inside_detail .mainphoto img, .inside_detail .mainvideo video {
width:639px;
height:auto;
}
 .inside_detail .photoitem video {
 width:639px;
 height:auto;
}
.newsitem {
padding: 10px 0;
}
.news_image {
margin-right:15px;
}
.news_info {
/*width:404px;*/
}
.news_info .category {
 padding:2px 6px;
 color:#FFF;
 font-size:12px;
 font-weight:bold;
 line-height:14px;
 float:left;
 margin-right:10px;
}
.news_info .date {
 font-size:14px;
 line-height:14px;
 padding:2px 0;
 color:#808080;
}
.news_title {
 font-size:19px;
 font-weight:bold;
 line-height:24px;
 padding:8px 0;
}
.news_detail {
 padding:0 0 18px 0;
 font-size:15px;
 line-height:22px;
}
.share_facebook {
width:50px;
text-align:center;
padding:0;
background-position:2px center;
margin-top:0;
margin-right:10px;
float:left;
}
.share_mail {
 width:35px;
height:20px;
background-position:7px 3px;
margin-right:10px;
float:left;
margin-top: 0;
padding: 0 0 0 25px;
}
.share_print {
 float:left;
 width:30px;
height:20px;
background-position:6px 4px;
margin-top: 0;
padding: 0 0 0 24px;
margin-right:5px;
}
.addthis_sharing_toolbox {
 margin-right: 0;
 margin-top: 0;
 margin-left:5px;
 float: left;
}
.edit_fonts {
position:absolute;
top:0;
right:0;
font-size:15px;
 line-height:22px;
}
a.btn_minus {
background:url(../images/icon_minus.png) no-repeat center center #999;
width:20px;
height:20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:right;
margin-left:5px;
}
a.btn_plus {
background:url(../images/icon_plus.png) no-repeat center center #999;
width:20px;
height:20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:right;
margin-left:5px;
}
a.btn_minus:hover, a.btn_plus:hover {
background-color:#747474;
}
.listing_tabs ul li {
padding:6px 13px;
}
.inside_pulldown .item.listing {
float:left;
clear:inherit;
margin-right:30px;
}
.listingBox {
width:639px;
}
.listingBox .listfeature {
width:639px;
height:407px;
float:none;
}
.listingBox .listfeature img {
width:100%;
height:auto;
}
.listingBox .listothers {
width:639px;
float:none;
}

/* LISTING
----------------------------------------------- */
.mediaBox {
width:639px;
height:370px;
}
.mediaBox img {
width:100%;
height:auto;
}
.mediaBox div.mc-caption-bg {
 width: 579px;
 padding: 80px 30px 20px 30px;
 background-position: center bottom;
}
 .listothers .listitem {
float:left;
width:297px;
padding:11px;
font-size: 14px;
}
.listothers .listitem.current {
margin-right:0;
}
.listothers .listitem .listimage {
margin-right:11px;
}
.listothers .listitem .listinfo {
width:202px;
}
.listingOthers .news_info {
}
.lf_caption_bg {
padding: 80px 0 25px 0;
}
.lf_caption {
 font-size: 36px;
line-height: 42px;
}
.liveBox {
padding: 18px 0 40px 0;
}
.liveBox .mainheadline {
 padding-left:21px;
}
.liveBox .mainsection {
padding-left:21px;
}
.liveBox .liveVideo {
width:639px;
height:auto;
}
.liveBox .liveVideo img {
width:100%;
height:auto;
}
.liveBox .livetext {
padding-left:21px;
}
.liveBox ul {
padding:0 21px 0 96px;
}
.liveBox ul li {
padding:7px 0;
border-bottom:1px solid #2f2f2f;
font-size:15px;
color:#fff;
line-height:18px;
}
.liveBox ul li .weekday {
padding-right:20px;
}
.btn_live {
background-color:#0177ff;
padding:0 5px;
font-size:15px;
color:#fff;
line-height:22px;
margin-left:15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

/* Channel3 */
.inside_checkstock span {
 margin-bottom: 5px;
}
.weekturnover {
 width:100%;
 margin-right:0;
}
.tools {
 width:100%;
 margin-right:0;
 margin-bottom:20px;
}
.stockratio {
 width:310px;
 margin-bottom:0;
 margin-right:14px;
 margin-top: 20px;
}
.ratio {
 width:315px;
 float:right;
 margin-top: 20px;
}
.related_news {
 width:100%;
 margin-top:20px;
}
.width_full {
 width:445px;
}
.half_left {
 width:100%;
 margin-right:0;
}
.half_right {
 width:100%;
 margin-top: 30px;
}
.full {
 width:100%;
}
.text_up {
 color:#168423;
}
.text_down {
 color:#db0011;
}
.stock_box {
 float:left;
 background-color:#fff;
 margin-bottom:0;
}
.stock_titlebox {
 -webkit-box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
 padding:10px 15px 0 15px;
 background-color:#ececed;
}
.stock_title {
 padding-bottom:10px;
 font-size:19px;
 color:#146914;
 line-height:20px;
 font-weight:bold;
}
.stock_contentbox {
 border:1px solid #e4e4e4;
}
.stock_contentbox table a {
 color:#146914;
 font-size:13px;
}
.stock_contentbox table a:hover {
 text-decoration:underline;
}
.related_news .news_item {
 padding: 9px 10px;
}
.related_news .news_item.even {
 background-color: #f5f5f5;
}
.related_news .news_item .quote_date {
 color: #222;
 line-height: 19px;
 font-size:14px;
}
.related_news .news_item .quote_content {
}
.related_news .news_item .quote_content a {
 color: #146914;
 line-height: 25px;
 font-size:15px;
}
.weekturnover .stock_contentbox {
 width:637px;
 height:280px;
 text-align: center;
}
.weekturnover .stock_contentbox img {
 width:481px;
 height:280px;
}
.stock_contentbox.noborder {
 border:none;
}
.stock_contentbox table {
 text-align:center;
 color:#222;
 font-size:15px;
 line-height:18px;
}
.table_quater_short {
float:left;
width:50%;
}
.table_quater {
float:left;
width:50%;
}
.stock_contentbox table td {
 height:30px;
}
.stock_contentbox table td.whiteborder {
 border-right:1px solid #fff;
}
.stock_contentbox table td.greyborder {
 border-right:1px solid #e4e4e4;
}
.stock_contentbox table td.greybg {
 background-color:#f5f5f5;
}
.stock_contentbox table tr.headline {
 background-color:#146914;
 font-size:15px;
 line-height:24px;
 color:#fff;
 padding:3px 0;
}
 .stock_contentbox table a {
 font-size: 15px;
}
.stock_contentbox.f13 table tr.headline {
 font-size: 15px;
 line-height: 18px;
}
.stock_contentbox.f13 table {
 font-size: 15px;
 line-height: 20px;
}
.stock_contentbox table tr.highlight, .stock_contentbox table td.highlight {
 background-color:#e1f4e1;
}
.stock_contentbox table tr.headline.double {
 line-height:18px;
 height:48px;
}
.stock_contentbox table tr.even {
 background-color:#f5f5f5;
}
.stock_box .viewmore {
 padding-right:25px;
}
.stock_box ul {
 width: 100%;
 position: relative;
}
.stock_box ul li {
 float: left;
 background:url(../images/tabs_bg.gif) repeat-x;
 margin-right:1px;
}
.stock_box ul li.current {
 background:none;
 background-color:#fff;
 color:#222;
}
.stock_box ul li a {
 font-size: 15px;
 line-height: 28px;
 padding:0 20px;
 color: #fff;
 display:block;
}
.stock_box ul li.current a {
 color:#222;
}
.tabs_box {
 margin-top:20px;
}
.stock_name {
 font-size:26px;
 color:#222;
 line-height:30px;
 margin-bottom:12px;
}
.stock_type {
 font-size:14px;
 vertical-align:text-bottom;
 padding-left:6px;
 line-height:24px;
}
.stock_industry {
 font-size:14px;
 vertical-align:text-bottom;
 padding:3px 8px;
 line-height:24px;
 background-color:#e5e5e5;
 margin-left:20px;
}
.stock_maininfo {
 border:5px solid #e5e5e5;
 width:629px;
}
.stock_maininfo table {
 float:left;
 width:345px;
 color:#222;
 font-size:15px;
 line-height:18px;
 background-color:#f7f7f7;
}
.stock_maininfo table .item_name {
 padding:7px 12px 7px 0;
}
.stock_maininfo table .item_value {
 padding:7px 0 7px 12px;
 background-color:#fff;
}
.stock_maininfo table .p_top {
 padding-top:17px;
}
.stock_maininfo table .p_bottom {
 padding-bottom:16px;
}
.stock_feature {
 float:left;
 width:280px;
 border:2px solid #fff;
}
.stock_keyvalue {
 padding:10px 15px;
 font-size:45px;
 line-height:48px;
 color:#222;
}
.stock_keyvalue .currency {
 font-size:42px;
 padding-left:5px;
}
.stock_value {
 font-size:18px;
 line-height:24px;
}
.stock_value.up {
 background:url(../images/icon_up.png) no-repeat left center;
 padding-left:20px;
 color:#70bd14;
}
.stock_value.down {
 background:url(../images/icon_down.png) no-repeat left center;
 padding-left:20px;
 color:#db0011;
}
.stock_mainchart {
 background-color:#f7f7f7;
}
.mainchart_box {
 padding:18px;
}
.chart_detail {
 border-bottom:1px solid #fff;
 padding:10px 18px;
 font-size:15px;
 line-height:15px;
 color:#222;
}
.chart_detail span {
 float:left;
 line-height:24px;
}
.chart_detail .type {
 float:left;
 line-height:24px;
 width:80px;
 min-height:15px;
}
.chart_detail .average_item {
 float:left;
 padding:0 6px 0 26px;
}
.chart_detail .average_item select {
 margin-left:10px;
 padding:4px 5px;
}
.chart_detail .average_item input {
 padding-right:6px;
 float:left;
 margin-top:6px!important;
}
.chart_detail .color_palette {
 width:13px;
 height:13px;
 margin:6px 0 0 10px;
}
.chart_detail .color_palette.type1 {
 background-color:#5ab7c9;
}
.chart_detail .color_palette.type2 {
 background-color:#146914;
}
.chart_detail .color_palette.type3 {
 background-color:#f7941d;
}
.chart_detail .color_palette.type4 {
 background-color:#00436a;
}
.stock_detail {
 padding:20px;
 background-color:#f7f7f7;
}
.stock_chart img {
width:100%;
height:auto;
}
.stockoption_chart {
 padding:10px 17px;
}
.stockoption_chart img {
 width:100%;
 height:auto;
}
.calculator_box {
 padding:18px;
}
.calculator_slider {
 margin-left:300px;
}
.stock_calculator {
}
.stock_calculator table {
 text-align:center;
 color:#222;
 font-size:15px;
 line-height:18px;
 background-color:#f7f7f7;
}
.stock_calculator table .item_name {
 padding: 7px 15px 7px 0;
}
.stock_calculator table .item_value {
 padding: 7px 0 7px 15px;
 background-color:#fff;
}
.stock_calculator table .p_top {
 padding-top:17px;
}
.stock_calculator table .p_bottom {
 padding-bottom:17px;
}
.stock_calculator table.result {
 background-color:#fff;
}
.stock_calculator table.result td {
 height:30px;
}
.stock_calculator table tr.headline {
 background-color:#929292;
 font-size:15px;
 line-height:24px;
 color:#fff;
 padding:3px 0;
}
.stock_calculator table td.odd {
 background-color:#146914;
 color:#fff;
}
.stock_calculator table td.even {
 background-color:#136513;
 color:#fff;
}
.calculator_controller .title {
 width: 27%;
 float: left;
}
.calculator_controller input {
 height: 24px;
 width: 20%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 float: left;
 font-size: 13px;
 line-height: 18px;
padding: 5px;
}
.calculator_controller_btn_container {
 text-align: left;
 margin: 10px 0;
}

/*Chart Tabs*/
.chart_box .stock_contentbox img {
width:100%;
height:auto;
}
.chart_box ul li {
 float: left;
 width:211px;
 text-align:center;
 background:url(../images/chart_box_bg.gif) repeat-x left top;
 margin-right:0;
 border-right: 1px solid #4e734e;
 border-left: 1px solid #4e734e;
 border-top:1px solid #195d19;
}
.chart_box ul li a {
 font-size: 15px;
 line-height: 28px;
 color: #fff;
 display:inline-block;
 padding:10px 0;
}
.chart_box ul li .ah_introduction {
 cursor: pointer;
 margin-left: 5px;
 width: 14px;
 height: 14px;
 line-height: 17px;
 vertical-align: middle;
}
#indices_a {
 left: 0;
 top: 35px;
}
#indices_b {
 left: 172px;
 top: 35px;
}
#indices_c {
 left: 350px;
 top: 35px;
}
.index_pricevalue span {
display:block;
}
.index_pricevalue .value_down, .index_pricevalue .value_up {
margin-left:0;
}
.news-content .stock_box.stockratio {
 width: 100%;
 margin-right: 0;
 margin-top: 0;
 margin-bottom: 20px;
}
.news-content .stock_box.stockratio .stock_contentbox {
border:none;
}
.vertical_chart {
 margin-top: 1px;
 position: relative;
 margin-left: 0;
}
/*ROS
----------------------------------------------- */
.ros {
margin:0;
width:651px;
}
.ros_image {
 width:400px;
 height:300px;
}
.ros_marquee_bar {
 width:641px;
}
.ros_marquee_bar.c_channel5 {
 width: 597px;
}
.moneyness {
width:100%;
}
.moneyness .rest_items {
margin:4px 0 4px 108px;
}
 .news-content-chart .chart_loading {
 top: 50%!important;
 left: 50%!important;
 margin-left: 210px;
}
.main_chart .chart_loading {
 top: 31%!important;
 left: 48%!important;
}
.stock_detail .main_chart .chart_loading {
 top: 40%!important;
 left: 47%!important;
}
.stockoption_chart .chart_loading {
 top: 40%!important;
 left: 47%!important;
}
/* MM Page Structure
----------------------------------------------- */
.hotvideo_container {
width:675px;
}
.main_hotvideo {
width:582px;
height:348px;
}
.main_hotvideo img {
width:100%;
height:auto;
}
.all_hotvideo_area {
}
.all_hotvideo_area img {
width:178px;
height:107px;
}
.feature_area {
}
.feature_area_item img {
width:318px;
height:191px;
padding:0 3px;
}
.new_slider {
width: 948px;
}
.showcase {
width:948px!important;
}
.showcase-content img {
width:100%;
height:auto;
}

/* Facebook like banner
----------------------------------------------- */
.facebook_banner {
width:639px;
height:76px;
background-size: 639px auto;
}
.facebook_like {
padding-left:545px;
padding-top:28px;
}
}

/*	Tablet Layout: 768px */
/*@media only screen and (min-width: 768px) and (max-width: 1023px) {
}
*/
/*	Mobile Layout: 320px */
@media only screen and (max-width: 767px) {
body.inside .page {
 background: none;
}
.ch .page, .ch.mainpage .page, .c1 .page, .c2 .page, .c3 .page, .c3_finance .page, .c4 .page, .c5 .page, .c6 .page, .c7 .page, .c8 .page, .c9 .page, .c_weather .page {
 background:none;
}
.ch.member.mainpage .page {
 background: none;
}
input.standard, select.standard {
 width: 95%;
}
/* INDEX PAGE STRUCTURE
----------------------------------------------- */
.ch.mainpage .page, .c1.mainpage .page, .c2.mainpage .page, .c3.mainpage .page, .c4.mainpage .page, .c5.mainpage .page, .c6.mainpage .page, .c7.mainpage .page, .c8.mainpage .page, .c9.mainpage .page {
 background: none;
}
	/* BANNER
----------------------------------------------- */
.topbanner {
 display:none;
}
 .mobile_version {
display:initial;
}
.desktop_version {
display:none;
}
.desktop_version.special {
display:none;
}
table .desktop_version {
display:none;
}
.tablet_version {
display:block;
}
.onlydesktop_version {
display:none;
}
/* INDEX PAGE STRUCTURE
----------------------------------------------- */
.ch.mainpage #leftcontainer {
 width:100%;
}
.ch.mainpage #right {
 width: 100%;
}
.ch.mainpage .breaking_news {
 width:100%;
}
.ch.mainpage #sliderFrame {
 width: 100%;
 background-size: 100%;
 padding-left: 0;
 margin-left:0;
}
.ch.mainpage #sliderFrame img {
 width: 100%;
 height: auto;
}
.ch.mainpage .newest_box {
 width: 100%;
}
.ch.mainpage .ros {
 width: 96%;
 margin: 0;
 padding: 20px 2% 15px 2%;
}
.ch.mainpage .ros_weather {
 padding: 12px 3%;
 width: 94%;
}
.ch.mainpage .weather_icon.main {
 padding: 8px 5%;
 width: 90%;
}
.ch.mainpage .ros_marquee_bar {
 width: 96%;
 padding: 10px 2%;
}
.ch.mainpage .ad_box {
 margin:0 auto;
 width:300px;
}
.ch.mainpage .right_box {
 width: 100%;
 padding: 0;
}
.ch.mainpage #main {
 width: 94%;
 padding:0 3%;
}
.ch.mainpage .blogitem {
 padding: 18px 0;
}
.inner_banner {
display:none;
}

.ch .listing_tabs ul li.current, .ch .listing_tabs ul li:hover {
	border-top:1px solid #0177ff;
}
.ch.member .listing_tabs ul li.current, .ch.member .listing_tabs ul li:hover {
	border-top:1px solid #0177ff;
}
.ch.member.premium .listing_tabs ul li.current, .ch.member.premium .listing_tabs ul li:hover {
	border-top:1px solid #0177ff;
}
.c1 .listing_tabs ul li.current, .c1 .listing_tabs ul li:hover {
	border-top:1px solid #9b00bc;
}
.c2 .listing_tabs ul li.current, .c2 .listing_tabs ul li:hover {
	border-top:1px solid #23b81c;
}
.c3 .listing_tabs ul li.current, .c3 .listing_tabs ul li:hover {
	border-top:1px solid #146914;
}
.c4 .listing_tabs ul li.current, .c4 .listing_tabs ul li:hover {
	border-top:1px solid #1aaeca;
}
.c5 .listing_tabs ul li.current, .c5 .listing_tabs ul li:hover {
	border-top:1px solid #ffc617;
}
.c6 .listing_tabs ul li.current, .c6 .listing_tabs ul li:hover {
	border-top:1px solid #de8507;
}
.c7 .listing_tabs ul li.current, .c7 .listing_tabs ul li:hover {
	border-top:1px solid #ee3523;
}
.c8 .listing_tabs ul li.current, .c8 .listing_tabs ul li:hover {
	border-top:1px solid #0177ff;
}
.c9 .listing_tabs ul li.current, .c9 .listing_tabs ul li:hover {
	border-top:1px solid #c8a339;
}

/* PAGE STRUCTURE
----------------------------------------------- */
#ros_iframe {
width:100%!important;
}
/* Header */
#masthead {
 background:url(../images/masthead_bg.png) repeat-x center bottom;
 width: 100%;
height:60px;
 z-index: 9000;
 position:absolute;
}
#header {
 background:none;
}
.page {
 width:100%;
}
.icon_menu {
cursor:pointer;
display:block;
margin:11px 0 0 12px;
float:left;
width:22px;
height:18px;
z-index:9950;
}
.logo {
 margin: 10px auto 0 auto;
 background:url(../images/mobile_logo.png) no-repeat left top;
 width:166px;
height:40px;
 background-size: 100%;
 float:none;
}
.mainmenu {
 display:none;
 position:absolute;
 right:50px;
 top:78px;
 background:url(../images/mainmenu_bg.png) no-repeat left 1px;
 height:38px;
}
.mainmenu ul li {
 background:url(../images/mainmenu_bg.png) no-repeat right 1px;
 float:left;
 padding-right:1px;
}
.mainmenu ul li a {
 font-size:16px;
 color:#FFF;
 font-weight:bold;
 display:block;
 line-height:37px;
 padding:0 22px;
}
.mainmenu ul li a:hover {
 background-color:#666;
 background:url(../images/mainmenu_bg.gif) repeat-x left top;
 color:#282828;
}
.mainmenu ul li a .font {
 font-size: 13px;
/* font-family: 'AG_Futura_Bold';*/
}
.topmenu {
 position:absolute;
 left:0;
 top:47px;
 width: 94%;
 padding:8px 3% 7px 3%;
 background:url(../images/masthead_bg.png) repeat-x center -116px #e5e5e5;
}
.tvmenu { display:block; background:url(../images/tv_bg.gif) repeat-x top left;
    width: 100%; padding:0 0 4px 3%;}
.tvmenu a.btn_tv1 { float:left; padding-top:5px; padding-bottom:1px; width:26%; height:auto; margin-right:1%;}
.tvmenu a.btn_tv3 { float:left; padding-top:5px; padding-bottom:1px; width:26%; height:auto; margin-right:1%;}
.tvmenu a.btn_tv1_epg { float:left; padding-top:7px; width:20%; height:auto; margin-right:1%;}
.tvmenu a.btn_tv3_epg { float:left; padding-top:7px; width:20%; height:auto;}
.tvmenu a img { width:100%; height:auto;}
.ui-content {
display:block;
padding-right:4px;
float:left;
}
.h_media {
 float:right;
 background:none;
 /*width:100px;*/
 height:23px;
 text-align:center;
 padding:2px 0;
}
.h_media img {
 float:left;
 margin:0;
 height:19px;
 width:auto;
}
.h_media a {
float:left;
margin: 0 1px;
background-color:#b5b5b5;
display:block;
height:19px;
padding:2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.h_media a:hover {
}
.welcome_msg {
 float:left;
 margin-right: 0;
 padding-left: 3px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 width: 33%;
}
.welcome_msg a {
 font-size:14px;
 color:#000!important;
 font-weight:normal!important;
 line-height:27px;
 float:left!important;
}
.icon_member {
 /*width:86px;
 height:30px;*/
 margin-right:0;
 float:left;
}
.icon_member a img {
 height:27px;
 width:auto;
}
.icon_share {
width: 62px;
height: 27px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-right: 0;
float: right;
 background-size: 100% 30px;
}
.icon_share a {
display: block;
font-size: 16px;
color: #fff;
line-height: 27px;
font-weight: bold;
padding-left: 24px;
background-position:6px 6px;
}
.share_region {
right: 10px;
top: 40px;
background: url(../images/image_sharebox.png) no-repeat 111px top;
}
.icon_live {
 display:none;
 width:108px;
 height:27px;
 margin-right:7px;
}
.icon_live a {
 display:block;
 font-size:16px;
 color:#fff;
 line-height:27px;
 letter-spacing:0.05em;
 background:url(../images/icon_live.png) no-repeat 7px center;
 padding-left:36px;
}
.icon_live a:hover {
 background-color:#e86d00;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.search_box {
 float:left;
 display: inline-block;
 position: relative;
 vertical-align: top;
 width: auto;
 z-index: 10;
 margin-right:10px;
 display:none;
}
.sbtextinput {
 background: #fff;
 border: 0;
 border-radius: 2px;
 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .4);
 color: #333;
 font-size: 15px;
 line-height:27px;
 height: 27px;
 outline: 0;
 padding: 0 28px 0 10px;
 transition: background-color .15s;
 width: 180px;
}
.sbbutton {
 cursor: pointer;
 height: 27px;
 position: absolute;
 right: 0;
 top: 0;
 width: 27px;
 background:url(../images/icon_search.png) no-repeat center center;
}
.header_date {
 display:none;
 color:#FFF;
 float:left;
 margin-right:15px;
 font-size:15px;
 font-weight:bold;
 line-height:27px;
}
.icon_onair {
 display:block;
 cursor: pointer;
display: block;
margin: 8px 3% 0 0;
float: right;
width: 53px;
height: 26px;
}
.icon_onair img {
width: 53px;
height: 26px;
}
/* Container */
#hot_keyword {
width:94%;
line-height:20px;
padding:12px 3%;
white-space:inherit;
overflow:auto;
}
#hot_keyword a {
line-height: 20px;
}
.marquee_bar {
width:94%;
padding:10px 3%;
}
#container {
 padding-top:102px;
 background-color:#fff;
 padding-bottom:150px;
}
#container.loggedin {
 padding-top:132px;
}
#container .ch {
 background:none;
}
#leftcontainer {
 width:100%;
float:none;
}
.breaking_news {
 width:100%;
padding:7px 0;
}
.breaking_news span {
padding:0 10px 0 35px;
margin-left:10px;
}
.news_content a {
padding-right:10px;
overflow:hidden;
width:215px;
text-overflow:ellipsis;
white-space:nowrap;
}
.news_content {
overflow:hidden;
}
#left {
 display:none;
}
/* Left */
.accordion, .accordion li {
 margin: 0;
 padding: 0;
 border: none;
}
.accordion a {
 padding: 10px 10px 10px 15px;
 text-decoration:none;
 display: block;
 color: #fff;
 border-bottom: 1px solid #1375be;
 border-top: 1px solid #40a0e8;
 font-size: 16px;
 font-weight: bold;
 position: relative;
}
.accordion a.dcjq-parent, .accordion a.dcjq-parent:hover {
 padding: 10px 10px 10px 15px;
}
.accordion a.dcjq-parent.active {
 background: #0D5995 url(images/checkers.png) repeat 0 0;
}
.accordion a:hover {
 background: #0063ac;
}
.accordion a:active {
}
.accordion ul a {
 padding: 10px 10px 10px 15px;
 background:#535353;
 border-bottom: 1px solid #6d6d6d;
 border-top: 0px;
 font-size:14px;
}
.accordion ul a:hover {
 background:#444;
}
.accordion a .dcjq-icon {
 position: absolute;
 top: 50%;
 left: 89%;
 width: 13px;
 margin-top: -6px;
 height: 13px;
 background: url(../images/sidemenu_icon_right.png) no-repeat left center;
}
.accordion a.expanded .dcjq-icon {
 background: url(../images/sidemenu_icon_down.png) no-repeat left center;
}

/* Content */
#content {
 width:100%;
 background-color:#FFF;
 float:none;
}
#sliderFrame {
 width: 100%;
 height:auto;
}
#sliderFrame img {
 width:100%;
 height:auto;
}
.newest_box {
 padding:0;
 padding-left:0;
 width:100%;
 background:url(../images/mobile_icon_newest.jpg) no-repeat left 3px;
 height:37px;
 margin-bottom:1px;
 background-size: 75px 31px;
 border-bottom:none;
}
.newest_box a {
 padding-left:83px;
 padding-right:10px;
 height:31px;
 line-height: 38px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 display:block;
}
#main {
 padding:0 3%;
}
.section_title .text {
 padding-left:3%;
}
.viewmore {
 padding-right:3%;
}
.section_title .viewmore {
 padding-right:7%;
 margin-right:3%;
}
.archiveBoxes {
 padding:10px 1%;
 width:98%;
margin:0 auto;
}
.archiveItem {
 margin:0 2% 8px 2%;
 width:46%;
 height:auto;
}
.archiveItem img {
 width:100%;
 height:auto;
}
a.archiveMask {
 display:none;
}
.archiveItem_bg {
 display:none;
}
.archiveItem_content {
 display:none;
}
a.btn_loadmore {
 margin:10px auto 0 auto;
}
.icon_playvideo {
 display:block;
}
.blogitem {
 padding:18px 0 18px 0;
 float:none;
 width:94%;
 border-bottom:1px solid #d8d8d8;
 margin:0 auto;
}
.blog_info {
}
.blog_info .category {
 padding:2px 8px;
 font-size:14px;
 line-height:18px;
 margin-right:10px;
}
.blog_info .date {
 font-size:16px;
 line-height:18px;
 padding:2px 0;
}
.blog_title {
 font-size:21px;
 line-height:24px;
 padding:10px 0;
}
.blog_image {
 float:left;
 width:125px;
}
.blog_image img {
 width:125px;
 height:79px;
}
.blog_detail {
 float:none;
 padding:2px 0 0 135px;
 border-bottom:none;
}
/* Right */
#right {
 width:100%;
 float:none;
}
.ad_box {
 background-color:#fff;
 width:100%;
 margin:0 auto;
 padding:0;
 border-left:none;
}
.ad_box.mobile_version {
 padding:14px 0;
}
.ad_lrec {
 width:300px;
 margin:10px auto;
}
.right_box {
 width:100%;
 background-color: #434343;
 padding: 10px 0;
}
.banner {
 width:300px;
margin:5px auto;
/*display:none;*/
}
.banner a {
margin:5px 0;
}
.toplist {
 border-top:5px solid #f7941d;
 background-color:#000;
 margin-top:0;
 padding-bottom: 15px;
 width: 96%;
 margin: 0 auto;
}
.toplist_title {
 font-size:18px;
}
.toplist_box .photo {
 float:left;
 width:50px;
 height:50px;
 padding-right:10px;
}
.toplist_box .text {
 float:none;
 width:auto;
 font-size:15px;
 line-height:22px;
 padding-left:60px;
 color:#fff;
}
.toplist_box .text a {
 font-size:15px;
 line-height:22px;
 color:#fff;
}
#footer {
 width:	100%;
 margin: 0;
 background-color:#fff;
 position:absolute;
 bottom:0;
}
.links_box {
 height:90px;
}
.links_area {
 float: right;
margin-top: 0;
padding: 8px 0 8px 20px;
margin-left: 0;
width:68%;
}
.links_area ul {
 padding:0;
}
.links_area ul li {
 width:33%;
}
.links_area ul li.special {
 width:45%;
}
.links_area ul li a {
 font-size:13px;
 line-height:18px;
}
.footer_logo {
 width: 72px;
height: 36px;
margin: 10px 0 0 10px;
}
.footer_logo img {
width:72px;
height:36px;
}
.copyright {
 font-size: 9px;
 line-height: 14px;
}

/* INSIDE
----------------------------------------------- */
/*Facebook*/
.fb-share-button.vertical {
display:none;
}
.sharebreak.vertical {
height:10px;
display:none;
}
.fb-like.vertical {
display:none;
}
 .fb-share-button.horizontal {
display:block;
margin-right:10px;
float:left
}
.sharebreak.horizontal {
display:block;
}
.fb-like.horizontal {
display:block;
margin-right:10px;
float:left;
}
/* Content */
#maincontent {
 width: 95%;
padding: 10px 0;
margin: 0 auto;
float: none;
}
.c_weather #maincontent {
 width: 100%;
padding: 0;
}
.breadcrumb {
margin-bottom:15px;
margin-top: 5px;
}
.page .inside_cat .cattitle {
padding:6px 10px 2px 10px;
}
.inside_pulldown {
padding:8px 10px 3px 10px;
margin-bottom:15px;
}
 .inside_pulldown .text {
font-size:15px;
line-height:24px;
padding-right:10px;
float:left;
}
.page .inside_pulldown .text {
font-size: 14px;
line-height: 30px;
padding-right: 8px;
float: left;
}
.inside_pulldown .list {
float:left;
}
.c_weather .inside_pulldown .item {
margin-bottom: 0;
}
.inside_pulldown .item {
clear: inherit;
margin-bottom: 5px;
float: left;
width:100%;
}
.inside_pulldown .list.news {
width:77%;
margin-right:0;
}
select#listing_news, select#listing_dates {
width:100%;
}
.inside_pulldown .list.date {
width:77%;
margin-right:0;
margin-top:3px;
padding-left: 64px;
}
.inside_pulldown .list.category {
width:115px;
}
 .inside_detail {
}
.inside_detail .sharemedia {
width:100%;
float:none;
margin-bottom:5px;
}
.inside_detail .sharedetail {
float:none;
padding-left:0;
padding-top:5px;
border-left:none;
width:100%;
}
.inside_detail .mainphoto {
margin-bottom:5px;
}
 .inside_detail .photoitem video {
 width:100%;
 height:auto;
}
.inside_detail .mainphoto img, .inside_detail .mainvideo video {
 width:100%;
 height:auto;
}
.inside_detail .mainheadline {
font-size:24px;
line-height:32px;
}
.inside_detail .maindetail {
padding:10px 0 25px 0;
}
.inside_detail .maindetail img {
 margin:5px;
}
.page .othernews {
margin-top:30px;
margin-bottom:0;
}
.newsitem {
padding: 15px 0 0 0;
}
.news_image {
margin-right:3%;
width:39%;
}
.news_image img {
 width:100%;
 height:auto;
}
.news_info {
 width:100%;
}
.news_info .category {
 padding:2px 6px;
 color:#FFF;
 font-size:12px;
 font-weight:bold;
 line-height:14px;
 float:left;
 margin-right:10px;
}
.news_info .date {
 font-size:14px;
 line-height:14px;
 padding:2px 0;
 color:#808080;
}
.news_title {
 font-size:19px;
 font-weight:bold;
 line-height:24px;
 padding:8px 0;
}
.btn_recommend {
 padding-top:0;
margin:0;
float: none;
}
.btn_recommend img {
 margin-top:5px;
}
.news_detail {
 padding:0 0 18px 0;
 font-size:15px;
 line-height:22px;
}
.share_facebook {
width:50px;
text-align:center;
padding:0;
background-position:2px center;
margin-top:0;
margin-right:10px;
float:left;
}
.share_mail {
 width:35px;
height:20px;
background-position:7px 3px;
margin-right:10px;
float:left;
margin-top:0;
padding: 0 0 0 25px;
}
.share_print {
 float:left;
 width:31px;
height:20px;
background-position:6px 4px;
padding: 0 0 0 23px;
margin-top:0;
}
.addthis_sharing_toolbox {
 margin-right: 0;
 margin-top: 10px;
 float: left;
 margin-left:-2px;
 clear:both;
 margin-bottom:5px;
}
.edit_fonts {
 display:none;
}
.caption {
  margin: 0;
  padding-left: 5%;
  width:95%!important;
}
.maindetail .right { width:100%;}
.maindetail .right img {
  width: 100%;
  height: auto;
  margin:0;
}
a.btn_minus {
background:url(../images/icon_minus.png) no-repeat center center #999;
width:20px;
height:20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:right;
margin-left:5px;
}
a.btn_plus {
background:url(../images/icon_plus.png) no-repeat center center #999;
width:20px;
height:20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:right;
margin-left:5px;
}
a.btn_minus:hover, a.btn_plus:hover {
background-color:#747474;
}
.inside_pulldown .item.listing .list.date {
padding-left: 14px;
}
.listing_tabs {
border-right:none;
border-top:none;
}
.listing_tabs ul li {
padding:6px 5px;
font-size: 13px;
 border-top:1px solid #dfdfdf;
}
.listing_tabs ul li.current, .listing_tabs ul li:hover {
border-top:none;
}
.listing_tabs ul li.current a, .listing_tabs ul li:hover a {
border-top:none;
}
.inside_pulldown .item.listing {
float:left;
clear:inherit;
margin-right:30px;
}
.listingBox {
width:100%;
}
.listingBox .listfeature {
width:100%;
height:auto;
float:none;
}
.listingBox .listfeature img {
width:100%;
height:auto;
}
.listingBox .listothers {
width:100%;
float:none;
}

/* LISTING
----------------------------------------------- */
.mediaBox {
width:100%;
height:auto;
position:relative;
}
.mediaBox img {
width:100%;
height:auto;
}
.mediaBox .channelname {
font-size: 14px;
line-height: 16px;
padding-left:10px;
}
.mediaBox div.mc-caption-bg {
 background-position: center top;
 padding:0;
 width: 100%;
 bottom:4px;
}
.mediaBox div.mc-caption {
 font-size: 23px;
 line-height: 30px;
 padding: 5px 10px 10px 10px;
}
 .listothers .listitem {
float:left;
width:94%;
padding: 10px 3%;
}
.listothers .listitem .listinfo {
width:66%;
}
.listothers .listitem .listimage {
margin-right: 4%;
width: 30%;
height: auto;
border:none;
}
.listothers .listitem .listimage img {
width:100%;
height:auto;
}
.listingOthers {
margin-top: 15px;
}
.listingOthers .news_info {
width: 100%;
}
.news_image .icon_playvideo {
 left:5px;
top:5px;
}
.news_image .icon_playvideo img {
width: 60%;
height: auto;
}
.lf_caption_bg {
padding: 80px 0 11px 0;
}
.lf_caption {
 font-size: 23px;
line-height: 30px;
padding: 0 12px;
}
.pager .pager_tl {
float: none;
text-align: left;
}
.right img {
width: 150px;
height: auto;
}
.liveBox {
padding:5px 0 20px 0;
}
.liveBox .mainheadline {
padding-left:10px;
}
.liveBox .mainsection {
padding-left:10px;
line-height:14px;
}
.liveBox .liveVideo {
width:100%;
margin:15px auto 10px auto;
position:relative;
}
.liveBox .liveVideo img {
width:100%;
height:auto;
}
.liveBox .livetext {
padding-left:10px;
float:none;
}
.liveBox ul {
padding:0 10px;
}
.liveBox ul li {
padding:10px 0;
}
.liveBox ul li a {
font-size:15px;
color:#fff;
line-height:18px;
}
.liveBox ul li .weekday {
padding-right:0;
display:block;
}
/* Channel3 */
.inside_checkquote {
 padding: 10px;
 margin-bottom:10px;
}
.inside_checkquote .text {
 font-size: 17px;
 line-height: 26px;
 padding-right: 20px;
 color:#146914;
 float: none;
}
.inside_checkquote input {
 float:left;
 margin: 5px 7px 0 0;
}
.inside_checkstock {
 background-color:#f0f0f0;
 padding: 10px;
 margin-bottom:20px;
 font-size:14px;
}
.inside_checkstock span {
 float: left;
 padding-right: 5px;
 line-height: 30px;
 margin: 2px 0;
}
.inside_checkstock span.type {
 margin-right:40px;
}
.inside_checkstock input.radioinput {
 margin-top:7px;
 margin-left:0;
}
.inside_checkstock label {
 width: auto;
 padding-right: 8px;
 float: left;
 line-height: 30px;
}
.inside_checkstock .fix, .inside_checkstock .fix.long {
 width:70px;
}
.inside_checkstock .dropdown {
 background: #fff;
 border: 0;
 color: #333;
 font-size: 14px;
 line-height: 20px;
 outline: 0;
 padding: 3px 8px;
transition: background-color .15s;
 width: 180px;
}
.inside_checkstock .text {
 font-size: 17px;
 line-height: 26px;
 padding-right: 20px;
 color:#146914;
 padding-bottom:5px;
}
.inside_checkstock input {
 float:left;
}
.stock_remark {
 font-size:11px;
 line-height:20px;
 color:#fff;
 background-color:#4c4c4c;
 padding:0 10px;
}
.stock_reminder {
 font-size:14px;
 padding-top:10px;
 line-height:16px;
 color:#146914;
}
.quotetextinput {
 background: #fff;
 border: 0;
 color: #333;
 font-size: 14px;
 line-height:20px;
 outline: 0;
 padding: 3px 8px;
transition: background-color .15s;
 width: 180px;
}
a.btn_checkquote {
 padding:3px 20px;
 font-size:15px;
 color:#fff;
 line-height:17px;
 background:url(../images/btn_checkquote.gif) repeat-x;
 float:left;
 margin-right:5px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 margin-top:5px;
}
.quote_pages {
 float: none;
color: #146914;
line-height: 26px;
clear: both;
}
.btn_quotepage { /*background:url(../images/btn_arrow.png) no-repeat left center;*/
 padding-left:8px;
 font-size:15px;
 line-height:26px;
 color:#146914;
 padding-right:30px;
 color:#146914;
}
.btn_quotepage:hover {
 color:#146914;
 text-decoration:underline;
}
.weekturnover {
 width:100%;
 margin-right:0;
}
.tools {
 width:100%;
 margin-right:14px;
}
.stockratio {
 width:100%;
 margin-bottom:20px;
 margin-top: 20px;
}
.ratio {
 width:100%;
}
.related_news {
 width:100%;
 margin-top: 20px;
}
.half_left {
 width:100%;
 margin-right:0;
}
.half_right {
 width:100%;
 margin-top: 20px;
}
.full {
 width:100%;
}
.text_up {
 color:#168423;
}
.text_down {
 color:#db0011;
}
.stock_box {
 float:left;
 background-color:#fff;
}
.stock_titlebox {
 -webkit-box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0px -4px 10px -2px rgba(0, 0, 0, 0.1);
 padding:10px 10px 0 10px;
 background-color:#ececed;
}
.stock_title {
 padding-bottom:10px;
 font-size:17px;
 color:#146914;
 line-height:16px;
 font-weight:bold;
}
/*.stock_contentbox {
 border:none;
}*/
.stock_contentbox table a {
 color:#146914;
 font-size:13px;
}
.table_half {
float:none;
width:100%;
}
.table_quater_short {
float:none;
width:100%;
}
.table_quater {
float:none;
width:100%;
}
.stock_contentbox table a:hover {
 text-decoration:underline;
}
.related_news .news_item {
 padding: 9px 10px;
}
.related_news .news_item.even {
 background-color: #f5f5f5;
}
.related_news .news_item .quote_date {
 color: #222;
 line-height: 19px;
 font-size:14px;
}
.related_news .news_item .quote_content {
}
.related_news .news_item .quote_content a {
 color: #146914;
 line-height: 25px;
 font-size:15px;
}
.weekturnover .stock_contentbox {
 width:100%;
 height:auto;
}
.weekturnover .stock_contentbox img {
width:100%;
height:auto;
}
.stock_contentbox.noborder {
 border:none;
}
.stock_contentbox table {
 text-align:center;
 color:#222;
 font-size:13px;
 line-height:18px;
}
.stock_contentbox table td {
 height: 22px;
line-height: 14px;
font-size: 13px;
padding: 4px 0;
}
.stock_contentbox table td.whiteborder {
 border-right:1px solid #fff;
}
.stock_contentbox table td.greyborder {
 border-right:1px solid #e4e4e4;
}
.stock_contentbox table td.greybg {
 background-color:#f5f5f5;
}
.stock_contentbox table tr.headline {
 background-color:#146914;
 font-size:15px;
 line-height:24px;
 color:#fff;
 padding:3px 0;
}
.stock_contentbox table tr.highlight, .stock_contentbox table td.highlight {
 background-color:#e1f4e1;
}
.stock_contentbox table tr.headline.double {
 line-height:18px;
 height:48px;
}
.stock_contentbox table tr.even {
 background-color:#f5f5f5;
}
.stock_box .viewmore {
 padding-right:25px;
}
.stock_box ul {
 width: 100%;
 position: relative;
 margin-left:0;
}
.stock_box ul li {
 float: left;
 background:url(../images/tabs_bg.gif) repeat-x;
 margin-right:1px;
}
.stock_box ul li.current {
 background:none;
 background-color:#fff;
 color:#222;
}
.stock_box ul li a {
 font-size: 14px;
 line-height: 28px;
 padding:0 7px;
 color: #fff;
 display:block;
}
.stock_box ul li.current a {
 color:#222;
}
.tabs_box {
 margin-top:20px;
}
.stock_name {
 font-size:24px;
 color:#222;
 line-height:30px;
 margin-bottom:12px;
 padding-left: 0;
}
.stock_type {
 font-size:14px;
 vertical-align:text-bottom;
 padding-left:6px;
 line-height:24px;
}
.stock_industry {
 font-size:14px;
 vertical-align:text-bottom;
 padding:3px 8px;
 line-height:24px;
 background-color:#e5e5e5;
 margin-left:20px;
}
.stock_maininfo {
 border:5px solid #e5e5e5;
 width:97%;
}
.stock_maininfo table {
 float:left;
 width:100%;
 color:#222;
 font-size:15px;
 line-height:18px;
 background-color:#f7f7f7;
}
.stock_maininfo table .item_name {
 padding:7px 10px 7px 0;
 font-size:14px;
}
.stock_maininfo table .item_value {
 padding:7px 0 7px 10px;
 background-color:#fff;
 font-size:14px;
}
.stock_maininfo table .p_top {
 padding-top:10px;
}
.stock_maininfo table .p_bottom {
 padding-bottom:10px;
}
.stock_feature {
 float:left;
 width:100%;
 border:none;
}
.stock_keyvalue {
 padding:10px 15px;
 font-size:48px;
 line-height:48px;
 color:#222;
}
.stock_keyvalue .currency {
 font-size:42px;
 padding-left:5px;
}
.stock_value {
 font-size:18px;
 line-height:24px;
}
.stock_value.up {
 background:url(../images/icon_up.png) no-repeat left center;
 padding-left:20px;
 color:#70bd14;
}
.stock_value.down {
 background:url(../images/icon_down.png) no-repeat left center;
 padding-left:20px;
 color:#db0011;
}
.stock_mainchart {
 background-color:#f7f7f7;
}
.mainchart_box {
 padding:18px;
}
.chart_detail {
 border-bottom:1px solid #fff;
 padding:10px 13px;
 font-size:15px;
 line-height:15px;
 color:#222;
}
.chart_detail span {
 float:left;
 line-height:24px;
}
.chart_detail .type {
 float:none;
 line-height:24px;
 width:80px;
 min-height:15px;
}
.chart_detail .average_item {
 float:left;
 padding:0 26px 5px 0;
}
.chart_detail .average_item select {
 margin-left:10px;
 padding:4px 5px;
}
.chart_detail .average_item input {
 padding-right:6px;
 float:left;
 margin-top:6px!important;
}
.chart_detail .color_palette {
 width:13px;
 height:13px;
 margin:6px 0 0 10px;
}
.chart_detail .color_palette.type1 {
 background-color:#5ab7c9;
}
.chart_detail .color_palette.type2 {
 background-color:#146914;
}
.chart_detail .color_palette.type3 {
 background-color:#f7941d;
}
.chart_detail .color_palette.type4 {
 background-color:#00436a;
}
.stock_detail {
 padding: 0;
 background-color: #fff;
}
.stock_chart img {
 width:100%;
 height:auto;
}
.main_chart {
 height: 200px;
 margin-top: 0!important;
}
.stockoption_chart {
 padding:10px 17px;
}
.stockoption_chart img {
width:100%;
height:auto;
}
.calculator_box {
 padding: 18px 10px;
}
.calculator_slider {
 margin-left:0;
 margin-top:35px!important;
}
.stock_calculator {
}
.stock_calculator table {
 text-align:center;
 color:#222;
 font-size:15px;
 line-height:18px;
 background-color:#f7f7f7;
}
.stock_calculator table .item_name {
 padding:7px 15px 7px 0;
}
.stock_calculator table .item_value {
 padding:7px 0 7px 15px;
 background-color:#fff;
}
.stock_calculator table .p_top {
 padding-top:17px;
}
.stock_calculator table .p_bottom {
 padding-bottom:17px;
}
.stock_calculator table.result {
 background-color:#fff;
}
.stock_calculator table.result td {
 height:30px;
}
.stock_calculator table tr.headline {
 background-color:#929292;
 font-size:15px;
 line-height:24px;
 color:#fff;
 padding:3px 0;
}
.stock_calculator table td.odd {
 background-color:#146914;
 color:#fff;
}
.stock_calculator table td.even {
 background-color:#136513;
 color:#fff;
}
.calculator_controller {
 padding: 5px 0;
 margin-bottom:20px;
}
.calculator_controller .title {
 width: 60%;
 float: left;
}
.calculator_controller input {
 height: 24px;
 width: 40%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 float: left;
 font-size: 13px;
 line-height: 18px;
padding: 5px;
}
.calculator_controller_btn_container {
 text-align: left;
 margin: 10px 0;
}
/*Chart Tabs*/
.chart_disclaimer {
 color:#222;
 font-size: 12px;
 vertical-align: text-bottom;
 line-height: 20px;
 float:right;
 font-weight:normal;
}
.chart_disclaimer a {
 color:#146914;
 font-size: 12px;
 vertical-align: text-bottom;
 line-height: 16px;
 text-decoration:underline;
}
.chart_box {
width:100%;
margin:0 auto;
}
.chart_box .stock_contentbox img {
width:100%;
height:auto;
}
.chart_box ul li {
 float: left;
 width:33%;
 text-align:center;
 background:url(../images/chart_box_bg.gif) repeat-x left top;
 margin-right:0;
 border-right: none;
 border-left: none;
 border-top:1px solid #195d19;
}
.chart_box ul li.current {
 background:none;
 background-color:#fff;
 border: 1px solid #e4e4e4;
 border-bottom:none;
 color:#222;
}
.chart_box ul li a {
 font-size: 15px;
 line-height: 28px;
 color: #fff;
 display:inline-block;
 padding:10px 0;
}
.chart_box ul li.current a {
 color:#222;
}
.index_name {
font-size: 14px;
line-height:18px;
color:#222;
}
.chart_box ul li .index_name {
 color:#fff;
padding: 0 3px;
}
.chart_box ul li.current .index_name {
 color:#222;
padding: 0 3px;
}
.chart_box ul li .ah_introduction {
 cursor: pointer;
 margin-left: 5px;
 width: 14px;
 height: 14px;
 line-height: 17px;
 vertical-align: middle;
}
.index_price {
font-size:20px;
line-height:28px;
font-weight:bold;
}
.index_value {
font-size:14px;
color:#fff;
line-height:16px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-top:5px;
padding:3px 0;
width:85px;
margin:5px auto 0 auto;
}
.index_value.up {
background:none;
background-color:#1a8825;
}
.index_value.down {
background:none;
background-color:#bb0000;
}
 .stock_contentbox.nobordertop {
 border-top:none;
}
.indices_popup {
 position: absolute;
 font-weight: normal;
 text-align: left;
 background-color: #fff;
 width: 265px;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 opacity: 0.98;
 padding: 10px 13px;
 font-size: 14px;
 line-height: 20px;
 color: #222;
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
 display: none;
 z-index: 7500;
}
#indices_a {
 left: 0%;
 top: 52px;
 width: 91%;
}
#indices_b {
 left: 0%;
 top: 52px;
 width: 91%;
}
#indices_c {
 left: 0%;
 top: 52px;
 width: 91%;
}
.news-holder {
 width: 100%;
 margin-left: 3px;
}
/*ROS
----------------------------------------------- */
.ros {
margin:0;
padding:20px 2% 15px 2%;
width:96%;
}
.ros_image {
 width:100%;
 height:auto;
 margin-right: 0;
 margin-bottom:5px;
}
.ros_marquee_bar {
 width:97%;
 margin-bottom:0;
}
.ros_marquee_bar.c_channel5 {
padding-left:16%;
width:84%;
}
.vertical_chart {
 margin-left: 0;
}
 .warrantcbbc_search {
 background-color: #f0f0f0;
 padding: 10px;
 margin-bottom: 25px;
}
.search_underlying {
 margin-right: 0;
}
a.btn_searchquote {
margin:10px 0;
}
.warrantcbbc_search span {
padding-right:0px;
width: 100%;
}
.warrantcbbc_search span.type {
 margin-right: 15px;
width: 12%;
}
.warrantcbbc_search label.standard {
 width: 95px;
}
.warrantcbbc_search input[type=text] {
 width: 65px;
}
.moneyness {
 width: 100%;
}
.moneyness span {
padding-right:2px;
width: 20%;
}
.moneyness .original_item {
 width:63%;
}
.moneyness .rest_items {
 margin: 4px 0 4px 103px;
width:63%;
}
.moneyness .rest_firstitem {
 margin: 0 0 0 103px;
width:63%;
}
.warrantcbbc_search .moneyness input[type=text] {
 width: 38px;
}
.stock_number_name {
padding: 5px 10px 0 10px;
float:none;
line-height:24px;
}
.stock_relatedprice {
 font-size: 23px;
 padding-left:10px;
 line-height: 30px;
 padding-top:0;
}
.stock_relatedvalue {
 font-size: 16px;
}
.stock_relatedvalue {
 margin-left: 10px;
 padding: 5px 0;
 padding-top:0;
 line-height:30px;
}
.mainpage #right .right_box {
 padding: 10px 0;
 width: 100%;
}
.mainpage #right .ad_box {
 padding: 6px 0!important;
}
.mainpage #right {
 width: 100%;
}
 .news-content-chart .chart_loading {
 display:none;
}
.main_chart .chart_loading {
 top: 30%!important;
 left: 45%!important;
}
.stock_detail .main_chart .chart_loading {
 top: 44%!important;
 left: 46%!important;
}
.stockoption_chart .chart_loading {
 top: 45%!important;
 left: 46%!important;
}
/* MM Page Structure
----------------------------------------------- */
.hotvideo_container {
width:100%;
}
.hotvideo_headline {
padding:2px 13px 15px 5%;
font-size:23px;
line-height:36px;
width:286px;
height:36px;
background:url(../images/mobile_hotvideo_headline.png) no-repeat;
background-size:200px 43px;
}
.main_hotvideo_area {
padding:50px 3% 15px 3%;
width:94%px;
}
.main_hotvideo {
width:96%;
height:auto;
background-color:#1b1715;
border:1px solid #515151;
padding:2%;
position:relative;
}
.main_hotvideo img {
width:100%;
height:auto;
}
.all_hotvideo_area {
padding:0 1% 10px 2%;
}
.all_hotvideo_area img {
width:43%;
height:auto;
background-color:#1b1715;
border:1px solid #515151;
padding:2%;
margin:1%;
float:left;
}
.feature_area {
padding:10px 3%;
}
.feature_area_title {
 padding:5px 0 15px 0;
 background-size: 159px 40px;
 background-position:left 5px;
 width: 159px;
 height: 40px;
}
.feature_area_item {
border-bottom:none;
padding:0;
}
.feature_area_item img {
padding:0;
width:100%;
height:auto;
padding-bottom:5px;
}

/* Facebook like banner
----------------------------------------------- */
.facebook_banner {
width:305px;
position:relative;
background:url(../images/facebook_banner_mobile.jpg) no-repeat center top;
background-size: auto 89px;
margin:0 auto;
}
.facebook_like {
right:8%;
top:18%;
position:absolute;
padding-left:0;
padding-top:0;
}
 .flag_phil img {
 width: 20px;
 height: auto;
}
 .c5 .language {
 margin-left: 5px;
 margin-right: 5px;
}
.c5 .topmenu select#channel {
width:62px!important;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] {
 margin-bottom: 0!important;
}
.welcome_msg,.icon_dbc_tv{
	display:none;
}
.member_info {
 float: left;
 font-size: 13px;
 line-height: 28px;
 padding-left:1%;
 background:url(../images/icon_profile_more.png) no-repeat right center;
 background-size: 8px 6px;
 position:relative;
 padding-right: 15px;
 margin-top:2px;
}
.type_basic {
background:url(../images/member_basic.png) no-repeat left top;
height:24px;
width:25px;
margin-right:5px;
background-size: 114px 24px;
display:inline-block;
vertical-align: top;
margin-top:3px;
}
.type_premium {
background:url(../images/member_premium.png) no-repeat left top;
height:24px;
width:25px;
margin-right:5px;
background-size: 114px 24px;
display:inline-block;
vertical-align: top;
margin-top:3px;
}
.points {
 float: none;
 position: relative;
 top: 35px;
 width: 100%;
 margin-left:0;
}
.popup_points {
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.popup_points .mainpointbox {
 font-size: 20px;
 line-height: 24px;
 font-weight:bold;
 padding-right: 0;
 padding-bottom:8px;
}
.popup_points .mainpointbox span {
 display: inline;
 font-size: 20px;
 line-height: 24px;
}
.popup_points .infopointbox {
 padding: 8px 3%;
}
.popup_points .edit_profile .profile_item {
font-size:14px;
font-weight:bold;
line-height:28px;
border-bottom:1px solid #898989;
}
.popup_points .edit_profile .profile_item.last {
border-bottom:none;
}
.infopointbox table {
text-align:center;
}
.popup_points {
 left: 0;
}
.points {
 margin-left:0!important;
}
}

/*	HORSERACE */
.horserace { position:relative; background:url(../images/horserace.jpg) no-repeat; width:760px; height:160px; margin:10px 0 20px 0;}
.race_show { padding-left:75px; line-height:37px; font-size:24px; font-weight:bold; font-style:italic; color:#fff; padding-top:8px;
text-shadow: 2px 2px 3px rgba(111, 109, 66, 0.75);}
.race_graphic { background:url(../images/graphic_no.png) no-repeat center center; width:15px; height:5px;}
.race_order { padding:20px 50px 20px 10px; width:420px;}
.race_order table { font-family:"HelveticaNeue LT 57 Cn"; color:#5f5d3a; font-size:72px; font-style:italic; line-height:72px;}

/*	Wide Tablet Layout: 1024px */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.horserace { position:relative; background:url(../images/horserace.jpg) no-repeat; width:639px; background-size:639px auto; margin:10px 0 20px 0;}
.race_show {
    padding-left: 60px;
    line-height: 29px;
    font-size: 22px;
}
.race_order {
    padding: 13px 10px 12px 10px;
    width: 343px;
}
}
/*	Mobile Layout: 320px */
@media only screen and (max-width: 767px) {
.horserace { background:url(../images/horserace_m.jpg) no-repeat; width:100%; height:auto; background-size:auto 100%; margin:10px 0;}
.race_show {
    line-height: 40px;
    padding-top: 17px;
}
.race_order {
    padding: 10px 0 6px 0;
    width: 100%;
}
.race_order table {
    font-size: 56px;
    line-height: 56px;
}
}
/*new channel live player*/
.live_player_content {
	padding-top: 8px;
    background-color: #3b3b3b;
}
.live_info {
	padding:0 12px 6px 12px;
    color: #fff;
}
.live_info .program {
    float: left;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}
.live_info .program_host {
    font-size: 14px;
    line-height: 28px;
}
.audio_img { width:100%;}
a.live_audio {
    background: url(../images/live/icon_live_audio.png) no-repeat left top;
    width: 32px;
    height: 20px;
    float: left;
    margin-right: 10px;
    background-size: 32px 40px;
    margin-top: 4px;
    cursor: pointer;
}
/*end of new channel live player*/