@font-face{font-family:wdb_bangna;src:url(font/WDB_Bangna_fix3.ttf) format(truetype)}
*{color:#fff;font-family:tahoma;font-size:15px;margin:0;padding:0}
h2{font-size:17px}
h2.contentTitle{width:100%;height:50px;display:inline-block;background:#3BB9FF;color:#fff;text-align:center;line-height:2.3em;font-family:tahoma;font-size:22px;font-weight:700;border-radius:5px;margin:0 0 10px}
h3.contentTitle{width:100%;height:40px;display:inline-block;background:#3BB9FF;color:#fff;text-align:center;line-height:2.3em;font-size:16px;font-weight:700;border-radius:5px;margin:0 0 10px}
body{background:#000 url(images/img_bg.jpg) no-repeat center top;}
#page{width:100%}
.pageLayout{width:1220px;clear:both;margin:0 auto}
#header{width:100%;height:620px;}
#contentContainer{width:100%;position:relative}
#contentTopBar{width:99%;height:40px;position:absolute;z-index:500}
#msgbox *{color:#333}
#footer{width:100%;min-height:200px;background:#000 url(images/img_footer.jpg) no-repeat center top; position:relative;}
#fbFanPage{width:100%;height:310px;position:relative;background:#BCC6CC url(images/simple_dashed2.png);border-radius:3px 3px 3px 3px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.35);text-align:center;margin:0 auto}
#fbFanPage a,#socialContainer img{border:none}
#fbFanPage a:hover{background:rgba(59,185,255,.5)}

#line_1 {
	width:200px;
	height:244px;
	position:absolute;
	right:10px;
	top:10px;
}

#line_qrcode_1 {
	width:200px;
	height:200px;
	background:#666 url(images/line_qr4.png) no-repeat;
	background-size:cover;
}

#line_2 {
	width:190px;
	height:234px;
	
	position:absolute;
	left:-195px;
	top:10px;

}

#line_qrcode_2 {
	width:190px;
	height:190px;
	background:#666 url(images/line_qr4.png) no-repeat;
	background-size:cover;
}

.line_id {
	width:100%;
	height:40px;
	background:#52D017 url(images/icon_line_32.png) no-repeat 4px 50%;
	border-radius:4px;
	text-align:center;
	line-height:2.5em;
	font-size:1em;
	margin-top:5px;
	font-weight:bold;
}

.line_id label {
	color:#fff !important;
}

div#theme_switch_bg {
	position:absolute;
	top:10px;
	right:220px;
	background:#4CC417;
	opacity:0.7;
	width:18em;
	height:2.5em;
}


ul#theme_switch {
	display:block;
	position:absolute;
	top:10px;
	right:220px;
	width:18em;
	height:2.5em;
}
ul#theme_switch li {
	display:block;
}
ul#theme_switch li a {
	display:block;
	color:#eee;
	line-height:2.2em;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	width:18em;
	height:2.5em;
	text-decoration:none;
}

ul#theme_switch li a:hover {
	background:#4CC417;
}

	
	/*PAGING*/
ul.paging {
	display: block;
    list-style: none;
}

ul.paging li {
	display: block;
    float: left;
	min-width: 35px;
    margin-right: 2px;
	color:#fff !important;
}

ul.paging li a {
	border: 1px solid #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#E8E8E8');
    background: -moz-linear-gradient(center top , #F9F9F9 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, center top, left 25, from(#F9F9F9), color-stop(4%, #E8E8E8), to(#F9F9F9));
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
    color: #717171;
    display: block;
    font: bold 11px Arial,sans-serif;
    padding: 5px 8px;
    text-decoration: none;
    text-shadow: 0 1px white;
	text-align: center;
}

ul.paging li a.current {
	background: #2ab0ed; /* Old browsers */
	
	background: -ms-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 20%,#9fd8ef 60%,#2ab0ed 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB9E5', endColorstr='#57A1D8');
    background: -moz-linear-gradient(center top , #7CB9E5 0%, #57A1D8 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, center top, left 25, from(#7CB9E5), color-stop(4%, #57A1D8), to(#7CB9E5));

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.8);
    color: white;
    text-shadow: 0 1px #3F789F;
}


ul.paging li a:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E8E8');
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, center top, left 25, from(#FFFFFF), color-stop(4%, #E8E8E8), to(#FFFFFF));
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
}

ul.paging li a:active, ul.paging li a.current:active {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 1px 0 #FFFFFF !important;
}

ul.paging li a.current:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99CEFC', endColorstr='#57A1D8');
    background: -moz-linear-gradient(center top , #99CEFC 0%, #57A1D8 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, center top, left 25, from(#99CEFC), color-stop(4%, #57A1D8), to(#99CEFC));
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.9);
}

.blockContent{width:100%;min-height:100px;background:#000 url(images/block_content_02.png) repeat-y}
.contentData{width:100%;position:relative;left:30px}
.blockContent div.blockTitle{width:100%;height:64px;background:#000 url(images/block_content_01.png) no-repeat center top;position:relative}
.blockContent div.blockTitle h3{display:block;position:absolute;left:60px;top:24px;width:230px;text-align:center;font-size:16px}
.blockContent div.blockFooter{width:100%;height:38px;background:#000 url(images/block_content_03.png) no-repeat center top}

#servName {
	position:fixed;
	height:2.6em;
	z-index:600;


	left:-3.11em;
	bottom:85px;
	
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	
	min-width:7em;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	line-height:2.1em;
	border:2px solid #FFF;
	border-radius:6px;
	padding:0 0.2em;
	
background: rgba(245,205,84,1);
background: -moz-linear-gradient(top, rgba(245,205,84,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,205,84,1)), color-stop(50%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-linear-gradient(top, rgba(245,205,84,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -o-linear-gradient(top, rgba(245,205,84,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -ms-linear-gradient(top, rgba(245,205,84,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: linear-gradient(to bottom, rgba(245,205,84,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5cd54', endColorstr='#fbdf93', GradientType=0 );
}

.adv img {
	width:728px;
	height: 90px;border:none;outline:none;margin:auto;display:block;
}