body { background-image:  url(pic/body-bg.gif); background-repeat: no-repeat; background-position: left top;top:500px; margin-left:0px; margin-top:0px; margin-bottom:0px;}

/* MENU */
.menubg1-1 {background-image: url(pic/menu-bg1_1.gif);background-repeat: no-repeat;background-position: right bottom;filter:alpha(opacity=40);height: 4px;width: 4px;-moz-opacity:.40;opacity:.40;}
.menubg2-1 {background-image: url(pic/menu-bg2_1.gif);background-repeat: repeat-x;background-position: bottom;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
.menubg3-1 {background-image: url(pic/menu-bg3_1.gif);background-repeat: no-repeat;background-position: left bottom;filter:alpha(opacity=40);height: 4px;width: 4px;-moz-opacity:.40;opacity:.40;}
.menubg4-1 {background-image: url(pic/menu-bg4_1.gif);background-repeat: repeat-y;background-position: right;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
.menubg5-1 {position:relative;width:950px; height:81px; 
			/* Mozilla ignores crazy MS image filters, so it will skip the following */
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='pic/menu-bg5_1.png');}
			/* IE ignores styles with [attributes], so it will skip the following. */
.menubg5-1[class] {background-image:url(pic/menu-bg5_1.png);}
.menubg6-1 {background-image: url(pic/menu-bg6_1.gif);background-repeat: repeat-y;background-position: left;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
.menubg7-1 {background-image: url(pic/menu-bg7_1.gif);background-repeat: no-repeat;background-position: right top;filter:alpha(opacity=40);height: 4px;width: 4px;-moz-opacity:.40;opacity:.40;}
.menubg8-1 {background-image: url(pic/menu-bg8_1.gif);background-repeat: repeat-x;background-position: top;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
.menubg9-1 {background-image: url(pic/menu-bg9_1.gif);background-repeat: no-repeat;background-position: left top;filter:alpha(opacity=40);height: 4px;width: 4px;-moz-opacity:.40;opacity:.40;}
/*end*/

/* TEXT STYLE */
.txt10 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 10px;}
.txt12 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;}
.txt14 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 14px;}
/*end*/

input.txtbox { font-size: 12px;}
input.txtboxlogin { font-size: 12px;width:120px;}

.menusearchbg-1 {font-size: 15px;background-image: url(pic/menu-search-bg.gif);background-repeat: no-repeat;background-position: bottom;}
.menusearchbgeng-1 {background-image: url(pic/menu-search-bg-eng.gif);background-repeat: no-repeat;background-position: bottom;}

a.menulink {font-family: "Arial", "Helvetica", "sans-serif";font-size: 13px;color: #0066CC;text-decoration: none;}
a.menulinklogin {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #0066CC;text-decoration: none;}
a.menulinkeng {font-family: "Arial", "Helvetica", "sans-serif";font-size: 13px;color: #0066CC;text-decoration: none;}
a.white {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #FFFFFF;text-decoration: none;}
a.link12 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;text-decoration: none;}
a.link14 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 14px;text-decoration: none;}

/* FOOTER */
.footerlink {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #666666;text-decoration: none;}
a.footerlink {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #0099ff;text-decoration: none;}
/*end*/

/* IMAGE STYLE */
img.imggrayborder{border-style:solid;border-color:#CCCCCC;border-width:5px;margin-right:10px;float: left;}
img.imgoutline{border: 1px solid #CCCCCC;margin-right:3px;margin-bottom:10px;float: left;padding: 5px;}


/* NEW PACKAGE BG */
.newdbg1-1 {background-image: url(pic/newd-bg1_1.gif);background-repeat: no-repeat;background-position: right bottom;}
.newdbg2-1 {background-image: url(pic/newd-bg2_1.gif);background-repeat: repeat-x;background-position: bottom;}
.newdbg3-1 {background-image: url(pic/newd-bg3_1.gif);background-repeat: no-repeat;background-position: left bottom;}
.newdbg4-1 {background-image: url(pic/newd-bg4_1.gif);background-repeat: repeat-y;background-position: right;}
.newdbg5-1 {background-image: url(pic/newd-bg5_1.gif);background-repeat: repeat;}
.newdbg6-1 {background-image: url(pic/newd-bg6_1.gif);background-repeat: repeat-y;background-position: left;}
.newdbg7-1 {background-image: url(pic/newd-bg7_1.gif);background-repeat: no-repeat;background-position: right top;}
.newdbg8-1 {background-image: url(pic/newd-bg8_1.gif);background-repeat: repeat-x;background-position: top;}
.newdbg9-1 {background-image: url(pic/newd-bg9_1.gif);background-repeat: no-repeat;background-position: left top;}
.newdbgwhite {background-image: url(pic/newdbg-white.gif);background-repeat: no-repeat;}

/* LINE STYLE */
.line-dot-t {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;background-image: url(pic/line-dot.gif);background-repeat: repeat-x;background-position: top;}
.line-dot-b {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;background-image: url(pic/line-dot.gif);background-repeat: repeat-x;background-position: bottom;}
.line-b {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;text-decoration: none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;}
.line-c {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;text-decoration: none;}
.line-br {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;text-decoration: none;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;}
.line-sho-r-g {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;background-image: url(pic/line-sgver.gif);background-repeat: no-repeat;background-position: right;}
.line-title {font-family: "Arial", "Helvetica", "sans-serif";background-image: url(pic/line-sgver-long.gif);background-repeat: no-repeat;background-position: right;}

/* NOTICE BG */
.ntcbg1-1 {background-image: url(pic/noticebg1_1.gif);background-repeat: no-repeat;background-position: right bottom;height: 6px;width: 6px;}
.ntcbg2-1 {background-image: url(pic/noticebg2_1.gif);background-repeat: repeat-x;background-position: bottom;height: 6px;}
.ntcbg3-1 {background-image: url(pic/noticebg3_1.gif);background-repeat: no-repeat;background-position: left bottom;height: 6px;width: 6px;}
.ntcbg4-1 {background-image: url(pic/noticebg4_1.gif);background-repeat: repeat-y;background-position: right;width: 6px;}
.ntcbg5-1 {background-color: #E3EFF8;}
.ntcbg6-1 {background-image: url(pic/noticebg6_1.gif);background-repeat: repeat-y;background-position: left;width: 6px;}
.ntcbg7-1 {background-image: url(pic/noticebg7_1.gif);background-repeat: no-repeat;background-position: right top;height: 6px;width: 6px;}
.ntcbg8-1 {background-image: url(pic/noticebg8_1.gif);background-repeat: repeat-x;background-position: top;height: 6px;}
.ntcbg9-1 {background-image: url(pic/noticebg9_1.gif);background-repeat: no-repeat;background-position: left top;height: 6px;width: 6px;}

/* ROUND CORNER MIDDLE */
.rcorner2{background-image: url(pic/rcorner2.gif);background-repeat: repeat-x;background-position: bottom;}

/* WATER MARK */
/*OPTION1 (CAN USE) */
#watermark_box {position:relative;display:block;}
img.watermark {position: absolute;top: 4px;left: 4px;}
/*OPTION2* (CANNOT USE HV TO MODIFIED)*/
.watermark {position: relative;display:block;}
img.watermark span {position: absolute;top: 4px;left: 4px;background-image: url(pic/watermark-chi.png);} 
/*end*/

.bggray {background-image: url(pic/bg-gray.gif);background-repeat: no-repeat;background-position: left top;}
.bggray2 {background-image: url(pic/bg-gray2.gif);background-repeat: no-repeat;background-position: left top;}

/*WHITE BOX WITH GRAY OUT LINE BG*/
.boxw1 {background-image: url(pic/box-white-1.gif);background-repeat: no-repeat;background-position: right bottom;height: 10px;width: 10px;}
.boxw2 {background-image: url(pic/box-white-2.gif);background-repeat: repeat-x;background-position: bottom;height: 10px;}
.boxw3 {background-image: url(pic/box-white-3.gif);background-repeat: no-repeat;background-position: left bottom;height: 10px;width: 10px;}
.boxw4 {background-image: url(pic/box-white-4.gif);background-repeat: repeat-y;background-position: right;width: 10px;}
.boxw6 {background-image: url(pic/box-white-5.gif);background-repeat: repeat-y;background-position: left;width: 10px;}
.boxw7 {background-image: url(pic/box-white-6.gif);background-repeat: no-repeat;background-position: right top;height: 10px;width: 10px;}
.boxw8 {background-image: url(pic/box-white-7.gif);background-repeat: repeat-x;background-position: top;height: 10px;}
.boxw9 {background-image: url(pic/box-white-8.gif);background-repeat: no-repeat;background-position: left top;height: 10px;width: 10px;}
.weatherbg {background-image: url(pic/weather/weatherbg.gif);background-repeat: no-repeat;background-position: center bottom;}

/*NO. FOR PAGE LISTING*/
.listpage {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;word-spacing: 10px;}

.list {list-style-type: square;list-style-image: url(pic/sicon_square.gif);list-style-position: outside;}

.boxclra {background-image: url(pic/boxclr-top1a.gif);background-repeat: no-repeat;height: 30px;width: 224px;}
.boxclrb {background-image: url(pic/boxclr-top1b.gif);background-repeat: no-repeat;height: 30px;width: 224px;}
.boxclr2 {background-image: url(pic/boxclr-top2.gif);background-repeat: no-repeat;height: 12px;width: 244px;}
.boxclr4 {background-image: url(pic/boxclr-top4.gif);background-repeat: no-repeat;height: 12px;width: 244px;}
.boxclr3 {background-image: url(pic/boxclr-top3.gif);background-repeat: repeat-y;width: 244px;}

.bar {font-size: 12px;background-image: url(pic/bar.gif);background-repeat: repeat-x;background-position: top;}

/*row picture*/
#logo2 {
	position: relative;
}
.logo2 {
	position: absolute;
	top: 0px;
	left: 10px;
	display: block;
	visibility: visible;

}
.thumbnail_01, .thumbnail_02, .thumbnail_03, .thumbnail_04, .thumbnail_05, .thumbnail_06, .thumbnail_07, .thumbnail_08, .thumbnail_09, .thumbnail_10, .thumbnail_11, .thumbnail_12, .thumbnail_13{
	border : 1px solid #00CCFF; 
	background: #fff;
	width: 75px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	position: absolute;
}
.thumbnail_01 {	top: -35px;left: 15px; }
.thumbnail_02 {	top: -25px;left: 85px; }
.thumbnail_03 { top: -35px;left: 155px; }
.thumbnail_04 {	top: -25px;left: 225px; }
.thumbnail_05 {	top: -35px;left: 295px; }
.thumbnail_06 {	top: -25px;left: 365px; }
.thumbnail_07 { top: -35px;left: 435px; }
.thumbnail_08 {	top: -25px;left: 505px; }
.thumbnail_09 {	top: -35px;left: 575px; }
.thumbnail_10 {	top: -25px;left: 645px; }
.thumbnail_11 {	top: -35px;left: 715px; }
.thumbnail_12 {	top: -25px;left: 785px; }
.thumbnail_13 {	top: -35px;left: 855px; }


.forumlink { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px;text-decoration: none; color: #0099FF;}
.forumlink:link {font-family: "Arial", "Helvetica", "sans-serif";font-size: 11px;text-decoration: none;color: #0099FF;}
.forumlink:hover {font-family: "Arial", "Helvetica", "sans-serif";font-size: 11px;color: #0099FF;}

img.pic {
	max-width: 900px;
	width:expression(this.width > 900 ? ¡°800px¡± : this.width);
  }