body		{top:0px;left:0px;margin:0;padding:0;background:#171b7c url('background.jpg') no-repeat;background-position:center bottom;background-size:cover;background-repeat:repeat-x;background-attachment:fixed;}

a:link		{text-decoration:none;}
a:hover		{text-decoration:underline;}
a:visited	{text-decoration:none;}

img.info_logo	{height:48px;}

div.linebreak	{width:100%;height:1px;border-top:1px solid #ccc;margin-top:20px;margin-bottom:20px;}

div#loginbg1		{width:100%;height:100%;background:url('../../img/bg_trans_login.png') repeat;visibility:hidden;z-index:5;position:fixed;top:0px;left:0px;}
div#loginbg2		{width:100%;height:100%;background:url('../../img/bg_trans_login.png') repeat;visibility:hidden;z-index:5;position:fixed;top:0px;left:0px;}
div#staff_login	{margin:0 auto;margin-top:100px;width:300px;height:200px;background:#fff;text-align:center;border-radius:12px;}
div#user_login		{margin:0 auto;margin-top:100px;width:300px;height:200px;background:#fff;text-align:center;border-radius:12px;}

div#sponsor_popup {position:fixed;width:100%;height:100%;background:url('../../img/bg_trans_login.png') repeat;visibility:hidden;z-index:5;top:0px;left:0px;cursor:pointer;}
div#sponsor_pic {position:absolute;z-index:6;width:600px;height:600px;background-position:center;top:50%;left:50%;margin-top:-300px;margin-left:-300px;}
div#top_bg		{position:fixed;height:595px;width:100%;background:url('') repeat-x;z-index:-1;}
div#container	{position:relative;width:960px;margin:0 auto;}
div#header		{position:relative;top:0px;width:960px;z-index:2;}
div#headlogo	{position:relative;width:960px;height:300px;background-position:center top;background-size:100%;}
div#navbar		{position:relative;width:960px;background:#444;color:#ccc;z-index:1;vertical-align:top;}
div#content		{position:relative;width:960px;text-align:left;z-index:1;background:#fff;padding-bottom:20px;}
div#sponsor		{position:relative;width:960px;min-height:160px;color:#444;background:#fff;z-index:1;border-top:1px dotted #ccc;padding-top:10px;font-size:1.1em;font-weight:bold;text-align:center;}
div#footer		{position:relative;width:960px;min-height:160px;color:#ccc;background:#444;z-index:1;font-size:0.9em;}

img.sp_logo1,img.sp_logo2,img.sp_logo3	{display:inline-block;margin:0px 5px 10px 5px;border:1px solid #999;padding:0px;cursor:pointer;}
img.sp_logo1	{width:240px;}
img.sp_logo2	{width:110px;}
img.sp_logo3	{width:96px;}

div.navbox		{position:relative;width:160px;position:relative;display:inline-block;text-align:left;}
div.mainbox	{position:relative;width:940px;padding:10px;}
div.footbox	{position:relative;width:940px;padding:10px;}

a.backtotop	{position:fixed;bottom: 2em;right:0px;text-decoration:none;color:#fff;background:url('../../img/bg_trans.png') repeat;font-size:0.9em;padding:1em;display:none;}
a.backtotop:hover	{background:url('../../img/bg_trans_login.png') repeat;}

/* START NAV MENU */
nav 		{background:#444;height:40px;color:#eee;z-index:3;font-size:0.9em;}
nav ul 	{margin: 0;padding: 0;list-style: none;list-style-position:inside;}
nav ul li {display: block;position: relative;float: left;padding-left:3px;padding-right:3px;white-space:nowrap;font-size:1em;line-height:40px;vertical-align:middle;font-weight:normal;cursor:default;}
nav ul li:hover {background:#646464;color:#eee;text-decoration:none;}
nav ul li a {display: block;text-decoration:none;padding-left:3px;padding-right:3px;white-space:nowrap;color:#eee;height:40px;line-height:40px;vertical-align:middle;cursor:pointer;font-weight:normal;}
nav ul li a:hover	{background:#646464;color:#eee;text-decoration:none;}

nav ul li ul 	{display:none;left:0px;}
nav ul li:hover ul		{display:block;position:absolute;height:40px;font-size:1em;}
nav ul li:hover ul li	{float:none;height:40px;line-height:40px;vertical-align:middle;padding:0px;font-weight:normal;cursor:default;}
nav ul li:hover ul li:hover		{background:#646464;color:#eee;left:0px;}
nav ul li:hover ul li a				{background:#646464;color:#eee;font-weight:normal;cursor:pointer;}
nav ul li:hover ul li a:hover	{background:#333;color:#eee;}
/* END NAV MENU */

div.newsbox		{display:block;width:940px;padding-bottom:10px;border-bottom:1px dashed #ccc;margin-bottom:10px;}
div.newspic		{display:inline-block;width:120px;padding:5px;border:1px dashed #444;border-radius:12px;text-align:center;}
div.newspic img	{width:120px;border-radius:12px;}
div.newstext		{display:inline-block;width:780px;vertical-align:top;padding-left:10px;}
div.newstext a:link	{text-decoration:none;color:#333;}
div.newstext a:hover	{text-decoration:none;color:#333;}
div.newstext a:visited	{text-decoration:none;color:#333;}

span.newstitle	{font-weight:bold;font-size:1.2em;color:#444}
span.newssubtitle	{font-weight:normal;font-size:0.9em;color:#777}
span.newsdetail	{font-weight:normal;font-size:1em;color:#666}

h1	{font-size:1.2em;text-align:center;font-weight:bold;}
h2	{font-size:1.1em;text-align:left;font-weight:bold;}
p.gentext	{font-size:1em;text-indent:40px;text-align:left;}
p.blocktext	{font-size:1em;margin-left:40px;text-align:left;}

table.tbl1		{width:940px;table-layout:auto;border-collapse:collapse;}
table.tbl1 th	{font-weight:bold;color:#333;padding:5px;border:1px solid #999;background:#ccc;text-align:center;}
table.tbl1 td	{font-weight:normal;color:#333;padding:5px;border:1px solid #999;text-align:left;}
table.tbl1 th a:link,table.tbl1 th a:visited,table.tbl1 td a:link,table.tbl1 td a:visited {color:#00f;}

table.tbl2		{width:940px;table-layout:auto;border-collapse:collapse;}
table.tbl2 th	{font-size:1.1em;font-weight:bold;color:#333;padding:10px 5px 10px 5px;text-align:left;vertical-align:top;}
table.tbl2 td	{font-weight:normal;color:#333;padding:5px;text-align:left;vertical-align:top;}

table.tbl3		{width:940px;table-layout:auto;border-collapse:collapse;}
table.tbl3 tr	{border-bottom:1px dotted #ccc;}
table.tbl3 th	{font-weight:bold;color:#333;padding:10px;text-align:right;vertical-align:top;}
table.tbl3 td	{font-weight:normal;color:#333;padding:10px;text-align:left;vertical-align:top;}

table.tbl4		{width:940px;table-layout:auto;border-collapse:collapse;}
table.tbl4 tr	{border-bottom:1px dotted #ccc;}
table.tbl4 th	{font-weight:bold;color:#333;padding:10px;text-align:right;vertical-align:top;}
table.tbl4 td	{font-weight:normal;color:#00f;padding:10px;text-align:left;vertical-align:top;}

table.tbl5		{width:600px;table-layout:auto;border-collapse:collapse;margin-left:20px;margin-top:20px;margin-bottom:20px;}
table.tbl5 th	{width:120px;font-weight:bold;color:#333;padding:5px;border:1px solid #999;background:#ccc;text-align:center;}
table.tbl5 td	{font-weight:normal;color:#333;padding:5px;border:1px solid #999;text-align:center;}

table.tbl_attach		{width:600px;table-layout:auto;border-collapse:collapse;margin:0 auto;margin-top:20px;margin-bottom:20px;}
table.tbl_attach th	{width:160px;font-weight:bold;color:#333;padding:5px;border:1px solid #999;background:#ccc;text-align:center;}
table.tbl_attach td	{font-weight:normal;color:#333;padding:5px;border:1px solid #999;text-align:left;}
table.tbl_attach td a:link	{color:#00f;font-weight:bold;text-decoration:none;}
table.tbl_attach td a:hover	{color:#00f;font-weight:bold;text-decoration:none;}
table.tbl_attach td a:visited	{color:#00f;font-weight:bold;text-decoration:none;}

table.tbl6		{width:940px;table-layout:auto;border-collapse:collapse;}
table.tbl6 th	{font-weight:bold;color:#333;padding:5px;border-bottom:1px solid #999;text-align:center;vertical-align:bottom;}
table.tbl6 th.rotate {height: 140px;white-space: nowrap;vertical-align:middle;border:none;}
table.tbl6 th.rotate > div {
  transform: 
    translate(22px, 55px)
    rotate(-45deg);
	width: 30px;
}
table.tbl6 th.rotate > div > span {
  border-bottom: 1px solid #999;
  padding: 5px 10px;
}
table.tbl6 td	{font-weight:normal;color:#333;padding:5px;border:1px solid #999;text-align:left;}
table.tbl6 th a:link,table.tbl6 th a:visited,table.tbl6 td a:link,table.tbl6 td a:visited {color:#00f;}

ul#crumbs, #crumbs li {list-style-type:none;padding:0;margin:0;}
#crumbs {border:1px solid #dedede;height:2.3em;background:#fff;width:930px;}
#crumbs li {float:left;line-height:2.3em;padding-left:.75em;color:#777;}
#crumbs li a {display:block;padding:0 15px 0 0;background:url('../../img/crumbs.gif') no-repeat right center;}
#crumbs li a:link, #crumbs li a:visited {text-decoration:none;color:#777;}
#crumbs li a:hover, #crumbs li a:focus {color:#dd2c0d;}

div#map_canvas	{margin:0 auto;width:920px;height:480px;border:1px solid #aaa;}

ul.transport	{list-style-type:none;}
ul.transport li	{display:inline-block;width:213px;height:94px;margin-right:10px;}
ul.transport li img	{border-radius:12px;border:1px solid #aaa;}

ul.footlink	{list-style:square;margin-left:10px;display:inline-block;vertical-align:top;padding-right:20px;border-right:1px solid #555;}
ul.footlink li	{font-size:1em;}
ul.footlink li a:link		{color:#ddd;}
ul.footlink li a:visited	{color:#ddd;}
ul.footlink li a:hover	{color:#ddd;text-decoration:underline;}

span.lang	{display:inline-block;float:right;height:40px;padding-right:10px;line-height:40px;vertical-align:middle;color:#eee;}
span.lang a:link		{color:#fbad18;text-decoration:none;}
span.lang a:hover	{color:#fbad18;text-decoration:none;}
span.lang a:visited	{color:#fbad18;text-decoration:none;}

span.profile_edit	{text-align:right;margin-bottom:10px;display:block;}
span.profile_edit a:link		{color:#00f;text-decoration:none;}
span.profile_edit a:hover	{color:#00f;text-decoration:underline;}
span.profile_edit a:visited	{color:#00f;text-decoration:none;}

mark		{font-size:0.9em;line-height:30px;padding:5px;background:#ffe3ad;}

input		{font-size:1em;}
select	{font-size:1em;}
textarea	{font-size:1em;}

p.info_logo	{text-align:center;}
p.info_logo img	{display:inline-block;margin-right:10px;}

div.datarow	{display:block;margin-bottom:20px;}
div.databox	{display:inline-block;padding:5px;}
div.datakey	{display:inline-block;padding:5px;font-weight:bold;background:#ccc;}
div.datavalue	{display:inline-block;padding:5px;font-weight:normal;border-bottom:1px dotted #ccc;}

div#attachbox	{text-align:center;}
div.attachpic		{position:relative;display:inline-block;margin:0 auto;padding:5px;z-index:1}
div.attachpic img	{padding:5px;border:1px dashed #aaa;}
div.delpic	{position:absolute;z-index:2;width:25px;height:25px;right:0;top:0;background:url('../../img/bg_trans.png') repeat;color:#fff;font-size:0.8em;vertical-align:middle;line-height:25px;text-align:center;}
div.delpic a:link	{color:#fff;text-decoration:none;}
div.delpic a:hover	{color:#fff;text-decoration:underline;}
div.delpic a:visited	{color:#fff;text-decoration:none;}

ol.guideline		{font-weight:bold;}
ul.guideline_list	{font-weight:normal;}