@charset "utf-8";
body {
	margin:0;
	padding:0;
}
*,
div,
ol,
li,
p,
a,
a:link,
a:hover,
a:visited{
	font-family:Tahoma, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-decoration:none;
}
a[class^='button-blue']{
	color:#06F !important;
	text-decoration:none;
	padding:2px 3px;
	border:#06C 1px solid;
	background-color:#B7DBFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

a.button-blue-small{
	font-size:10pt !important;
}
a.button-blue-middle{
	font-size:11pt !important;
}
a.button-blue-large{
	font-size:12pt !important;
}
a.button-blue-small:hover,
a.button-blue-middle:hover,
a.button-blue-large:hover{
	border:#03F 1px solid;
	background-color:#09C;
	color:#FFF !important;
}
a[class^='button-orange'],
a[class^='download-link-button']{
	color:#FBA626 !important;
	text-decoration:none;
	padding:2px 3px;
	border:#FC0 1px solid;
	background-color:#FEF0C5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
a.button-orange-small{
	font-size:10pt !important;
}
a.button-orange-middle,
a.download-link-button{	
	font-size:11pt !important;
}
a.button-orange-large{
	font-size:12pt !important;
}
a.button-orange-small:hover,
a.button-orange-middle:hover,
a.button-orange-large:hover,
a.download-link-button:hover{
	border:#F90 1px solid;
	background-color:#FC3;
	color:#FFF !important;
}
.link-blue{
	color:#06F !important;
	text-decoration:underline !important;
	font-size:10pt !important;
}
.link-blue:hover{
	color:#00F !important;
	cursor: pointer;
}
a.link-orange,
a.download-link-orange,
a.download-link-hide{
	color:#F90 !important;
	text-decoration:underline !important;
	font-size:14px !important;
	font-weight:bold !important;
}
a.link-orange:hover,
a.download-link-orange:hover,
a.download-link-hide:hover{
	color:#F30 !important;
}
table.light-blue{
	border-collapse:collapse;
	border:#BCD2E9 1px solid;
}
table.light-blue td{
	padding:5px;
	border:none;
}
table.light-blue td.light-blue{
	padding:5px;
	border:#BCD2E9 1px solid;
}
div.banner-bar{
	margin:0 auto;
	padding:5px;
	width:668px;
	height:120px;
	/*border:#CCC 1px dotted;
	background-image:url(../Image/news-bg.png);
	background-repeat:repeat;*/
}
div.top-menu-container{
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:170px;
	/*position:fixed;*/
	position:relative;
	background-image:url(../Image/header-bg2.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	/*border-bottom:#CCC 1px solid;*/
}
div.top-menu{
	width:960px;
	margin:0 auto;
	padding:0;
}
ol[class^='sub-menu']{
	display:none;
	position:absolute;
	text-align:left;
	font-size:10pt;
	font-weight:bold;
	/*color:#666;*/
	background-color:#F9E1AC;
	border:#666 1px solid;
	margin:0;
	width:230px;
	list-style-type:none;
}
ol[class^='sub-menu']:not([class='sub-menu-1']){
	margin:-28px 0 0 225px;
}
ol[class^='sub-menu'] li{
	padding:2px 5px;
	line-height:25px;
}
ol[class^='sub-menu'] li.menu-listed{
	border-bottom:#FFF 1px dashed;
}
ol[class^='sub-menu'] li:hover{
	background-image:url(../Image/sub-menu-bg.png);
	background-repeat:repeat;
}
ol[class^='sub-menu'] li > a{
	color:#930;
}
ol[class^='sub-menu'] li:hover > a{
	color:#F30;
	cursor:pointer;
}
div.nav-container div:hover > ol.sub-menu-1,
div.nav-container ol[class^='sub-menu'] li:hover > ol[class^='sub-menu']{
	display:block;
}
/*--- navigation --- */
div.navigation{
	position:relative;
	margin:6px 0 0;
	text-align:center;
	height:40px;
}
div.nav-container{
	position:relative;
	width:950px;
	margin:0;
	padding:0;
	height:40px;
	/*height:30px;
	overflow:hidden;*/
}
div.nav-container div:not([class='manage-top-menu']){
	position:relative;
	float:left;
	/*width:150px;*/
	height:30px;
	text-align:center;
	vertical-align:middle;
	margin:8px 1px 0 0;
	padding:0;
	border-bottom:#FC3 1px outset;
}
div.nav-container div{
	float:left;
}
div.nav-container div > a{
	display:block;
	vertical-align:middle;
	padding:4px 15px 4px;
	color:#930;
	font-size:10pt;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	background-color:#FC6;
	border:#FFF 3px solid;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
div.nav-container div.active > a{
	margin:-6px 0 0;
	padding:8px 15px 10px;
	font-size:11pt;
	color:#F60;
	background-color:#FFF;
	background-image:url(../Image/top-menu-act-bg.png);
	background-repeat:repeat-x;
	background-position:0px -2px;
	border:#FC3 1px outset;
	border-bottom:none;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
div.nav-container div.active > a:hover{
	color:#F60;
	cursor:default;
}
div.nav-container div:not([class='active']):hover > a{
	color:#F30;
	padding:6px 15px 6px !important;
	margin:-4px 0 0 0;
	background-color:#FC0;
	/*background-color:#EAEAEA;*/
}
div.express-logo{
	position:relative;
	float:left;
	margin:15px 0 0;
	padding:0;
	width:300px;
	height:90px;
}
div.express-logo-top{
	position:relative;
	margin:0 !important;
	padding:0 !important;
	width:300px !important;
	height:70px !important;
	background-image:url(../Image/express-logo.png);
	/*background-color:#FFCF28;*/
	background-position:center;
	background-repeat:no-repeat;
}
div.express-logo-bottom-shadow{
	margin:0 0 0 1px !important;
	position:relative;
	padding:1pt 0 !important;
	width:300px !important;
	height:20px !important;
	font-size:12pt;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
div.express-logo-bottom{
	margin:-23px 0 0 !important;
	position:relative;
	padding:1pt 0 !important;
	width:300px !important;
	height:20px !important;
	font-size:12pt;
	font-weight:bold;
	color:#C00;
	text-align:center;
}
/*--- express logo end ---*/
/*--- header right space start ---*/
div.header-right-space{
	position:relative;
	/*width:650px;*/
	width:550px;
	height:120px;
	float:right;
}
div.thanks-words{
	position:relative;
	float:left;
	margin:10px auto 0;
	width:620px;
	height:115px;
	/*background-image:url(../Image/thanks-words.png);
	background-position:top left;
	background-repeat:no-repeat;*/
}
div.social-media-icon{
	display:none;
	width:125px;
	height:25px;
	float:right;
	margin:15px 0 0;
	padding:35px 0 0;
	color:#03F;
	font-size:8pt;
	position:relative;
	background-image:url(../Image/facebook.png);
	background-repeat:no-repeat;
	background-position:66px -60px;
}
div.social-media-icon:hover{
	cursor:pointer;
	background-position:66px 0px;
}
/*--- header right space end ---*/
div.left-panel{
	position:relative;
	width:250px;
	float:left;
	margin:5px 0 0;
	padding:5px 0;
	min-height:2021px;
	/*border:#F00 1px solid;*/
}
div.right-panel{
	position:relative;
	width:700px;
	float:right;
	margin:5px 0 0;
	padding:0;
	/*border:#00F 1px solid;*/
}
div.miscellaneous ol li{
	margin:0 3px;
	display:inline;
	list-style-type:none;
	font-size:11pt;
	font-weight:bold;
	color:#666;
	vertical-align:middle;
}
div.miscellaneous ol li a,
div.miscellaneous ol li a:link,
div.miscellaneous ol li a:visited{
	margin:0;
	padding:3px 8px;
	font-size:11pt;
	font-weight:bold;
	color:#930;
	vertical-align:middle;
}

/*--- miscellaneous ---*/
div.miscellaneous{
	position:relative;
	margin:5px 0;
	width:250px;
	text-align:center;
	/*border-left:#999 1px dotted;*/
	padding:0px;
}
ol.misc-menu{
	position:relative;
	margin:0;
	padding:3px 6px;
	border:#999 1px dashed;
	font-size:11pt;
	font-weight:bold;
	background-color: #ffdd99;
}
ol.misc-menu li.search-box{
	padding:5px 2px 10px 22px !important;
	background-color:transparent !important;
	background-image:url(../Image/search.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:none !important;
}
form#search-form input[name='key']:focus+input.search-btn,
input#mailing:focus+input#mailing-ok{
	color:#666 !important;
	border:#666 1px solid;
}
ol.misc-menu li.mailing{
	padding:10px 2px 10px 22px !important;
	background-color:transparent !important;
	background-image:url(../Image/e-mail_icon.png);
	background-position:0px 11px;
	background-repeat:no-repeat;
	border:none !important;
}
ol.misc-menu li.search-box input,
ol.misc-menu li.mailing input{
	color:#666;
	font-size:9pt;
	font-family:Tahoma, Geneva, sans-serif;
}
ol.misc-menu li.search-box input[type='text'],
ol.misc-menu li.mailing input[type='text']{
	/*max-width:145px;*/
}
div.miscellaneous ol.misc-menu li{
	display:block;
	padding:8px 2px;
	text-align:left !important;
	font-size:9pt !important;
	font-weight:bold !important;
	border-top:#de9904 1px solid;
}
ol.misc-menu li a{
	font-size:11pt !important;
	font-weight:bold !important;
	margin:0 !important;
	padding:1px 0 !important;
	line-height: 24px;
	/* line-height:30px; */
}
ol.misc-menu li a:hover{
	color:rgb(255, 51, 0) !important;
	padding:1px 0 0 !important;
	border-bottom:#F60 1px dashed;
}
input.search-btn,
input#mailing-ok{
	position:relative;
	width:40px;
	margin:0;
	padding:1px 2px;
	color:#999 !important;
	font-size:9pt !important;
	background-color:#F5F5F5;
	/* all radius */
	border:#999 1px solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
input#mailing-ok{
	margin:0 0 0 4px;
}
form#search-form input[name='key']:focus+input.search-btn:hover,
input#mailing:focus+input#mailing-ok:hover{
	cursor:pointer;
	background-color:#E6E6E6;
	color:#333 !important;
	border:#333 1px solid !important;
}

/*--------------------*/
div.clear{
	float:none;
	clear:both;
	width:0px;
	height:0px;
	padding:0;
	margin:0;
}
div.root{
	position:relative;
	padding:0 !important;
	margin:0;
	min-height:1580px;
	/*min-width:600px;*/
}
/*--- content ---*/
h3{
	margin:5px;
	padding:5px 15px;
}
div.content-description{
	position:relative;
	padding:10px 15px;
	color:#000;
	line-height:25px;
	min-height:10px;
	max-height:315px;
	overflow:hidden;
}
div.content-description p{
	font-size:10pt;
	text-indent:30px;
}
div.formula-wrap,
span.formula-wrap{
	padding:3px;
	border:1px solid #CCC;
	color:#F00;
}
div.content-description p.remark{
	text-indent:0;
	padding:2px 10px;
	color:#06F;
	font-size:9pt;
	line-height:18px;
	background-color:#D5EAF9;
	border:#06C 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
div.content-description p.remark a{
	color:#03F;
}
div.content-description ul{
	margin:0 0 0 40px !important;
	padding:0 !important;
}
/*div.content-description a{
	color:#03F;
	text-decoration:underline;
}
div.content-description a:hover{
	color:#00F;
}*/
div.view-more{
	background-image:url(../Image/view-more-bg.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	color:#36F;
	position:absolute;
	margin:300px auto 0 -10px;
	width:668px;
	padding:0 20px 0 0;
	height:25px;
	/*z-index:160;*/
	text-align:right;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
div.view-more:hover{
	background-position:0px -25px;
}
div.view-more span{
	padding:0 25px 0 0;
	background-image:url(../Image/bullet_arrow_down.png);
	background-repeat:no-repeat;
	background-position:60px 3px;
	cursor:pointer;
}
div.view-more span:hover{
	color:#00F;
}
div.intro{
	top:0;
	left:0;
	position:fixed;
	z-index:102;
	height:100%;
	width:100%;
	text-align:center;
	padding:80px 0;
	font-size:9pt;
	background-color:#FFF;
}

div.intro-sliding{
	height:100%;
	width:600;
	margin:100px auto;
	text-align:center;
	padding:5px;
	font-size:9pt;
}
div.price-sliding{
	display:none;
	width:98%;
	height:100%;
	margin:auto;
	padding:5px;
	font-size:9pt;
}
div.sliding-div{
	display:none;
	width:98%;
	height:100%;
	margin:15px auto 50px;
	padding:5px;
	font-size:9pt;
}
div.main-content{
	margin:0 auto;
	padding:0;
	width:960px;
	position:relative;
	text-align:center;
	/*border:#0F0 1px solid;*/
}
div.content-div{
	float:right;
	position:relative;
	width:700px;
	height:auto;
	margin:0;
	padding:5px;
	font-size:9pt;
	text-align:left;
	/* [disabled]border-left: #CCC 1px dashed; */
	/*min-height: 450px;*/
}
span.span-right{
	float:right;
	padding:0 2px;
}
span.span-right:hover{
	color:#999;
	cursor:pointer;
}
/*------------- Footer --------------*/
div.footer{
	width:100%;
	height:75px;
	padding:1px;
	margin:auto;
	text-align:center;
	/*position:fixed;*/
	position:relative;
	font-size:9pt;
	color:#999;
	border-top:#CCC 1px solid;
	background-image:url(../Image/footer-bg.png);
	background-position:top left;
	background-repeat:repeat-x;
}
div.footer div{
	padding:1px;
	margin:auto;
	min-width:600px;
}
/*--------------------*/
/*---------- tool-tip start ----------*/
div.tool-tip{
	display:none;
	top:30px;
	z-index:103;
	position:fixed;
	border:none;
	width:100%;
}
div.tool-tip-news{
	display:none;
	top:30px;
	z-index:103;
	position:fixed;
	border:none;
	width:100%;
}
div.line{
	border:#F93 5px solid;
	border-top:none;
}
div.line-bottom{
	border:#F93 5px solid;
	border-bottom:none;
}
div.tool-tip-arrow,
div.tool-tip-arrow-bottom{
	height:11px;
	background-image:url(../Image/tool-tip-arrow.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:20px;
}
div.tool-tip-arrow-bottom{
	background-position:0 -32px;
}
div.tool-tip-text{
	padding:10px 20px 20px 20px;
	color:#999;
	font-size:12pt;
	font-weight:bold;
	border:#F90 1px solid;
	/*background-color:#F90;*/
	background-color:#E8F2F4;
	line-height:25px;
	/* all radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
/*div.tool-tip div.tool-tip-arrow-left{
	margin-top:25px;
	height:40px;
	background-image:url(../Image/tool-tip-arrow.png);
	background-repeat:no-repeat;
	background-position:0 -11px;
	width:11px;
	float:left;
	position:relative;
}
div.tool-tip div.tool-tip-text-right{
	padding:10px 20px 20px 20px;
	color:#FFF;
	font-size:12pt;
	font-weight:bold;
	border:#F90 1px solid;
	background-color:#F90;
	line-height:25px;
	float:left;
	position:relative;
}*/
/*div.tool-tip div.tool-tip-text-right span,*/
div.tool-tip-text span{
	cursor:pointer;
}
/*div.tool-tip div.tool-tip-text-right span:hover,*/
div.tool-tip-text span:hover{
	color:#333;
}
/*---------- tool-tip end ----------*/

/*------------ NEWS DISPLAY START -------------*/
div.news-panel{
	margin:0;
	padding:0;
	position:relative;
	width:250px;
	height:72px;
}
div.news-panel:hover div.news-headline{
	margin-top:0;
}
div.news-header{
	position:relative;
	width:250px;
	height:47px;
	margin:0;
	padding:0;
	background-image:url(../Image/news-header-bg.png);
	background-position:top left;
	background-repeat:no-repeat;
}
div.news-body,
div.update-body{
	position:relative;
	width:240px;
	margin:0;
	padding:5px;
	background-image:url(../Image/news-body-bg.png);
	background-position:top left;
	background-repeat:repeat-y;
}
div.news-footer,
div.update-footer{
	position:relative;
	width:250px;
	height:75px;
	margin:0;
	padding:0;
	background-image:url(../Image/news-footer-bg.png);
	background-position:top left;
	background-repeat:no-repeat;
}
div.news-category-header{
	position:relative;
	width:230px;
	margin:7px auto 0;
	padding:0;
	border:none;
	text-align:left;
	z-index:91;
}
div.news-category-header > span{
	position:relative;
	border:#CCC 1px solid;
	border-bottom:none;
	/* top-left radius */
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	/* top-right radius */
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	background-color:#CCC;
	margin:0 3px 0 0;
	padding:5px 3px;
	font-size:9pt;
	font-weight:bold;
	color:#333;
	cursor:pointer;
}
div.news-category-header > span.news-active{
	position:relative;
	border-color:#CCC;
	background-color:#F7F7F7;
	background-image:url(../Image/top-menu-act-bg.png);
	background-position:0px -5px;
	background-repeat:repeat-x;
	padding:6px 3px;
	font-size:9pt;
	font-weight:bold;
	color:#333;
	cursor:default;
}
div.news-data,
div.update-data{
	position:relative;
	width:220px;
	margin:5px auto 0;
	padding:5px;
	background-color:#F7F7F7;
	border:#CCC 1px solid;
	z-index:90;
}

div.news-data{
	height:200px;
}
div.update-data{
	height:410px;
}
div.region-news,
div.sports-news,
div.eco-news{
	text-align:left;
	position:relative;
	width:220px;
	height:200px;
	overflow:auto;
}
div.oil-price,
div.ex-rate,
div.weather{
	text-align:left;
	position:relative;
	overflow:auto;
}
div.oil-price{
	padding:0 10px;
	width:200px;
	height:410px;
}
a.oil-price-history,
a.oil-price-province{
	margin-left:10px;
	color:#06C;
	font-size:8pt;
}
a.oil-price-history:hover,
a.oil-price-province:hover{
	color:#00F;
	cursor:pointer;
}
div.ex-rate{
	width:170px;
	padding:30px 25px;
	height:190px;
}
div.weather{
	padding:10px 20px;
	width:180px;
	height:290px;
}
div.sports-news,
div.eco-news,
div.ex-rate,
div.weather{
	display:none;
}
p.news-date{
	color:#900;
	font-size:8pt;
	font-weight:bold;
	text-align:left;
	padding:5px 0 0 0;
}
p.news-detail{
	color:#333;
	font-size:9pt;
	font-weight:normal;
	text-align:le;
	padding:2px 0 5px 10px;
	border-bottom:#999 1px dashed;
}
/*------------ NEWS DISPLAY END -------------*/
/*------------ UPDATE DISPLAY START -------------*/
div.update-header{
	position:relative;
	width:250px;
	height:47px;
	margin:0;
	padding:0;
	background-image:url(../Image/up-header-bg.png);
	background-position:top left;
	background-repeat:no-repeat;
}
/*------------ UPDATE DISPLAY END -------------*/

/*------------ Home about-us/webboard start -------------*/
div.home-about-us,
div.home-webboard{
	width:668px;
	position:relative;
	margin:0 auto 5px;
	padding:5px 0;
	border:#F90 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
div.home-about-us h3,
div.home-webboard h3{
	font-size:11pt;
	color:#666;
	text-align:left;
	margin:0 4px;
	padding:3px;
	text-align:center;
}
div.home-about-us div.content-description{
	padding:5px;
	height:300px;
	text-align:left;
}
/*------------ Home-about us end -------------*/
/*------------ Webboard start -------------*/
div.home{
	float:left;
	position:relative;
	margin:0 0 60px;
	padding:0;
	width:668px;
}
div.webboard-intro-header{
	width:658px;
	height:20px;
	margin:2px auto 0;
	padding:5px 0 0;
	text-align:center;
	border:#CCC 1px solid;
	/* top-left radius */
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	/* top-right radius */
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom:#CCC 1px dashed;
	background-color:#FFF;
}
div.wb-subject,
div.wb-poster,
div.wb-vr{
	float:left;
	position:relative;
	text-align:center;
	font-size:9pt;
	font-weight:bold;
	padding:0 2px;
}
div.wb-subject{
	width:470px;
}
div.wb-poster{
	width:90px;
}
div.wb-vr{
	width:35px;
	text-align:center;
}
div.webboard-intro{
	border:#CCC 1px solid;
	/* bottom-left radius */
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	/* bottom-right radius */
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top:none;
	position:relative;
	margin:0 auto;
	padding:0;
	width:658px;
	height:450px;
	overflow:auto;
	font-size:10pt;
	color:#666;
	background-color:#FFF;
}
div.webboard-intro table{
	
}
div.webboard-intro tr{
	
}
div.webboard-intro td{
	margin:0;
	padding:2px;
	background-color:#F3F3F4;
	vertical-align:middle;
}
div.webboard-intro a,
div.webboard-intro a:link,
div.webboard-intro a:visited{
	color:#666;
}
div.webboard-intro a:hover{
	text-decoration:underline;
	color:#00F;
}
div.view-all-post{
	width:668px;
	margin:0 auto;
	text-align:right;
}
div.view-all-post a,
div.view-all-post a:link,
div.view-all-post a:visited{
	padding:2px 5px;
	color:#03F;
	font-size:10pt;
}
div.view-all-post a:hover{
	text-decoration:underline;
}
/*------------ Webboard end -------------*/

/*------------ language selection start -------------*/
div.lang-select{
	margin:0 auto;
	padding:5px 0;
	text-align:center;
	position:relative;
	border:#999 1px dashed;
}
span.label{
	font-size:10pt;
	font-weight:bold;
	color:#999;
}
span.thai,
span.thai-active,
span.english,
span.english-active{
	padding:0 5px 0 22px;
	font-size:8pt;
	color:#999;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	background-repeat:no-repeat;
	background-position:0 -15px;
}
span.thai,
span.english{
	cursor:pointer;
	border:#CCC 2px outset;
}
span.thai:hover,
span.english:hover{
	/*background-position:0 -15px;*/
	background-color:#E0F5FC;
	color:#06F;
}
span.thai,
span.thai-active{
	background-image:url(../Image/flag_thailand.png);
}
span.english,
span.english-active{
	background-image:url(../Image/flag_great_britain.png);
}
span.thai-active,
span.english-active{
	background-position:0 -16px;
	cursor:default;
	border:#CCC 1px inset;
	color:#00C;
}
/*------------ language selection end -------------*/

/*------------ advertise start -------------*/
div.ads-left{
	margin:0 0 0 7px;
	padding:0;
	float:left;
	position:relative;
	width:175px;
	display:none;
}
div.ads-right{
	margin:0 -7px 0 0;
	padding:0;
	float:right;
	position:relative;
	width:175px;
	/*display:none;*/
}
div[class^='left-ads'],
div[class^='right-ads']{
	/*border:#CCC 1px dashed;*/ /* If enable this line the ads. border will shown */
	/* all radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background-color:#FFF;
	margin:4px;
	padding:1px 4px;
	position:relative;
	width:150px;
	height:140px;
}
div[class^='left-ads'] div.container,
div[class^='right-ads'] div.container{
	position:absolute;
	margin:auto;
	vertical-align:middle;
	text-align:center;
	font-size:10pt;
	color:#999;
	display:none; /* If remove this line the ads. will shown  */
}
div[class^='left-ads'] p.ads-words,
div[class^='right-ads'] p.ads-words{
	text-indent:0 !important;
	width:150px;
	/*font-size:10pt !important;*/
	font-family:Tahoma, Helvetica, sans-serif;
	max-height:120px;
	overflow:hidden;
}

div[class^='left-ads'] p.ads-link,
div[class^='right-ads'] p.ads-link{
	width:150px;
	text-align:left;
	max-width:145px;
	max-height:22px;
	overflow:hidden;
}
div[class^='left-ads'] p.ads-link a,
div[class^='right-ads'] p.ads-link a{
	font-size:8pt;
	color:#063;
	text-decoration:underline;
}
/*------------ advertise end ------------*/
/*------------ site-path start ------------*/
div.site-path{
	position:relative;
	margin:0 0 2px 0;
	padding:5px 5px;
	min-height:15px;
	overflow:hidden;
	text-align:left;
	/*background-color:#FC0;
	border:#F90 1px double;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	*/
}
div.site-path span{
	padding:0 3px;
	font-size:11pt;
	color:#930;
}
div.site-path a{
	font-weight:bold;
	font-size:11pt;
	color:#930;
	text-decoration:underline;
}
a.go-back-home{
	background-image:url(../Image/home.png);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}
div.site-path a:hover,
div.site-path a.go-back-home:hover{
	color:#B50;
	text-decoration:underline;
}
div.webboard div.site-path{
	font-weight:bold;
}
div.webboard div.site-path span.sub{
	font-weight:normal;
}
/*------------ site-path end ------------*/

/*******************************  ADMIN SECTION  *************************************/
div#display-content{
	position:relative;
	padding:0 0 5px 0;
	height:auto;
}
div#display-content > h3.ui-widget-header.ui-corner-all{
	text-shadow:1px 1px 2px rgb(20, 20, 20);
}
div#display-content:hover div.admin-tools,
div.home-about-us:hover div.admin-tools{
	display:block;
}
div.admin-tools{
	display:none;
	position:absolute;
	z-index:100;
	margin:0 0 0 545px;
	padding:2px 0 0;
	background-image:url(../Image/news-bg.png);
	background-repeat:repeat;
	background-position:top left;
	height:22px;
	width:97px;
	float:right;
	border:#CCC 1px solid;
		/* all radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
}
img.admin-btn{
	margin:0 2px;
	padding:2px;
	border:none;
	float:right;
	position:relative;
}
img.admin-btn:hover{
	background-color:#F7F7F7;
	border:#999 1px solid;
	padding:1px;
	cursor:pointer;
		/* all radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
div[class^='left-ads'] div.ads-tools,
div[class^='right-ads'] div.ads-tools{
	display:none;
	margin:2px 0 0;
	padding:2px 0 0;
	position:relative;
	float:right;
	top:0;
	left:0;
	z-index:100;
	background-image:url(../Image/news-bg.png);
	background-repeat:repeat;
	background-position:top left;
	height:22px;
	width:48px;
	border:#CCC 1px solid;
		/* all radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
}
div[class^='left-ads']:hover div.ads-tools,
div[class^='right-ads']:hover div.ads-tools{
	display:block;
}
div[class^='left-ads'] div.ads-tools img:hover,
div[class^='right-ads'] div.ads-tools img:hover{
	background-color:#F7F7F7;
	border:#999 1px solid;
	padding:1px;
	cursor:pointer;
		/* all radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
}
/*-------------- User logout start ----------------*/
div.user{
	position:relative;
	width:235px;
	margin:2px 0;
	text-align:left;
}
div.admin-other-tools{
	position:relative;
	margin:0 !important;
	padding:0 !important; 
	width:150px !important;
}
div.admin-other-tools ol{
	position:absolute !important;
}
div.user div.logout{
	float:right;
	position:relative;
	margin:0 !important;
	padding:0 !important;
	width:35px;
}
div.user span.user-text{
	font-size:8pt;
	color:#999;
}
div.user span.user-name{
	font-size:10pt;
	color:#00F;
}
div.user input[type='submit']{
	font-size:9pt;
	color:#666;
}
/*-------------- User logout end ----------------*/
div.dl-times{
	position:relative;
	margin:-5px 0 0;
	padding:0;
	font-size:10pt;
	/*border:#009 1px solid;*/
}
div.chrome-info-container{
	display:none;
	position:fixed;
	/*top:500;
	left:15;*/
	z-index:200;
}
div.chrome-info{
	position:relative;
	width:190px;
	height:50px;
	margin:0;
	padding:20px 5px 20px;
	-webkit-border-radius: 8px;
	border:#F90 1px solid;
	background-image:-webkit-gradient(linear, center top, center bottom, from(#FC6), to(#F90));/* color-stop(0,yellow), color-stop(100%,orange));*/
	color:#F00;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	z-index:202;
}
div.chrome-info-arrow{
	position:relative;
	margin:-25px auto 0;
	padding:0;
	width:40px;
	height:40px;
	/*background-image:url(Image/chrome-info-arrow.png);
	background-repeat:no-repeat;
	background-position:85px 0px;*/
	background-color:#F90;
	-webkit-transform:rotate(45deg);
	z-index:201;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.cloud-review {
        margin: 5px;
        padding: 10px;
        border: 1px solid #999999;
        background-color: #efefef;
        color: #000000;
}
h3.compare-cloud-title {
	margin-top: 15px;
	font-size: 1.45em !important;
	text-align: center;
}
table.tbl-compare-cloud {
	width: 100% !important;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.tbl-compare-cloud td,
table.tbl-compare-cloud th {
	font-size: 1.15em !important;
	font-weight: bold !important;
	color: #333333;
	text-align: center;
	border: 1px solid #999999;
	padding: 3px 6px;
}
table.tbl-compare-cloud tr:first-child > th:first-child {
	border-top: none;
	border-left: none;
}
table.tbl-compare-cloud tr>td:first-child {
	width: 30%;
	text-align: left;
}
table.tbl-compare-cloud tr:first-child > th:nth-child(2) {
	background-color: #b1d4f9;
}
table.tbl-compare-cloud tr:first-child > th:nth-child(3) {
	background-color: #f9c27a;
}
table.tbl-compare-cloud tr > td:nth-child(1) {
 	background-color: #f4f4f4;
}
table.tbl-compare-cloud tr > td:nth-child(2) {
	background-color: #dbecff;
}
table.tbl-compare-cloud tr > td:nth-child(3) {
	background-color: #ffdcaf;
}
.chart-box {
	display: inline-block;
	width: 16px;
	margin: 1px;
	padding: 1px;
	font-size: 1.10em;
	color: #ffffff;
}
.blinking{
	animation: blinker 1s linear infinite;
}
@keyframes blinker {
	50% {
		opacity: 0.3;
	}
}
.lang-select{
	/*display: none;*/
}