@import url(fonts/th_baijam.css);
@import url(http://fonts.googleapis.com/css?family=Capriola);

/*body {background-image: url(../images/bg.jpg); background-position: center top; color:#000; padding:0; margin: 0 auto;}*/

body {background:#000 url("../images/bg1.jpg") repeat-x; background-repeat: no-repeat;background-position: center top; margin:0; padding:0; z-index:100;}
#sitemain {position:absolute; clear:both; width:100%; background-color:transparent; font-size:10px;}
#wrapper{margin:0 auto; width:900px; height:auto; text-align:left; opacity:0.99; font-family: 'Capriola', THBaijam;}

.word-wrap {word-wrap: break-word;}
#logo img {position:relative; border:0}
#grptopsp { position:relative; float:left; clear:both; width:900px; height:154px; background:transparent; font-size:1px;} 
#grptop { position:relative; float:left; clear:both; width:900px; height:154px; background:#FFF url("../images/head.jpg") repeat-x; z-index:100;}
#Logosp { position:relative; float:left; width:337px; height:154px; background:transparent; font-size:1px;}
#Logo { position:relative; float:left; width:337px; height:154px; background-color:transparent;}
#Logo img { position:relative; border:0}
#grpright {position:relative; float:left; width:563px; height:154px; background-color:transparent; font-family:verdana,arial,sans-serif; font-size:10px; z-index:90;}
#logo2 {position:relative; float:left; clear:both; width:563px; height:82px; font-size:10px; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333; text-align:right; top:10px;}
#logo2 img {position:relative; border:0}
#logo3 {position:relative; float:left; clear:both; width:563px; height:62px; font-size:10px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#39F; text-align:right;}
#logo3 img {position:relative; border:0}

#manubar {position:relative; float:left; clear:both; width:900px; height:41px; background-color:transparent;}

#manuproduct {position:relative; float:left; clear:both; width:200px; height: auto; background-color:transparent;}

#gmiddlesp {position:relative; float:left; clear:both; width:900px; background:transparent; font-size:1px; background-color:#FFF;} 
#gmiddlebot {position:relative; float:left; clear:both; width:900px; height:20px; background:transparent; font-size:1px; } 
#gmiddle {position:relative; float:left; clear:both; width:900px; background-color:transparent; font-size:10px;}
#gleft {position:relative; float:left; width:200px; background-color:transparent; font-size:10px;}
#shdtle2 {position:relative; float:left; clear:both; width:220px; height:26px; background:#6495ED url("../images/paisan_03.jpg") repeat-x; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:15px; color:#FFFFFF;}
#shdtle2 .tl {position:relative; float:left; background: url("../images/tl3.gif") 0 0 no-repeat; width:100%; height:100%;}
#shdtle2 .tr {position:relative; float:left; background: url("../images/tr3.gif") 100% 0 no-repeat; width:100%; height:100%;}
#shdtle2 .comment {position:relative; text-align:left; left:5px; top:6px;}
#shdbdy {position:relative; float:left; clear:both; width:199px; height:10px; font-size:13px; left:24px; top:10px;}
#shdbdy1 {position:relative; float:left; clear:both; width:199px; height:160px; font-size:13px; left:24px; top:10px;}
#shdbdy1 .bod {position:relative; background:transparent; height:auto; font-family:Tahoma; font-size:13px; margin:0;}
#shdbdy1 .bod img {vertical-align:middle;border:0;}

#orderproductsp {position:relative; float:left; clear:both; width:206px; height:222px; /*392*/ left:24px; font-size:13px;}
 #orderproduct {position:relative; float:left; clear:both; width:206px; height:32px; background-image:url(../image/Track_product.jpg);}
#showorderproduct {position:relative; float:left; clear:both; width:206px; height:175px; /*345*/ background-image:url(../image/LL_Link_product.jpg); font-size:0;}
#orderproductmore {position:relative; float:left; clear:both; width:206px; height:15px; background-image:url(../image/LL_Botton_Product.jpg); font-size:0;}

#prosp {position:relative; float:left; clear:both; width:200px; height:auto; /*392*/ background:#FFF;}
 #pro {position:relative; float:left; clear:both; width:200px; height:44px; background-image:url(../images/Tab_brand.jpg);}
#showpro {position:relative; float:left; clear:both; width:200px; height:auto; /*345*/ background-color:#666;}
#promore {position:relative; float:left; clear:both; width:200px; height:15px; background-image:url(../image/LL_Botton_Product.jpg); font-size:0;}

#protsp {position:relative; float:left; clear:both; width:200px; height:auto; /*392*/ background:#FFF;}
 #prot {position:relative; float:left; clear:both; width:200px; height:44px; background-image:url(../images/tab_type1.jpg);}
#showprot {position:relative; float:left; clear:both; width:200px; height:auto; /*345*/ background-color:#666;}
#protmore {position:relative; float:left; clear:both; width:200px; height:15px; background-image:url(../image/LL_Botton_Product.jpg); font-size:0;}

#LinkTravel{font-family: 'Capriola', THBaijam; font-size:14px; font-weight:bold; color:#FFF; padding:2px 5px 5px 5px; text-align:left;}
#LinkTravel ul {margin:0; padding:0 0 0 30px; font-size:12px;}
#LinkTravel li { overflow:inherit; list-style-type:none; margin:0; padding:10px 0 0 2px;}
#LinkTravel a{color:#FFF; text-decoration:none;}
#LinkTravel a:hover{font-size:13px; color:#F00; text-decoration:none;}

#line {position:relative; float:left; clear:both; width:199px; height:2px; background-color:transparent; font-family:verdana,arial,sans-serif; font-size:10px; background-image:url(../images/paisan_11.png) repeat-x; }

#facebook1sp {position:relative; float:left; clear:both; width:206px; height:485px; background:#FFF; left:24px;}
#facebook1 {position:relative; float:left; clear:both; width:206px; height:35px; background-image:url(../image/Head_Facebook.jpg); }
#facebook1 img {position:relative; border:0;} 
#showfacebook1 {position:relative; float:left; clear:both; width:206px; height:420px; font-size:12px; color:#CCC;}
#prosfacebook {position:relative; float:left; clear:both; width:206px; height:15px; background-image:url(../image/Botton_Facebook.jpg); font-size:0;}

#shdtleMsp {position:relative; float:left; clear:both; width:206px; height:132px; background:transparent; font-size:1px; } 
#shdtleM {position:relative; float:left; clear:both; top:10px; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:15px; color:#FFFFFF; background: url("../image/mathbanner.jpg") repeat-x; width:206px; height:122px; left:24px;}
#shdtleM .comment {position:relative; text-align:left;}
#shdtleM img {position:relative; border:0}

#shdtle23sp {position:relative; float:left; clear:both; width:200px; height:363px; background:transparent; font-size:1px; } 
#shdtle23 {position:relative; float:left; clear:both; top:10px;  font-family:verdana,arial,sans-serif; font-weight:bold; font-size:15px; color:#FFFFFF; background: url("../image/Before-After-Banner.jpg") repeat-x; width:200px; height:353px; left:24px;}
#shdtle23 .comment {position:relative; text-align:left;}
#shdtle23 img {position:relative; border:0}

#shdtle24sp {position:relative; float:none; clear:both; width:167px;height:90px; background:transparent; font-size:1px; left:10px;} 
#shdtle24 {position:relative; float:none; clear:both; width:167px; height:90px;}
#shdtle24 .comment {position:relative; padding-left:20px; padding-bottom:10px;}
#shdtle24 img {position:relative; border:0; text-align:center;}

#shdbdy22 {position:relative; float:left; clear:both; width:170px; height:80px; font-size:10px;}
#shdbdy22 .bod {position:relative; color:#000000; background:transparent; height:54px; font-family:arial; font-size:12px; margin:0; padding:3px 5px;}
#shdbdy22 .bod a {text-decoration:none;color:#000000;}
#shdbdy22 .bod p {color:#000000;margin:0; padding:0}
#shdbdy22 .bod img {vertical-align:middle;border:0;}
#grightsp {position:relative; float:left; width:700px; background:transparent; font-size:1px; } 
#gright {position:relative; float:left; left:10px; right:10px; width:680px; background-color:transparent; font-size:10px;}
#rtline {position:relative; float:left; clear:both; width:650px; height:26px; background:#FFF url("../images/umd1.gif") repeat-x; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:18px; color:#FFFFFF; text-align:right;}
#rtline .tl {position:relative; float:left; background: url("../images/tl3.gif") 0 0 no-repeat; width:100%; height:100%;}
#rtline .tr {position:relative; float:left; background: url("../images/tr3.gif") 100% 0 no-repeat; width:100%; height:100%; text-decoration:none; border:0; vertical-align:middle; padding-top:3px;}


#bgindextxt {position:relative; float:left; clear:both; width:900px; height:auto; background-color:#FFFFFF; font-size:13px; color:#000; font-family: 'Capriola', THBaijam; z-index:90;}
#bgindextxt .lt {position:relative; float:left; background-color:#FFF 0 0 repeat-x; width:100%;}
#bgindextxt .lb {position:relative; float:left; background-color:#FFF 0 100% repeat-x; width:100%;}
#bgindextxt .lr {position:relative; float:left; background-color:#FFF 100% 0 repeat-y; width:100%;}
#bgindextxt .ll {position:relative; float:left; background-color:#FFF 0 0 repeat-y; width:100%;}
#bgindextxt .bl {position:relative; float:left; background-color:#FFF 0 100% no-repeat; width:100%;}
#bgindextxt .br {position:relative; float:left; background-color:#FFF 100% 100% no-repeat; width:100%;}
/**/
#bgtxt {position:relative; float:left; clear:both; width:680px; height:auto; background-color:#FFFFFF; font-size:13px; font-family: 'Capriola', THBaijam;}
#bgtxt .lt {position:relative; float:left; background-color:#FFF 0 0 repeat-x; width:100%;}
#bgtxt .lb {position:relative; float:left; background-color:#FFF 0 100% repeat-x; width:100%;}
#bgtxt .lr {position:relative; float:left; background-color:#FFF 100% 0 repeat-y; width:100%;}
#bgtxt .ll {position:relative; float:left; background-color:#FFF 0 0 repeat-y; width:100%;}
#bgtxt .bl {position:relative; float:left; background-color:#FFF 0 100% no-repeat; width:100%;}
#bgtxt .br {position:relative; float:left; background-color:#FFF 100% 100% no-repeat; width:100%;}

.opa2 img {filter:alpha(opacity=100); opacity:1; border:0;}
.opa2 img:hover{filter:alpha(opacity=80);opacity:0.8; border:0;}

#rbline {position:relative; float:left; clear:both; width:580px; height:30px; background:#6495ED url("../images/umd2.gif") repeat-x; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:18px; color:#FFFFFF;}
#rbline .bl {position:relative; float:left; background: url("../images/bl3.gif") 0 100% no-repeat; width:100%;height:30px;}
#rbline .br {position:relative; float:left; background: url("../images/br3.gif") 100% 100% no-repeat; width:100%;height:30px;}

#txtttl {position:relative; float:left; clear:both; width:900px; height:20px; background-color:transparent; font-family:verdana,arial,sans-serif; font-size:10px; background:#FFF url("../images/website_07.jpg") repeat-x; }

#txtttl1 {position:relative; float:left; clear:both; width:900px; height:60px; background-color:transparent; font-family:verdana,arial,sans-serif; font-size:10px; background:#FFF;}

#grpfoot2 {position:relative; float:left; clear:both; width:900px; height:auto; background-color:transparent;}

#footer3 {position:relative; float:left; clear:both; width:900px; height:75px; font-family:Tahoma, Helvetica, sans-serif; color:#FFF; background-color:#000;}
#footer3 .tag {position:relative; clear:both; font-size:13px; text-align:center; font-family: 'Capriola', THBaijam;}
#footer3 .tag a:link, a:visited {text-decoration:none; color:#FFF; }
#footer3 .tag a:hover {color:#900; text-decoration:underline;}
#footer3 .tag1 {position:relative; clear:both; font-size:13px;}
#footer3 .tag1 a:link, a:visited {text-decoration:none; color:#FFF; }
#footer3 .tag1 a:hover {color:#900; text-decoration:underline;}
#footerbarsp {position:relative; float:left; clear:both; width:900px; height:59px; background-color:#000; /*background-image:url(../images/low.jpg);*/ }
#footerbar{position:relative; float:left; width:900px; height:59px; padding-top:20px; padding-left:40px;}
#footerbar1{position:relative; float:left; width:495px; height:59px; padding-top:20px; padding-left:40px;}
#footerbar2{position:relative; float:left; width:20px; height:84px; background:#320a01 url("../images/website_24.jpg") repeat-x;}
#footerbar3{position:relative; float:left; width:311px; height:59px; padding-top:25px; padding-left:30px;}

.noProduct{	padding-top:80px; padding-bottom:80px; color:#CC0000; text-align:center;}	
.LinkPage{font-family:Tahoma, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#633; text-decoration:none;}
.LinkPage a:link,.LinkPage a:visited{font-size:14px; color:#633; text-decoration:none;}
.LinkPage a:hover{font-size:14px; color:#303; text-decoration:none;}	
.txt_13pixel{font-family:Tahoma, Helvetica, sans-serif; font-size:13px; color:#999;}
.txtweb_13pixel{font-family:Tahoma, Helvetica, sans-serif; font-size:13px; color:#dac8f7;}
.txt_13pixel_yellow{font-family:Tahoma, Helvetica, sans-serif; font-size:13px; color:#F90;}
.txtbn{font-family:'Capriola', sans-serif; font-size:18px; color:#FFF; padding-left:10px; padding-top:5px;}
.txtfield {color: #000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:16px; padding-left:5px;}
.forpass{font-family:Tahoma, Helvetica, sans-serif; font-size:13px; color:#F90; text-decoration:none;}
.forpass a:link,.forpass a:visited{font-size:13px; color:#F90; text-decoration:none;}
.forpass a:hover{font-size:13px; color:#F60; text-decoration:underline;}

.viewproduct{font-family:Tahoma, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#F90; text-decoration:none;}
.viewproduct a:link,.viewproduct a:visited{font-size:13px; color:#F90; text-decoration:none;}
.viewproduct a:hover{font-size:13px; color:#F60; text-decoration:underline;}

#txtweb{font-family:Tahoma, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#5c143c; padding:2px 5px 5px 5px; text-align:left;}
#txtweb ul {margin:0; padding:0 0 0 2px; font-size:13px;}
#txtweb li { overflow:inherit; list-style-type:none; margin:0; padding:5px 0 0 2px;}
#txtweb a{color:#5c143c; text-decoration:none;}
#txtweb a:hover{color:#de278d; text-decoration:underline;}

#txtboard{font-family:Tahoma, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#5c143c; padding:0;}
#txtboard ul {margin:0; padding:0; font-size:13px;}
#txtboard li { overflow:inherit; list-style-type:none; margin:0; padding:0;}
#txtboard a{color:#5c143c; text-decoration:none;}
#txtboard a:hover{color:#de278d; text-decoration:underline;}

#txtboardT{font-family:Tahoma, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5c143c; padding:0; text-align:left;}
#txtboardT ul {margin:0; padding:0; font-size:12px;}
#txtboardT li { overflow:inherit; list-style-type:none; margin:0; padding:0;}
#txtboardT a{color:#5c143c; text-decoration:none;}
#txtboardT a:hover{color:#de278d; text-decoration:underline;}

.weblink{font-family:Tahoma, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#dac8f7; text-decoration:none;}
.weblink a:link,.weblink a:visited{font-size:14px; color:#dac8f7; text-decoration:none;}
.weblink a:hover{font-size:14px; color:#a87af3; text-decoration:underline;}

.cart{font-family:Tahoma, Helvetica, sans-serif; font-size:13px; color:#333; text-decoration:none;}
.cart a:link,.cart a:visited{font-size:13px; color:#333; text-decoration:none;}
.cart a:hover{font-size:13px; color:#000; text-decoration:underline;}

.topicnews{font-size:12px; color: #FF0000; font-weight:bold; text-decoration:none; border:0px;} 

#sitefooter {position:absolute; clear:both; width:100%;height:80px; overflow-x:hidden; background-color: #000; font-size:13px; opacity:0.2;}
#footerwrapper {margin:0 auto; width:900px; height:80px; text-align:center; opacity:0.99;}
.footer{font-family: 'Capriola', THBaijam; font-size:13px; font-weight:bold; color:#FFF; text-align:center; padding-top:30px;}
.footer a{color:#FFF; text-decoration:none;}
.footer a:hover{color:#ffcb99; text-decoration:none;}