@charset "utf-8";/* CSS Theme */
*{margin:0;padding:0;border:none;list-style-type:none;}
body{font:13px/18px Arial;background:url(../imgs/bg-page.png) 50% 0 repeat-y #FFF;color:#444;}
a{color:#444;text-decoration:none;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover{color:#da1166;text-decoration:underline;}
::-moz-selection{background:#2265ea;color:#fff;text-shadow:none}
::selection{background:#2265ea;color:#fff;text-shadow:none}
.eff{-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
em{font-style:normal;}
.cb-af:after,.clear:after,.list-big-thb:after,.reader:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
h1,h2,h3,h4,h5,h6,.HL2,.HL3,.HL4{font-family:"DBAdmanXReg";}
/* Section */
#container{position:relative;min-width:1020px;margin:0 auto;}
#wrapper,#content,#sidebar_left{min-height:460px;}
/* Header */
#header{position:relative;width:100%;height:90px;margin:0 0 -5px;z-index:22;background:url(../imgs/bg-header.png) repeat-x;}
#header #branding{position:relative;width:1020px;margin:0 auto;height:85px;}
.logo{top:0;left:-2px;width:285px;height:115px;}
.logo a span{background:url(../imgs/logo.png) 50% 50% no-repeat;}
.logo-ft a span{text-indent:0;}
*html .logo a span{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imgs/logo.png");cursor:pointer;}
/* Navigation */
#navigation{position:absolute;bottom:0;left:285px;right:0;}
.topnav ul.top-nav{position:relative;margin:0;padding:5px 0;height:30px;}
.topnav li{position:relative;float:left;}
.topnav li a{position:relative;display:block;padding:0 .9em;margin:0;text-decoration:none;font:700 16px/30px Arial;text-align:center;text-transform:uppercase;color:#07336e;text-shadow:0 1px 0 rgba(0,0,0,0.3);}
.topnav li a:hover,.topnav li a.selected{color:#0d58dc;}
/* Drop down */
.topnav li ul{display:none;position:absolute;top:25px;left:15px;padding:20px 15px 0;width:180px;border-radius:3px;-moz-border-radius:3px;background:url(../imgs/bg-sub-nav.png) 50% 0 no-repeat;z-index:100;}
.topnav li ul li{float:none;clear:both;width:180px;}
.topnav li ul li.last,.topnav li ul li:last-child{position:absolute;bottom:-10px;left:0;width:210px;height:10px;overflow:hidden;background:url(../imgs/bg-sub-nav-bt.png) no-repeat;text-indent:-9999px;}
.topnav li ul li a{padding:5px 0 5px 15px;background:url(../imgs/bullet.png) 0 9px no-repeat;text-align:left;font:14px/20px Arial;color:#FFF;}
.topnav li ul li a:hover{opacity:0.5;color:#FFF;}
/*Topmenu*/
#barmenu{position:absolute;top:5px;right:5px;z-index:100;height:30px;padding:0;max-width:400px;}
#barmenu>div{float:left;}
/*Top search*/
#barmenu .mem-zone,#barmenu .top-search{position:relative;height:30px;padding:0;}
.top-search .call-popup{display:none;}
#barmenu .top-search{margin-right:8px;}
.area-search fieldset{padding:0;}
.area-search p{padding:0;float:left;}
.area-search p a{font:11px/20px Arial;color:#2d2a2a;}
.area-search p label{display:none;}
.area-search p label.lb-pass{}
.area-search p .txt-form{display:block;float:left;width:195px;height:19px;padding:5px;margin:0;border:none;font:13px/19px Arial;color:#444;background:url(../imgs/btn-set-all.png) 0 0 no-repeat;text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
.area-search p .txt-form:focus{box-shadow:0 0 15px rgba(255,204,204,0.95);}
.area-search p.ctrl-btn-submit{}
.area-search p.ctrl-btn-submit .btn-cr{display:block;position:relative;top:auto;right:auto;border:none;width:38px;height:29px;text-indent:-9999px;line-height:0;overflow:hidden;cursor:pointer;background:url(../imgs/btn-set-all.png) -205px 0 no-repeat;}
.area-search p.ctrl-btn-submit .btn-cr:hover{color:#333;text-shadow:1px 1px 1px#FFF;}
/*follow*/
#barmenu .truehit{position:absolute;top:0px;right:3px;}
#barmenu .truehit a{padding:0;}
.follow-us{padding-top:3px;}
.follow-us ul li{float:left;padding:0 5px 0 0;}
.follow-us ul li a{display:block;width:25px;height:25px;text-indent:-9999px;background:url(../imgs/btn-set-all.png) 0 -40px no-repeat;}
.follow-us ul li a.hid{display:none;}
.follow-us ul li a:hover{opacity:.75;filter:alpha(opacity=75);-moz-}
.follow-us ul li.fb a{background-position:0 -40px;}
.follow-us ul li.tw a{background-position:0 -70px;}
.follow-us ul li.lang-en a{background-position:-180px -135px;}
.follow-us ul li.lang-th a{background-position:-180px -100px;}
/*Sicial Like button*/
.social-like{position:fixed;top:95px;left:0;right:0;width:100%;min-height:150px;z-index:1;overflow:hidden;}
.social-like .inner{position:relative;width:1020px;margin:0 auto;}
.social-like .inner ul{position:absolute;top:0;right:-160px;width:150px;}
.social-like .inner ul li{position:relative;clear:both;height:25px;font:13px/18px Arial;}
.social-like .inner ul li.yt a{display:block;width:31px;height:31px;text-indent:-9999px;background:url(../imgs/btn-set-all.png) -215px -100px no-repeat;}
/*Footer*/
#footer{position:relativewidth:100%;height:auto;min-height:90px;padding:0;z-index:19;background:url(../imgs/bg-footer.png) repeat-x #5cbce8;text-shadow:0 1px 0 rgba(255,255,255,.7);}
#insideFooter {position:relative;width:1020px;height:90px;margin:0 auto;padding:0;color:#174c64;}
#insideFooter a{color:#174c64;}
#insideFooter ul{position:relative;padding:8px 8px 5px;height:34px;}
#insideFooter ul li{position:relative;float:left;padding:0 7px 0 0;}
#insideFooter ul li a{display:block;float:left;height:34px;padding:0 0 0 33px;line-height:35px;background:url(../imgs/btn-set-all.png) 0 -155px no-repeat;}
#insideFooter ul li.home a{background-position:0 -155px;text-indent:-9999px;}
#insideFooter ul li.tel-of a{background-position:0 -190px;}
#insideFooter ul li.tel-m a{background-position:0 -225px;}
#insideFooter ul li.email a{background-position:0 -260px;}
#insideFooter .cright,#insideFooter address{position:relative;float:none;clear:both;width:100%;height:20px;text-align:center;font:13px/18px Arial;}
#insideFooter address{font-size:11px;}
#insideFooter .ctrl-livechat{position:absolute;right:5px;bottom:0;width:238px;height:26px;}
#insideFooter .ctrl-livechat .bg{display:block;width:238px;height:26px;background:url(../imgs/btn-set-all.png) 0 -474px no-repeat;text-align:center;font:11px/26px tahoma;color:#FFF;text-shadow:0 1px 0 #666;}
/*Hightlight*/
.imb-hl-slide *{margin:0;padding:0;outline:none;list-style:none;}
.imb-hl-slide{position:relative;width:1020px;height:385px;margin:0 auto;}
.imb-hl-slide .scrollable {position:relative;overflow:hidden;width:1020px;height:385px;padding:0;margin:0 auto;}
.imb-hl-slide .scrollable .items{width:20000em;position:absolute;clear:both;}
.imb-hl-slide .items div.display{float:left;width:1020px;height:385px;z-index:2;padding:0;}
.imb-hl-slide .items div.display img{width:1020px;height:385px;border:none;}
.imb-hl-slide a.browse {position:absolute;top:50%;background:url(../imgs/btn-set-all.png) 0 -100px no-repeat;display:block;width:30px;height:55px;margin-top:-27px;cursor:pointer;text-indent:-9999px;z-index:9;opacity:.95;filter:alpha(opacity=95);}
.imb-hl-slide a.left{left:0;} 
.imb-hl-slide a.left:hover{opacity:1;filter:alpha(opacity=100);}
.imb-hl-slide a.right{right:0;background-position:-30px -100px;}
.imb-hl-slide a.right:hover{opacity:1;filter:alpha(opacity=100);}
.imb-hl-slide .navi{position:absolute;bottom:3px;left:0;width:1020px;height:15px;padding:0;text-align:center;z-index:8;}
.imb-hl-slide .navi a{display:inline-block;width:15px;height:15px;margin:0 3px;background:url(../imgs/btn-set-all.png) -140px -100px no-repeat;cursor:pointer;-moz-transition:none;-webkit-transition:none;transition:none;}
.imb-hl-slide .navi a:hover{opacity:.75;filter:alpha(opacity=75);}
.imb-hl-slide .navi a.active{background-position:-120px -100px;}
/*Product Slide*/
.pd-slide{margin:0 -20px;}
.pd-slide,.pd-slide .scrollable,.pd-slide .items div.display{width:740px;height:390px;}
.pd-slide .items div.display{background:url(../imgs/bg-pd-slide.jpg) no-repeat;}
.pd-slide .items div.display img{display:block;margin:0 auto;width:590px;height:366px;}
.pd-slide .navi{width:740px;}
.pd-slide a.browse{margin-top:-16px;}
/*mid-home*/
#content{position:relative;}
#content.col-r{width:740px;float:right;background:url(../imgs/bg-content.png) repeat-x;}
#content .Headbar{position:relative;padding:25px 10px 0;font:30px/40px Arial;color:#042e69;text-align:left;text-shadow:0 1px 0 #FFF;}
#content.col-r .Headbar{text-align:right;}
#content .HL2{}
#content .HL2,#content .HL2 a{font:700 18px/30px Arial;color:#07336e;text-shadow:0 1px 0 rgba(0,0,0,0.2);text-transform:uppercase;text-decoration:none;}
.mid-home{position:relative;clear:both;width:1020px;margin:0 auto;}
.mid-home .sub-highlight{position:relative;background:url(../imgs/bg-mid-home.png) repeat-x;}
.mid-home .sub-highlight ul{}
.mid-home .sub-highlight ul li{width:280px;float:left;padding:10px 30px 20px;}
.mid-home .sub-highlight ul li figure{position:relative;}
.mid-home .sub-highlight ul li figure:after{content:"";display:block;width:280px;height:150px;position:absolute;top:0;left:0;-moz-border-radius:.8em;-webkit-border-radius:.8em;border-radius:.8em;box-shadow:0 0 0 4px rgba(255,255,255,0.9) inset;z-index:3;}
.mid-home .sub-highlight ul li figure img{-moz-border-radius:.8em;-webkit-border-radius:.8em;border-radius:.8em;box-shadow:0 0 3px rgba(0,0,0,0.3);z-index:2;}
.mid-home .slide-all-pro{position:relative;clear:both;width:960px;padding:20px 30px;background:url(../imgs/bottom-shadow.png) 50% 0 no-repeat;}
.slide-all-pro .bx-wrapper{width:876px;margin:5px auto 0;}
.slide-all-pro .bx-prev,.slide-all-pro .bx-next{display:block;position:absolute;top:40%;width:30px;height:30px;background:url(../imgs/btn-set-all.png) -60px -100px no-repeat;text-indent:-9999px;}
.slide-all-pro .bx-prev:hover,.slide-all-pro .bx-next:hover{opacity:.75;filter:alpha(opacity=75);}
.slide-all-pro .bx-prev{left:-35px;}
.slide-all-pro .bx-next{right:-35px;background-position:-90px -100px;}
.list-products li{width:146px;float:left;}
.list-products li a{position:relative;display:block;width:126px;padding:0 10px;text-align:center;color:#444;text-decoration:none;}
.list-products li a figure{background:url(../imgs/btn-set-all.png) 0 -355px no-repeat;}
.list-products li.cat01 a figure{background:url(../imgs/bg-act-list-pro.png) 0 0 no-repeat;}
.list-products li.cat02 a figure{background:url(../imgs/bg-act-list-pro.png) 0 -120px no-repeat;}
.list-products li.cat03 a figure{background:url(../imgs/bg-act-list-pro.png) 0 -240px no-repeat;}
.list-products li.cat04 a figure{background:url(../imgs/bg-act-list-pro.png) 0 -360px no-repeat;}
.list-products li.cat05 a figure{background:url(../imgs/bg-act-list-pro.png) 0 -480px no-repeat;}
.list-products li.cat01 a:hover figure{background-position:-130px 0;}
.list-products li.cat02 a:hover figure{background-position:-130px -120px;}
.list-products li.cat03 a:hover figure{background-position:-130px -240px;}
.list-products li.cat04 a:hover figure{background-position:-130px -360px;}
.list-products li.cat05 a:hover figure{background-position:-130px -480px;}
.list-products li a:hover figure{}
.list-products li a figure img{display:block;margin:0 auto;max-width:126px;max-height:109px;}
.list-products li a figure figcaption{display:block;width:136px;margin:0 -5px;padding:5px 0;background:#FFF;font:700 12px/18px tahoma;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-products li a figure span{display:block;position:absolute;top:0;left:10px;width:52px;height:52px;background:url(../imgs/btn-set-all.png) 0 -295px no-repeat;text-indent:-9999px;z-index:99;}
.list-products li a figure span.ic-new{background-position:0 -295px;}
.list-products li a figure span.ic-best{background-position:-60px -295px;}
.list-products li a figure span.ic-coming{background-position:-120px -295px;}
.list-products li a figure span.ic-sold{background-position:-176px -295px;}
/*Read*/
.reader{position:relative;clear:both;color:#444;font:13px/18px tahoma;}
#toc .txt-red{color:#e62530;}
#toc .txt-bk{color:#000;}
#toc .txt-wh{color:#FFF;}
#toc .txt-bold{font-weight:700;}
.reader p{padding:20px 0 0;}
.reader .imgContents+p,.reader h2+p{padding-top:5px;}
.reader ul, .reader ol{padding:10px 20px 5px;}
.reader ul li, .reader ol li{list-style-position:inside;list-style-type:disc;}
.reader ol li{list-style-type:decimal;}
.reader .HeadLine{position:relative;margin:10px 0;padding-right:300px;font-size:22px;font-weight:100;}
.reader .HeadLine.mini{font:1.3em/2em Arial;}
.reader .imgContents{position:relative;padding:0;margin:0 5px 10px 0;max-width:100%;}
.reader .imgContents img{display:block;float:none;margin:0 auto;max-width:100%;background:#FFF;box-shadow:0 0 2px rgba(0, 0, 0, 0.3);}
.reader .imgLeft,.reader .imgContents.fL{float:left;margin:5px 25px 15px 0;}
.reader .imgRight,.reader .imgContents.fR{float:right;margin:5px 0 15px 25px;}
.reader .imgCenter{text-align:center;clear:both;float:none;margin:10px auto;}
.reader .imgContents figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(255,255,255,0.75);display:block;width:100%;text-align:center;font:700 13px/30px Arial;color:#333;text-shadow:0 1px 0 #EEE;}
.reader .ic-bullet{position:relative;color:#047ead;font:700 13px/25px Arial;padding:0 0 0 18px;background:url(../imgs/ic-bullet.png) 0 6px no-repeat;}
.reader .list-none li{list-style-type:none;padding:0;margin:0;}
.reader .disBk{display:block;}
.link-dl{position:relative;}
.link-dl a{display:inline-block;height:32px;background:url(../imgs/ic-pdf.png) 0 0 no-repeat;color:#047ead;padding:0 0 0 38px;font:700 13px/42px Arial;}
/*sidebar-left*/
#sidebar_left{position:relative;float:left;width:280px;background:url(../imgs/bg-sl.png) repeat-x;}
.sl-menu{position:relative;width:226px;margin:0 auto;padding:35px 12px 0;background:url(../imgs/bg-sl-menu.png) 50% 0 no-repeat;}
.sl-menu li{position:relative;box-shadow:0 -1px 0 #9fd7ee;border-top:1px solid #248ab8;}
.sl-menu li:first-child{border-top:none;box-shadow:none;}
.sl-menu li a{display:block;padding:5px 10px;text-align:center;font:18px/32px Arial;color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,0.3);text-transform:uppercase;}
.sl-menu li a.selected{color:#07336e;background:url(../imgs/sl-menu-act.png) 50% 0 no-repeat;}
.sl-menu li a:hover{background:url(../imgs/sl-menu-act.png) 50% 0 no-repeat;opacity:.75;filter:alpha(opacity=75);text-decoration:none;}
#sidebar_left .bg-last{position:relative;clear:both;width:250px;height:70px;margin:0 auto;background:url(../imgs/bg-sl-menu-bt.png) 50% 0 no-repeat;text-indent:-9999px;}
.related-pd{position:relative;clear:both;border:1px solid #d1d2d4;border-radius:.8em;margin:20px 15px;padding:5px 14px;background:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.2) inset;}
.related-pd .HL3{height:35px;}
.related-pd .HL3 a{display:inline-block;color:#042d6b;font:700 16px/35px Arial;}
.related-pd ul li{position:relative;clear:both;height:74px;margin:0 0 7px;}
.related-pd ul li a{color:#383838;}
.related-pd ul li a figure{}
.related-pd ul li a figure img{width:106px;height:66px;float:left;margin:0 10px 0 0;padding:3px;background:#FFF;border:1px solid #e2e2e2;border-radius:.3em;}
.related-pd .more{position:relative;clear:both;text-align:right;}
.related-pd .more a{color:#383838;}



.cmscontent p {
	display: inline;
}


.menu-s {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #57BEE4;
	text-decoration: none;
}




.topic-name {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #047EAD;
}
.topic-name-related {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #047EAD;
}
.content {
	font-family: Tahoma;
	font-size: 14px;
	color: #454444;
}
.content-related {
	font-family: Tahoma;
	font-size: 12px;
	color: #454444;
}
.price {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.stroke {
	border: 1px solid #A5DBEF;
}