@charset "utf-8";
/* CSS Document */

/* Basics ----------------------------------------------- */
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	BACKGROUND-IMAGE: url(/Resource/Images/Front_ar/F_bg_D.jpg); 
	BACKGROUND-REPEAT:no-repeat; 
	background-position:center;
    background-color: white;
	WIDTH: 100%; 
	HEIGHT: 100%;
	BACKGROUND-POSITION: center top; 
	
	
	
}
img {
	border: 0;
	vertical-align:middle;
}
form {
	margin: 0;
	padding: 0;
}
body, p, td, th, div, blockquote, dl, ul, ol {
	font: normal 11px/15px Helvetica, Arial, Verdana, sans-serif;
	color: #666666;
}
input
{
    BORDER: #C3C3C3 1px solid;
    COLOR: #666666;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
    HEIGHT: 15px;
}
select   { 
	BORDER: #C3C3C3 1px solid;
	HEIGHT: 18px;
	FONT-SIZE: 10px; 
	color: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
	
textarea { 
	BORDER: #C3C3C3 1px solid;
	FONT-SIZE: 10px; 
	color: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

a {
	color: #5C788F;
	text-decoration: underline;
	
/* word-wrap: break-word;*/
}
a.dec {
	text-decoration: underline;
}
a.arrow {
	padding: 0 0 0 14px;
	background: url(/files/lth/images/li.gif) 0 5px no-repeat;
}

/* start :: default */
.mgL10 { margin-left:10px; }
.mgT5 { margin-top:5px; }
.mgT10 { margin-top:10px; }
.mgT15 { margin-top:15px; }
.mgT20 { margin-top:20px; }
.mgT25 { margin-top:25px; }
.mgT30 { margin-top:30px; }
.mgT35 { margin-top:35px; }
.mgT25 { margin-top:25px; }
.mgT40 { margin-top:40px; }
.mgT50 { margin-top:50px; }
.mgT60 { margin-top:60px; }
.mgB5 { margin-bottom:5px; }
.bg01 { background-color:#f7f7f7; }
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}
.top { vertical-align:top:}
.middle { vertical-align:middle:}
.bottom { vertical-align:bottom:}
.padding5 { padding:5px; }
.padding10 { padding:10px; }
.padding15 { padding:15px; }
.padding20 { padding:20px; }

/* list table ----------------------------------------------- */
#con_table{ width:100%; float:left;}
	#con_table table {  width:100%; border-collapse:collapse; }
	#con_table table tr, #con_table table td { height:25px; padding:3px; border:1px solid #e0e0e0; text-align:center;}

#con_table02{ width:100%; float:left; }
	#con_table02 table {  width:100%; border-collapse:collapse;  border-top:3px solid #578190;}
	#con_table02 table tr, #con_table02 table td { height:22px; padding:5px; border:1px solid #e0e0e0;}

#con_table03{ width:100%; float:left; }
	#con_table03 table {  width:100%; border-collapse:collapse;}
	#con_table03 table tr, #con_table03 table td { height:22px; padding:5px; border:1px solid #e0e0e0; text-align:center;}


#con_tableBBS{ width:100%; float:left; }
	#con_tableBBS table {  width:100%; border-collapse:collapse; }
	#con_tableBBS table tr, #con_tableBBS table td { height:25px; padding:3px; border:1px solid #e0e0e0; }

/* gallery */
#con_tablegallery{ width:100%; float:left; }
	#con_tablegallery table {  width:100%; border-collapse:collapse; }
	/*#con_tablegallery table tr { background: url(/Resource/Images/Front/dot_line01.gif) repeat-x; } */
	#con_tablegallery table td { padding:3px 3px 3px 3px; border:0px solid #e0e0e0; vertical-align:top }

#pageindex {
	float:left;
	width:100%;
	text-align:center;
}
.gnb_submenu_set {float:left; width:100%; margin:0 5px 0 0;}
.gnb_submenu_list {margin-bottom:8px;}
.gnb_submenu_list li {position:static; float:none; padding-left:-10px;}
.gnb_submenu_list a {display:block; padding:1px 0 1px 12px; color:#666; font-size:11px; text-decoration:none; background-color:#f7f7f7;}
.gnb_submenu_list a:active,
.gnb_submenu_list a:hover {color:#fff; text-decoration:none; background-color:#cccccc; }



.gridbg01 {
	background-color:#eaeaea;
	color:#000000;
}
.gridbg02 {
	background-color:#578190;
	color:#FFFFFF;
	font-weight:bold;
}
.gridbg03 {
	background-color:#f7f7f7;
	text-align: center;
}

.gridbg04 {
	background-color:#578190;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.dotline {
	background:bottom url(/Resource/Images/Front/dot_line01.gif) repeat-x;
}

/* Structure ----------------------------------------------- */
#container {
	width: 988px;
	height:100%;
	margin: 0 auto;
}
#maintop {
	width: 960px;
	height: 310px;
	margin: 0 auto;
}
#subcontainer {
	width: 960px;
	background: transparent url() 868px 83px no-repeat;
}
#toputil {
	width: 960px;
	height:230px;
	margin: 0 auto;
}
#navigation {
	padding: 0 0 0 0;
}
#content {
	width:100%;
	height:100%;
	padding: 15px 0 0 0px;
	background-color:#FFF;
}
#content ul {
	list-style:none;
	margin: 0; 
	padding: 0;
}
#content li {
	margin: 0 0 0 10px;
	padding: 2px 0 2px 0px;
}
#content li a {
	text-decoration:underline;
}
#top {
	width: 930px;
	height:100%;
	padding: 0;	
	margin: 0 auto;

}

#subtop {
	float: left;
	width: 960px;
	height: 100%;
	background-color:#ffffff;
	padding: 0 0 0 0;	
}

#topFrame {
	float: left;
	width: 988px;
	margin: 0 auto;
}
#leftFrame {
	float: left;
	background:transparent url(/Resource/Images/Front_ar/F_bg00_00302.png)  no-repeat; 
	width: 14px;
	height:618px;
	margin: 0 0 0 0;
}
#leftFrameSUB {
	float: left;
	background:transparent url(/Resource/Images/Front_ar/F_bg00_005.jpg)  no-repeat; 
	width: 14px;
	height:400px;
	margin: 223px 0 0 0;
}
#centerFrame {
	float: left;
	width: 960px;
	height:100%;
	margin: 0 auto;
}
#rightFrame {
	float: left;
	background:transparent url(/Resource/Images/Front_ar/F_bg00_00402.png) no-repeat;
	width: 14px;
	height: 618px;
	margin: 0 0 0 0;
}
#rightFrameSUB {
	float: left;
	background:transparent url(/Resource/Images/Front_ar/F_bg00_006.jpg) no-repeat;
	width: 14px;
	height: 400px;
	margin: 223px 0 0 0;
}


#column1 a, #column2 a, #column3 a, #column5 a, #column6 a, #column7 a, #column8 a {
	margin: 0;
	padding: 0 0 0 0;
}

#column1 {
	float: left;
	width: 161px;
	padding: 0 auto;	
}
#column2 {
	float: left;
	width: 525px;
	padding: 0 15px 0 15px;	
}
#column3 {
	float: left;
	width: 208px;	
	padding: 0 auto;
}
#column4 {
	float: right;
	width: 236px;	
	padding-top: 20px;
}
#column5 {
	float: left;
	width: 238px;
	padding-top: 20px;	
}
#column6 {
	float: left;
	width: 238px;
	padding-top: 20px;
}
#column7 {
	float: left;
	width: 238px;
	padding-top: 20px;
}
#column8 {
	float: left;
	width: 236px;	
	padding-top: 20px;
}
#column9 {
	float: left;
	width: 236px;	
	padding-top: 20px;
        color: #AF2C2A;
}
#column10 {
	float: left;
	width: 236px;	
	padding-top: 20px;
    color: #AF2C2A;
}
#left01 {
	float: left;
	width: 161px;

	padding-bottom:10px;
}
#left02 {
	float: left;
	width: 149px;
	height: 119px;
	padding: 5px;
	border: 1px solid #e2e2e2;
}
#left03 {
	float: left;
	width: 161px;
	padding: 0 0 0 0;
}
#left04 {
	position:relative;
	float: left;
	width: 159px;
	height: 91px;
	padding: 0 0 0 0;
}
#center01 {
	float: left;
	width: 525px;
	padding: 0 0 0 0;
}
#center02 {
	float: left;
	width: 525px;
	padding: 0 0 0 0;
}
#center03 {
	float: left;
	width: 525px;
	height: 198px;
	border: 1px solid #e2e2e2;
	padding: 0 0 0 0;
}
#right01 {
	float: left;
	width: 196px;
	height: 157px;
	padding: 5px;
	background-color: #f6f6f6;
	border: 1px solid #e2e2e2;
}
#right02 {
	float: left;
	width: 196px;
	height: 145px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
}
#right03 {
	float: left;
	width: 196px;
	height: 96px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
}

#subleft {
	float: left;
	width: 207px;
	height: 100%;
	background-color:#ffffff;
	padding: 0 0 0 0;	
}
#subcenter {
	float: left;
	width: 703px;
	background-color:#FFFFFF;
	padding: 0 25px 0 25px;	
}
#subcontenttop {
	float: left;
	width: 703px;
	height:91px;
	padding: 0 0 0 0;	
}
#subcontentMain {
	float: left;
	width: 703px;            	 
	padding: 0 0 0 0;
	

		
}
#subcontent01 {
	float: left;
	width: 460px;
	padding: 0 23px 0 0;
	margin:0 auto;	
}
#subcontent02 {
	float: left;
	width: 218px;
	padding: 0 0 0 0;	
	margin:0 auto;	
}
#linemap {
	float: left;
	width: 703px;
	padding: 10px 0 0 0;	
}
#sectiontitle {
	float: left;
	width: 703px;
	height: 50px;
	font-size:20px;
	font-weight: bold;
	padding: 30px 0 0 0;	
}
#footer {
	float: left;
	width: 960px;
	height: 4px;
	padding: 30px 0 0 0;
}
#footer_color {
	float: left;
	width: 960px;
	height: 4px;
	background-color:#e0e0e0;
	padding: 0 0 0 0;
}
#footer_txt {
	float: left;
	width: 960px;
	height: 12px;
	text-align:right;
	padding: 11px 0 30px 0;
}
#subfooter {
	clear: both;
	margin: 20px 0 0 10px;	
	width: 928px;
	height: 70px;
	border-top: 1px solid #D1D9E0;
	position: relative;	
}
#padd15 {
	float: left;
	border:0px;
	width: 90%;
	padding: 15px 0 0 0;
}
#faqanswer {
	width:100%;
	float: left;
/*	padding: 5px;   */
	margin-top: 10px;
	border: 0px solid #D1D9E0;
	background-color:#f7f7f7;
}
#listdetails {
	float: left;
	padding: 0 0 0 0;
	margin-bottom: 15px;
	width: 700px;
	text-align:justify;
	border: 1px solid #dddddd;
}

/* Sub Content Guide */
#ContGuide01 {
	vertical-align:top;
	float: left; 
	width: 100%;	
}
	#ContGuide01_left {
		float:left; 
		padding:0 25px 0 0; 
		text-align:left; 
		width:218px;	
	}
	#ContGuide01_right {
		float:left; 
		padding:0 0px 0 0; 
		text-align:left; 
		width:460px;
	}
#ContGuide02 {
	vertical-align:top;
	float: left; 
	width: 100%;	
}
	#ContGuide02_left {
		float:left; 
		padding:0 25px 0 0; 
		text-align:left; 
		width:460px;
	}
	#ContGuide02_right {
		float:left; 
		padding:0 0 0 0; 
		text-align:left; 
		width:218px;	
	}

.ContGuide02_tapbg01{
	padding:7px;
	background-color:#f7f7f7;
	border: 1px solid #dddddd;
}
	
.linemap{
	font-size:9px;
	color:#999999;
}
.linemapsection{
	font-size:9px;
	color:#666666;
}
.eia_img {
	float: left;
	width: 149px;
	height: 53px;
	padding: 0;
	
}
.eia_txt {
	float: left;
	width: 149px;
	font-weight: bold;
	line-height: 18px;
	padding: 8px 0 0 0;
}
.weatherBG {
	float: left;
	width: 196px;
	height: 157px;
	padding: 0x;
	background-color:#FFFFFF;
}
.travel_img {
	float: left;
	width: 196px;
	height: 61px;
	padding: 0;
	
}
.travel_txt {
	float: left;
	width: 196px;
	font-size: 11px;
	line-height: -10px;
	font-weight: bold;
	padding: 5px 0 0 0;
}

/* type */
.greenB13 {
	color: #38a911;
	font-size:13px;
	font-weight:bold;
}
.weatherGD {
	width:100%;
	padding: 3px 0 0 0;
}
.Tourism_img {
	float: left;
	width: 196px;
	height: 96px;
	padding: 0;
}
.Tourism_txt {
	float: left;
	width: 196px;
	line-height:13px;
	font-size: 11px;
	padding: 5px 0 0 0;

}
.status{
	float: left;
	width: 525px;
	height: 169px;
	color : #ffffff;
	text-align:center;
	font-size:8px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	background:transparent url(/Resource/Images/Front/F_bg00_001.jpg)  no-repeat;
}
.statusTXTA01 {
	text-align: left;
	vertical-align: bottom;
}
.statusTXTA02 {
	text-align: right;
	vertical-align: bottom;
}
.statusTXT01 {
	color : #ffff33;
	font-weight: bold;
	text-align:center;
	font-size:9px;
}
.statusTXT02 {
	color : #ffffff;
	font-weight: bold;
	text-align:center;
	font-size:9px;
}
.statusTXT0202 {
	color : #00ffcc;
	font-weight: bold;
	text-align:center;
	font-size:9px;
}
.statusTXT03 {
	color : #336699;
	font-weight: bold;
	font-size: 13px;
}
.statusTXT04 {
	color : #676767;
	font-weight: bold;
	font-size: 13px;
}
.statusTXT05 {
	color : #ffffff;
	font-weight: bold;
	text-align:left;
	font-size:9px;
}.statusTXT0502 {
	color : #00ffcc;
	font-weight: bold;
	text-align:left;
	font-size:9px;
}
.schedule {
	background:transparent url(/Resource/Images/Front/F_bg00_002.jpg)  no-repeat;
}
.txt8 {
	font-size:8px;
}
.txt8B {
	font-size:8px;
	font-weight: bold;
}
.txt9 {
	font-size:9px;
}
.txt9B {
	font-size:9px;
	font-weight: bold;
}
.txt10 {
	font-size:10px;
}
.txt10B {
	font-size:10px;
	font-weight: bold;
}
.txt11 {
	font-size:11px;
}
.txt11B {
	font-size:11px;
	font-weight: bold;
}
.txt12 {
	font-size:12px;
}
.txt12B {
	font-size:12px;
	font-weight: bold;
}
.txt13 {
	font-size:13px;
}
.txt13B {
	font-size:13px;
	font-weight: bold;
}
.txt14 {
	font-size:14px;
}
.txt14B {
	font-size:14px;
	font-weight: bold;
}
.greenbold {
	color:	#66cc66;
	font-weight: bold;
}
.bluebold {
	color : #336699;
	font-weight: bold;
}
.redbold {
	color : #F30000;
	font-weight: bold;
}
.soilbold {
	color : #996600;
	font-weight: bold;
}
.green {
	color:	#66cc66;
}
.blue {
	color : #336699;
}
.red {
	color :#F30000;
	font-weight: bold;
}
.soil {
	color : #996600;
}
.bold {
	font-weight: bold;	
}

.bgwhite {
	background-color: white;
	padding:5px 30px 5px 30px;
}
.bgcolor01 {
	background-color: #cccccc;
}
.newstitle {
	color: 336699;
	text-align:left;	
}
.contentsheadtxt {
	float: left;
	width: 100%;
	color: #3CF;
	font-size:14px;
	font-weight: 200;
}
.contentstxt {
	float: left;
	width: 100%;
}

#popup01 {
	height:100%; 
	width:100%;
	
	text-align:center; 
	vertical-align:middle; 
	margin:0 auto; 
	padding:0 auto;
	border:1px solid #F03; 
	display:true; 
	position:absolute; 
	background: #000; 
	/* forIE */
    filter:alpha(opacity=30);
    /* for FF */
    opacity:0.78;

	}