/* ***** Header ***** */
.THAI_Hd {font-family: Tahoma; background:#fff; border-top:1px solid #000; position:relative;}
.THAI_Hd-Ctn { width:960px;  height:77px; margin:0 auto;  position:relative;}
.THAI_Hd-Logo { position:absolute; left:0; top:10px;}
.THAI_Hd-Logo a img { height:52px; border:0}
.THAI_Hd-Sn { margin:0; padding:0; list-style:none; position:absolute; right:160px; bottom:8px; z-index:210;}
.THAI_Hd-Sn > li { float:left; padding:0 9px; background:url(../imgs/header/THAI_Hd-Sn-ListBg.jpg) no-repeat right 50%; position:relative; height:19px; }
.THAI_Hd-Sn > li > a { color:#3f085c; font: 11px Tahoma; display:block; padding-top:3px; padding-bottom:3px;}
.THAI_Hd-Sn > li > a:hover { color:#641e88; /*border:1px solid red;*/ ;}
/*.THAI_Hd-Sn > li:hover>div{ display:none !important;}*/
.THAI_Hd-Sn-Lang > a span {background:url(../imgs/header/THAI_Hd-icSubNavDrop.png) no-repeat right 3px; padding-right:15px; display:block; float:left; }
.THAI_Hd-Sn-Lang > a span img { float:left;}
.THAI_Hd-Sn-Lang .THAI_Hd-Sn-sub { background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.7); padding:10px; position:absolute; right:15px; top:20px; width:145px; display:none;}
.THAI_Hd-Sn-Lang .THAI_Hd-Sn-sub ul { height:260px; overflow:auto;} 
.THAI_Hd-Sn-Lang .THAI_Hd-Sn-sub ul li { margin-bottom:0px;}
.THAI_Hd-Sn-Lang .THAI_Hd-Sn-sub ul li a { display:block; font:12px tahoma; color:#762975; padding:5px 0 7px;}
.THAI_Hd-Sn-Lang .THAI_Hd-Sn-sub ul li a:hover { background:#b50b77; color:#fff;text-decoration:none; }
.THAI_Hd-Sn-Lang .THAI_Hd-Sn-sub ul li a:hover span { margin-right:15px;}
.THAI_Hd-Sn-Lang .THAI_Hd-Sn-sub ul li span { display:block; float:left; margin-right:5px;
-webkit-transition: all 100ms ease-in-out; /* older webkit */
-webkit-transition: all 100ms ease-in-out; 
-moz-transition: all 100ms ease-in-out; 
-ms-transition: all 100ms ease-in-out; 
-o-transition: all 100ms ease-in-out; 
transition: all 100ms ease-in-out; /* custom */}
.THAI_Hd-Sn-Lang:hover .THAI_Hd-Sn-sub {/*display:block;*/}
.THAI_Hd-Sn-CUs > a { background:url(../imgs/header/THAI_Hd-icSubNavDrop.png) no-repeat right 6px; padding-right:12px;}
.THAI_Hd-Sn-CUs .THAI_Hd-Sn-sub { background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.7); padding:10px; position:absolute; right:0px; top:20px; width:200px; display:none;}
.THAI_Hd-Sn-CUs .THAI_Hd-Sn-sub * { font:12px tahoma; color:#762975;}
.THAI_Hd-Sn-CUs .THAI_Hd-Sn-sub ul li { margin-bottom:5px;}
.THAI_Hd-Sn-CUs .THAI_Hd-Sn-sub ul li a {  color:#762975; display:block;
-webkit-transition: all 100ms ease-in-out; /* older webkit */
-webkit-transition: all 100ms ease-in-out; 
-moz-transition: all 100ms ease-in-out; 
-ms-transition: all 100ms ease-in-out; 
-o-transition: all 100ms ease-in-out; 
transition: all 100ms ease-in-out; /* custom */}
.THAI_Hd-Sn-CUs .THAI_Hd-Sn-sub ul li a:hover { background:#b50b77; color:#fff; padding-left:15px; text-decoration:none; }
.THAI_Hd-Sn-CUs:hover .THAI_Hd-Sn-sub { /*display:block;*/}
.THAI_Hd-Sn-Search > a { background:url(../imgs/header/THAI_Hd-icSubNavSearch.png) no-repeat left 0; padding-left:18px;}
.THAI_Hd-Sn-Search .THAI_Hd-Sn-sub { background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.7); padding:10px 15px 30px; position:absolute; right:8px; top:20px; width:350px; display:none;}
.THAI_Hd-Sn-Search .THAI_Hd-Sn-sub input[type="text"] { margin:0 20px 0 0 ; border-radius:0; width:210px; float:left;} 
.THAI_Hd-Sn-Search:hover .THAI_Hd-Sn-sub { /*display:block;*/}
.THAI_Hd-Sn-Search .THAI_Hd-Sn-sub button { width:95px;}
.THAI_Hd-Sn-thSmile a {  margin-top:-5px; }
.THAI_Hd-Sn-roh a { margin-top:-12px;} 
.THAI_Hd-Sn-subScrib 	,
.THAI_Hd-Sn-roh{ background:none !important; }
.THAI_Hd-Sn-subScrib > a { background:url(../imgs/header/THAI_Hd-icSubscribe.png) no-repeat 5px 3px #3f085c; padding-right:5px; padding-left:30px;color:#fff !important;}
.THAI_Hd-Sn-subScrib .THAI_Hd-Sn-sub { background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.7); padding:10px 15px 30px; position:absolute; right:9px; top:20px; width:350px; display:none;}
.THAI_Hd-Sn-subScrib .THAI_Hd-Sn-sub input[type="text"] { margin:0 20px 0 0 ; border-radius:0; width:210px; float:left;} 
.THAI_Hd-Sn-subScrib:hover .THAI_Hd-Sn-sub { /*display:block;*/}
.THAI_Hd-Sn-subScrib .THAI_Hd-Sn-sub button { width:95px;}

.THAI_Hd-Login { background-image:url(../imgs/header/csg-531053e03ae73.png); background-repeat:no-repeat; background-position: 0 -96px; width:161px; height:91px; position:absolute; right:-3px; bottom:-59px; z-index:200; cursor:pointer;}  
.THAI_Hd-Login:hover {background-position: 0 0; }
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F {  right:3px; top:50px; width:480px; z-index:200;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F * { text-align:left;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li { float:left;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li:first-child { width:180px;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li:first-child + li { width:235px;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li:first-child h2 ~ a { display:block;}
/*.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li:first-child > * { float:left;}*/
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li:first-child a:hover { padding-left:5px; padding-right:5px;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li figure { margin:0; padding:0 0 12px; width:180px; background:url(../imgs/header/subMainNav/thumb-shadow.png) no-repeat center bottom; margin-right:20px; position:relative; }
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li figure img { display:block;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li figure p { position:absolute; bottom:12px; width:160px; padding:10px; background:url(../imgs/header/subMainNav/thumb-opa.png); font:11px/15px Tahoma; color:#ffcb08;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li figure:hover p {color:#ffde62;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F li h2 { margin-top:0;}
.THAI_Hd-Login .THAI_Hd-Mn-Sub-F .THAI_Hd-Mn-BtnCen { text-align:center;}
[class^="THAI_Hd-Login-Btn"] { background:url(../imgs/header/THAI_Hd-login-BtnBg.jpg) repeat-x; height:17px; text-align:center; color:#fff; font-size:10px; line-height:18px; padding:3px 0; display:block; color:#fff; margin-top:8px;}
[class^="THAI_Hd-Login-Btn"]:hover { color:#fff;}
.THAI_Hd-Login-BtnA { width:60px; float:left; margin-left:7px;}
.THAI_Hd-Login-BtnB { width:85px; float:right; margin-right:5px;}
.THAI_Hd-Login .THAI_Hd-Login-Txt { margin:0; height:53px; width:100%; list-style:none; position:absolute; right:0px; bottom:0px;}
.THAI_Hd-Login .THAI_Hd-Login-Txt li {color: #FFFFFF; font-size: 16px; letter-spacing: -0.2px; line-height: 14px; text-align: center; width: 164px;}
.THAI_Hd-Login .THAI_Hd-Login-Txt li small { font-size:12px;}
.THAI_Hd-Login .THAI_Hd-Login-Txt:hover .THAI_Hd-Mn-Sub-F {display:block;}
.THAI_Hd-Login .THAI_Hd-Login-Txt > div { text-align:center; }
.THAI_Hd-Login .THAI_Hd-Login-Txt > div * {   color: #3D065A ;   display: block;  font-family: Tahoma;  font-size: 13px; text-align: center;}
.THAI_Hd-Login .THAI_Hd-Login-Txt > div h5 { padding:6px 8px 0px;}
.THAI_Hd-Login .THAI_Hd-Login-Txt > div h5 + p { font:700 13px Tahoma; color: #3D065A !important;}

[class^="THAI_Hd-TxtScro"] { background:#d5d5d5; height:23px; width:498px; position:absolute; right:0; top:0; overflow:hidden;}
[class^="THAI_Hd-TxtScro"] h4 { background:#c6168d; height:20px; text-align:center; position:absolute; font-weight:100; padding:3px 10px 0; font-size:14px; line-height:15px; color:#fff; z-index:9;}
[class^="THAI_Hd-TxtScro"] ul { margin:0; padding:0; list-style:none; position:absolute; white-space: nowrap; z-index:8;}
[class^="THAI_Hd-TxtScro"] ul li {  display: inline; margin-right: 50px; font-size:10px; color:#686868;}
[class^="THAI_Hd-TxtScro"] ul li a {font-size:10px; color:#686868;}
[class^="THAI_Hd-TxtScro-CloseBtn"] { position:absolute; height:23px; width:23px; background:#d5d5d5; border:none; z-index:10; right:0; top:0;}
[class^="THAI_Hd-TxtScro-CloseBtn"]:active { background:#bcbcbc}
[class^="THAI_Hd-TxtScro-CloseBtn"] img { margin-top:5px; }
.THAI_Hd-TxtScro-ROP {  position: relative;  width: 100%;}
.THAI_Hd-TxtScro-ROP .THAI_Hd-TxtScro-Container { width:100%;}
.THAI_Hd-TxtScro-ROP h4 { font-size:12px; }

.THAI_Hd-BdRd { position:relative; z-index:1; height:7px;}
.THAI_Hd-BdRd > img { position:absolute; z-index:1; width:100%;}
.THAI_Hd-BdRd > div { background:url(../imgs/header/THAI_Hd-borderBott-Repeat.png) repeat-x; height:8px; position:absolute; z-index:0; width:100%;}
.THAI_Hd-Mn { height:47px ; border-bottom:1px solid #d2cadf; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e3c4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3c4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e3c4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e3c4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e3c4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e3c4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3c4d4',GradientType=0 ); /* IE6-9 */
}
.THAI_Hd-Mn > ul { width:960px; margin:0 auto;}
.THAI_Hd-Mn > ul > li { float:left; border-left:1px solid #c79ec5; position:relative; }
.THAI_Hd-Mn > ul > li > a {color: #3D065A;  display: block;  font-family: Tahoma;  font-size: 14px;  font-weight: 700;  height: 28px;  line-height: 14px;  padding: 20px 20px 0;  text-align: center;}


.THAI_Hd-Mn > ul > li > a > small { font-size:12px; display:block; font-weight:100; margin-top:3px;}
.THAI_Hd-Mn > ul > li:hover > a		,
.THAI_Hd-Mn > ul > li.selected > a{ background-color:#c5168d; color:#fff; text-decoration:none;}
.THAI_Hd-Mn > ul > li:hover [class^="THAI_Hd-Mn-Sub"] { display:block;}
[class^="THAI_Hd-Mn-Sub"] { position:absolute; width:800px; background:#ffffff; box-shadow:0 0 3px rgba(0,0,0,0.2); z-index:200; padding:20px 0 30px 0; display:none; top:97%;}
[class^="THAI_Hd-Mn-Sub"] > li { width:160px; min-height:170px; float:left; padding-left:10px; padding-right:20px; border-left:1px solid #cbcbcb;}
[class^="THAI_Hd-Mn-Sub"] > li:first-child { border-left:none;}
[class^="THAI_Hd-Mn-Sub"] > li * { font-size:12px; line-height:20px; font-family:Tahoma;}
[class^="THAI_Hd-Mn-Sub"] > li h2 { color:#3f085c;margin-top:10px; margin-bottom:5px;}
[class^="THAI_Hd-Mn-Sub"] > li a { color:#762975; display:block;
-webkit-transition: all 100ms ease-in-out; /* older webkit */
-webkit-transition: all 100ms ease-in-out; 
-moz-transition: all 100ms ease-in-out; 
-ms-transition: all 100ms ease-in-out; 
-o-transition: all 100ms ease-in-out; 
transition: all 100ms ease-in-out; /* custom */}
[class^="THAI_Hd-Mn-Sub"] > li a:hover {background: #b50b77;color: #fff;padding-left: 15px;text-decoration: none;}
[class^="THAI_Hd-Mn-Sub"] > li a span { display: block;}
[class^="THAI_Hd-Mn-Sub"] > li input[type="text"], select { width:100%;}
.THAI_Hd-Mn-Sub-B { left:-85px; width:960px}
.THAI_Hd-Mn-Sub-B h2 { height:45px;}
.THAI_Hd-Mn-Sub-C { left:-200px; }
.THAI_Hd-Mn-Sub-C > li {min-height:75px;}
.THAI_Hd-Mn-Sub-D { left:-380px;}
.THAI_Hd-Mn-Sub-E { left:-577px; width:960px;}
.THAI_Hd-Mn-Sub-E li { width:160px;}
.THAI_Hd-Mn-Sub-E li div { border-bottom:1px solid #cbcbcb; padding-bottom:5px;}
.THAI_Hd-Mn-Sub-E li div  p { margin-bottom:0; font:12px/14px Tahoma;}
.THAI_Hd-Mn-BtnCen { text-align:center; margin-bottom:10px;}
.THAI_Hd-Sn-Search { display:none;}

/**** Smart Banner ****/
.smartbanner-show {
	margin-top: 0px;
}

.smartbanner-show .smartbanner {
	display: block;
}

/** Default **/
.smartbanner {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Helvetica Neue', sans-serif;
	background: #f4f4f4;
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

.smartbanner-container {
	margin: 0 auto;
	white-space: nowrap;
}

.smartbanner-close {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 20px;
	text-align: center;
	color: #888;
	text-decoration: none;
	border: 0;
	border-radius: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-icon {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	margin-right: 12px;
	background-size: cover;
	border-radius: 10px;
}

.smartbanner-info {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
}

.smartbanner-title {
	font-size: 13px;
	line-height: 18px;
}

.smartbanner-button {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active,
.smartbanner-button:hover {
	color: #aaa;
}

.smartbanner-button-text {
}

.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}

/** iOS **/
.smartbanner-ios {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
	background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-ios .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
	color: #4d4d4d;
	font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-ios .smartbanner-button-text {
}

.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}

/** Android **/
.smartbanner-android {
	background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
	box-shadow: inset 0 4px 0 #88b131;
	line-height: 82px;
}

.smartbanner-android .smartbanner-close {
	border: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	margin-right: 7px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
	color: #eee;
}

.smartbanner-android .smartbanner-icon {
	background-color: transparent;
	box-shadow: none;
}

.smartbanner-android .smartbanner-info {
	color: #ccc;
	text-shadow: 0 1px 2px #000;
}

.smartbanner-android .smartbanner-title {
	color: #fff;
	font-weight: bold;
}

.smartbanner-android .smartbanner-button {
	min-width: 12%;
	color: #d1d1d1;
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
	background: none;
}

.smartbanner-android .smartbanner-button-text {
	text-align: center;
	display: block;
	padding: 0 10px;
	background: #42b6c9;
	background: linear-gradient(to bottom, #42b6c9, #39a9bb);
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
	background: #2ac7e1;
}

/** Windows **/
.smartbanner-windows {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
	background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-windows .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
	color: #4d4d4d;
	font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-windows .smartbanner-button-text {
}

.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}

