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

/* reset */
BODY,H1,H2,H3,H4,H5,H6,P,ARTICLE,SECTION,NAV,HEADER,FOOTER,FIGURE,FIGCAPTION { display:block; margin:0; padding:0; font-weight:normal; }
A,A:hover, A:active, A:focus { outline:0 none; }

/* global Style */
BODY { font-size:13px; font-family:tahoma; color:#333; line-height:1; background:#E9E9E9;}

p{ line-height:18px; }

#main-nav UL LI { text-align:center; font-size:22px; color:#FFF; line-height:1.2; }
#main-nav UL LI A { color:#FFF; }

SPAN.user_signin A STRONG { font-size:14px; letter-spacing:0; }
SPAN.user_signin A { font-size:10px; text-decoration:none; color:#FFF; letter-spacing:1px;  }

#search-site FORM INPUT[type=text] { font-size:12px; color:#666; }
.btn-submit .btn-body INPUT[type=submit] { font-family:tahoma; font-size:12px; color:#FFF; }
.btn-submit .btn-body INPUT[type=submit]:hover { color:#EFEFEF; text-decoration:underline; }

.btn-submit2 .btn-body INPUT[type=submit] { font-family:tahoma; font-size:12px; color:#FFF; }
.btn-submit2 .btn-body INPUT[type=submit]:hover { color:#EFEFEF; text-decoration:underline; }

#foot-nav li A { font-size:18px; color:#FFF; text-decoration:none; }
#foot-nav li A:hover { text-decoration:underline; }
.copyright { font-size:18px; color:#FFF; }
.enews-head { color:#FFf; font-weight:bold; }
#enews-letter-sec INPUT[type=text] { font-size:12px; font-family:tahoma; color:#666; }

/* menu trigger button for tablet& mobile */
.lt-ie9 #btn-menu-trigger { display:none; }
#btn-menu-trigger { 
	
	display:none;
	float:right;
	width:80px;
	height:68px;
	border-left:1px solid #99c3e1;
	background: #656565; /* Old browsers */
	background: -moz-linear-gradient(top, #656565 0%, #343434 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#343434)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #656565 0%,#343434 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #656565 0%,#343434 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #656565 0%,#343434 100%); /* IE10+ */
	background: linear-gradient(to bottom, #656565 0%,#343434 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#343434',GradientType=0 ); /* IE6-9 */

}
#btn-menu-trigger A { 
	display:block;
	width:100%;
	height:68px;
	background:url(../images/icn-menu-trigger.png) center no-repeat;
} 




.texteditor_info { 
/* Font */
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 13px;

	/* Text color */
	color: #333;

	/* Remove the background color to make it transparent */
	background-color: #fff;

	/*margin: 20px;*/
	line-height: 1.5;
	
	padding-left:6px;
}
.texteditor_info blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.texteditor_info a
{
	color: #0782C1;
}

/*.texteditor_info ol,*/
.texteditor_info ul,
.texteditor_info dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
	list-style: disc;
}
.texteditor_info span
.texteditor_info h1,
.texteditor_info h2,
.texteditor_info h3,
.texteditor_info h4,
.texteditor_info h5,
.texteditor_info h6
{
	font-weight: normal;
	line-height: 1.2em;
}

.texteditor_info hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.texteditor_info img.right {
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px;
}

.texteditor_info img.left {
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px;
}

.texteditor_info img:hover {
	opacity: .9;
	filter: alpha(opacity = 90);
}

.texteditor_info pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
}



/*mobie + saimE : 1.check width without device. it will display 1 col. not over around 800 (iframe)  */
/* at the device = 980px. panel left of siamE disappear*/
/*display 1 col */
@media only screen and (max-width: 1023px) {
    #iframe_bt { height:99em; }
}


/*display 2 col*/
@media only screen  and (min-device-width: 1024px) 
  and (max-device-width: 1920px)  {

    #iframe_bt { height:64em; }

    @media screen and (max-width: 660px) {
        #iframe_bt {
            height: 103em !important;
        }
    }
}