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

h1,h2{margin:0; padding:0; font-size:14px;}
h3{margin:0; padding:0; font-size:13px;}
#myready-top-bar{height:22px;}
#engine-name{width:1000px;}
#engine-name a{
float:left;
display:block;
width:168px;
height:0px;
padding:22px 0 0 0;
overflow:hidden;
}
.package-beta{background:url(http://www.myreadyweb.com/images/icon/package-icon-beta.png);}
.package-free{background:url(http://www.myreadyweb.com/images/icon/package-icon-free.png);}
.package-smart{background:url(http://www.myreadyweb.com/images/icon/package-icon-smart.png);}
.package-standard{background:url(http://www.myreadyweb.com/images/icon/package-icon-standard.png);}
.package-elegant{background:url(http://www.myreadyweb.com/images/icon/package-icon-elegant.png);}
.package-deluxe{background:url(http://www.myreadyweb.com/images/icon/package-icon-deluxe.png);}
.package-exclusive{background:url(http://www.myreadyweb.com/images/icon/package-icon-exclusive.png);}
.package-premium{background:url(http://www.myreadyweb.com/images/icon/package-icon-premium.png);}

#shopping_cart{}
#shopping_cart strong{display:block; float:right; font-weight:normal;}
#shopping_cart a{display:block; width:auto; height:18px; padding:2px;}
#shopping_cart a.cart{padding-left:20px; background:url(http://www.myreadyweb.com/images/icon/icon_cart.png) no-repeat;}
#language_bar{float:right; padding:2px 0 0 15px; display:block;}
#language_bar img{cursor:pointer;}
#bookmark_bar{float:left; padding:0 0 0 15px; display:block;}
#bookmark_bar img{cursor:pointer;}
.main_content{color:#333; font-size:13px; }


.main_content a{color:#373738; font-weight:bold; text-decoration:none;}
.main_content a:hover{color:#147bd1; text-decoration:underline;}
.content_sub_description{font-size:11px; color:#888; margin:0 0 10px 0; padding:3px 0;}
.content_description{font-size:12px;}
.content_moredetail a{
display:block;
margin:8px 0 0 0;
padding:0 0 0 18px;
color:#256ba4;
font-size:12px;
font-weight:normal;	
background:url(http://www.myreadyweb.com/images/main_icon/more.png) left no-repeat;
}
#price_normal_alone, #price_spacial_alone, #price_member_alone{
	color:black;
	font-weight:bold;
}
#fackbook-like{border-bottom:1px solid #ddd; margin:0 0 10px 0;padding:3px 0;}
a, input{outline:none;}
a{text-decoration:none;}
form{margin:0; padding:0;}

/* menu */
ul#myready-top-menu, ul#myready-bottom-menu{margin: 0; padding: 0; list-style:none;}
ul#myready-top-menu li, ul#myready-bottom-menu li{display: inline; margin: 0; padding: 0;}
ul#myready-top-menu span, ul#myready-bottom-menu span {display: inline-block; margin:0;}
.nav-top-img, .nav-bottom-img{display:inline-block; *display:inline;}
a img{border:0; vertical-align:middle;}
#myready-top-menu li span a, #myready-bottom-menu li span a{font-weight:bold;}

/* sub menu */
.sub-menu-top, .sub-menu-bottom{  /*ระยะ margin กำหนดที่ไฟล์ css ของแต่ละ theme*/
width:auto !important;
width:120px;
display:none; 
padding:10px;
z-index:5000;
position:absolute;
}
.sub a{white-space:nowrap;}
a.sub-top-button, a.sub-bottom-button, .sub-top-normal, .sub-bottom-normal{
display:block;
height:25px;
line-height:25px;
font-size:14px;
}
a.sub-top-button img, a.sub-bottom-button img{margin:0 3px 0 0;}
#myready-nav-side-bar{ width:100%;}

/* widget */
#content-left, #content-center, #content-right{margin:15px 0 0 0;}
#widget-article-category img{ vertical-align:middle;}
#widget-article-topic a.list-link img{border:0; vertical-align:middle;}

/* webboard, News, Gallery, Article */
#myready-content-block{margin:0 10px 0 0; color:#808095; font-size:14px;}
.myready-content-wrap{margin:0 5px 15px 0; border:1px solid #e4e4e4; padding:2px; font-size:14px;}
.myready-content-wrap img{vertical-align:middle; border:0;}
.myready-content-title, .myready-content-title2{height:35px; font-weight:bold;}
.myready-content-title{background:#d2d2d2 url(http://www.myreadyweb.com/images/main_icon/webboard-title-bg.jpg) repeat-x; color:#757575;}
.myready-content-title2{background:#ababab url(http://www.myreadyweb.com/images/main_icon/webboard-title-bg2.jpg) repeat-x; color:#fff;}
.myready-content-title td, .myready-content-title2 td{padding:0 0 0 5px;}
.myready-content-topic td, .myready-content-cat td{padding:5px 0 5px 5px; color:#808095; border-bottom:1px solid #e4e4e4;}
.myready-content-topic td{height:30px;}
.myready-content-cat td{height:45px; line-height:1.3em;}
.myready-content-cat td{background:#f7f5f5;}
.myready-content-topic td a, .myready-content-cat td a{color:#808095; font-weight:bold;}
.myready-content-topic td a:hover, .myready-content-cat td a:hover{color:#666565;}
.second-color{background:#f7f5f5;}
.small{font-size:11px;}
.big{font-size:14px; color:#525252; font-weight:bold; }
.page{height:30px; background:#f0f0f0; padding:0 0 0 5px;}
#content_page a{
margin:3px 3px 3px 0;
text-align:center;
line-height:20px;
display:block;
float:left;
width:20px;
height:20px;
font-size:11px;
color:#808095;
background:#d2d2d2;
}
#content_page a b{
display:block;
line-height:18px;
width:18px;
height:18px;
color:#fff;
background: #b8b8b8;
border:1px solid #a9a8a8;
}
.webboard-search-bar{
height:25px;
text-align:right;
color:#666;
background:url(http://www.myreadyweb.com/images/main_icon/search-bg.jpg);
}
.webboard-search-bar td{padding:0 5px 0 0;}
.webboard-search-bar .input, .webboard-search-bar .select{
margin:0 5px 0 0;
border:1px solid #adbecb;
background:#fff;
color:#757575;
float:none;
}
.webboard-search-bar .input{height:17px;}
.webboard-search-bar .select{height:19px;}
.webboard-search-bar .search{height:20px; background:#97acbb; border:0;color:#fff;}
.webboard-search-bar .search:hover{background:#adbecb;}

.post{margin:20px 0; padding:0 0 10px 0; color:#525252; border:1px solid #e4e4e4;}
.post img{vertical-align:middle;}
#edit{
margin:3px;
padding:0 10px;
border:1px solid #a9a8a8;
background:#fff url(http://www.myreadyweb.com/images/main_icon/edit-bg.jpg) repeat-x;
}

.input{height:20px; border:1px solid #d2d2d2; color:#333; padding:0 0 0 4px;}
.input-short{height:20px; width:100px; border:1px solid #d2d2d2; color:#333; padding:0 0 0 4px;}
.newpost, .head-webboard, .head-news, .head-article, .head-gallery, .head-page, head-search, .head-poll{
color:#525252;
height:25px;
font-size:14px;
font-weight:bold;
margin:0 0 4px 0;
padding:5px 0 0 35px;
}
.newpost, .head-webboard{background:url(http://www.myreadyweb.com/images/main_icon/post.png) left no-repeat;}
.head-news{background:url(http://www.myreadyweb.com/images/main_icon/news.png) left no-repeat;}
.head-article{background:url(http://www.myreadyweb.com/images/main_icon/article.png) left no-repeat;}
.head-gallery{background:url(http://www.myreadyweb.com/images/main_icon/gallery.png) left no-repeat;}
.head-page{background:url(http://www.myreadyweb.com/images/main_icon/page.png) left no-repeat;}
.head-search{background:url(http://www.myreadyweb.com/images/main_icon/search.png) left no-repeat;}
.head-search h1{padding:0 0 0 34px;}
.head-poll{background:url(http://www.myreadyweb.com/images/main_icon/poll.png) left no-repeat;}
.read{ font-size:12px; font-weight:normal; color:#777;}
.submit-button{
margin:15px 0;
width:122px;
height:39px;
border:0;
cursor:pointer;
font-family:Tahoma, Geneva, sans-serif;
font-size:16px;
font-weight:bold;
color:#fff;
background:url(http://www.myreadyweb.com/images/main_icon/submit.jpg);
}
.submit-button:hover{background:url(http://www.myreadyweb.com/images/main_icon/submit.jpg) 0 -39px;}
.firstpost{border:1px solid #d0d0d0; margin:0 0 10px 0;}
.comment{border:1px solid #e4e4e4; margin:0 0 10px 0;}
.block{padding:10px; border:1px  dotted #ccc; background:#090;}
.topic-data{
height:25px;
line-height:25px;
padding:0 10px 0 0;
text-align:right;
background:#f7f5f5;
color:#808095;
}
.topic-data span.data{display:block; float:right;}
.topic-data span.edit{
display:block;
float:right;
padding:0 0 0 17px;
margin:0 0 0 20px;
cursor:pointer;
font-weight:bold;
background:url(http://www.myreadyweb.com/images/main_icon/edit.png) left no-repeat;
}
.topic-data span.quote{
display:block;
float:right;
margin:0 0 0 20px;
padding:0 0 0 17px;
cursor:pointer;
font-weight:bold;
background:url(http://www.myreadyweb.com/images/main_icon/quote.png) left no-repeat;
}
.avatar{width:140px; text-align:center; padding:20px 0 0 0; color:#808095; font-weight:bold;}
.avatar a{color:#006899;}
.avatar a:hover{color:#27a7e3;}
.detail{padding:20px 10px 25px 0; color:#808095;}
.detail2{padding:10px; text-align:center;}
.detail-image img{margin:10px 0; padding:5px; text-align:center; border:1px solid #d0d0d0;}
/*.detail img{margin:0 0 20px 0;}*/
.detail-text{ text-align:left;	margin:0 0 25px 0;}
.author, .author2{
padding:8px 0;
text-align:right;
color:#808095;
border-top:1px solid #e4e4e4;
}
.author{margin:20px 10px 0 0;}
.author2{margin:20px 10px 0 10px;}
.author a, author2 a{color:#808095;}
.comment-number{color:#fff; font-size:30px; font-style:italic;}

/* member */
.error{background:#fcd589; border:1px solid #e88c54;}
.form p b{ /* ข้อความ validate*/
float:left;
display:block;
height:18px;
line-height:18px;
padding:0 0 0 20px;
color:#cb7575;
border:0px;
background:url(http://www.myreadyweb.com/images/main_icon/warn.jpg) no-repeat;
}
.mark{color:#ff6b1b;}

#form-box{
font-size:12px;
margin:0 5px 15px 5px;
padding:10px 15px 20px 15px;
border:1px solid #dcdedf;
color:#505050;
}
#form-box a{color:#006899;}
#form-box a:hover{color:#27a7e3;}
#form-box img{vertical-align:middle;}

.form p, .form2 p{clear:left; margin:4px 0; padding:5px 0;}
.form label{
display:block;
float:left;
margin:0;
width:170px;
height:20px;
}
.form2 label{
display:block;
float:left;
margin:0;
width:120px;
height:20px;
}
.text-input, .cart-input, .form textarea, .form select, .form2 textarea, .form2 select{float:left; border:1px solid #d5d8c5; color:#444; padding:0 0 0 4px; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
.cart-input{height:20px; margin:0 10px 0 0;}
.text-input{width:200px; height:20px; margin:0 10px 0 0;}
.textarea1{width:200px; height:150px; margin:0 10px 0 0;}
.form select{height:22px; margin:0 3px 0 0;}
.submit-button{
margin:15px 0;
width:122px;
height:39px;
border:0;
cursor:pointer;
background:url(http://www.myreadyweb.com/images/main_icon/submit.jpg);
}
.submit-button:hover{background:url(http://www.myreadyweb.com/images/main_icon/submit.jpg) 0 -39px;}
* html .threepxfix{margin-left: 3px;}
.add, .forget, .member, .warn, .cart-address, .cart-list, .cart-pay{
display:block;
margin:0 0 15px 0;
padding:5px 0 5px 32px;
font-size:16px;
font-weight:bold;
color:#333;
}
.add{background:url(http://www.myreadyweb.com/images/main_icon/add.png) left no-repeat;}
.forget{background:url(http://www.myreadyweb.com/images/main_icon/forget.png) left no-repeat;}
.member{background:url(http://www.myreadyweb.com/images/main_icon/member.png) left no-repeat;}
.warn{background:url(http://www.myreadyweb.com/images/main_icon/warn-yellow.png) left no-repeat;}
.cart-address{background:url(http://www.myreadyweb.com/images/main_icon/cart-address.png) left no-repeat;}
.cart-list{background:url(http://www.myreadyweb.com/images/main_icon/article.png) left no-repeat;}
.cart-pay{background:url(http://www.myreadyweb.com/images/main_icon/pay.png) left no-repeat;}

#member-nav{height:30px;}
.nav-news, .nav-profile, .nav-logout{
float:right;
display:block;
margin:0 0 15px 15px;
padding:5px 0 5px 23px;
font-weight:bold;
}
.nav-news{background:url(http://www.myreadyweb.com/images/main_icon/nav-news.png) left no-repeat;}
.nav-profile{background:url(http://www.myreadyweb.com/images/main_icon/nav-profile.gif) left no-repeat;}
.nav-logout{background:url(http://www.myreadyweb.com/images/main_icon/nav-logout.png) left no-repeat;}


/* contact */
.contact-head{
border-bottom:1px solid #ccc;
margin:0 5px 15px 0;
padding:0 0 5px 0;
font-size:12px;
}
.contact{
display:block;
margin:0 0 5px 0;
padding:2px 0 12px 45px;
font-size:16px;
font-weight:bold;
color:#333;
background:url(http://www.myreadyweb.com/images/main_icon/contact.png) left no-repeat;
}


/* page */
#alert{
margin:0 5px 0 0;
height:42px;
line-height:42px;
padding:0 0 0 15px;
font-size:12px;
color:#555;
background:url(http://www.myreadyweb.com/images/main_icon/alert-bg.jpg);
border:1px solid #c6c6c6;
}
#alert img{vertical-align:middle;}

.quote-border{border: 1px solid #999; padding: 6px 10px 10px; margin: 20px 0pt; background:#f4f4f4;}
.quote-from{color:#999;}
.quote-detail{color:#757575; font-weight: normal; padding:4px 0;}

.memberprofile{color:#888;}
.memberprofile a{color:#256ba4;}
.memberprofile strong{
color:#555;
display:block;
padding:2px 0 2px 25px;
background:url(http://www.myreadyweb.com/images/main_icon/nav-profile.gif) no-repeat scroll left center transparent;
}
.memberprofile img{border:1px solid #ccc; padding:5px;}


/* Product */
#content_price_list{font-size:13px;}
#detail-topic-price-list{font-size:18px;}
.head-product{padding:15px 0 0 0; font-size:14px;}
.product-pic-1{list-style:none; padding:0; margin:0;}
.product-pic-1-box{float:left; width:180px; height:180px; border:1px solid #DBDBDB; text-align:center; margin:5px;}

.detail-text{padding:20px 0 0 0;}
.product-detail{list-style:none; margin:0; padding:0;}
.product-detail li{padding:3px; clear:both;}
.detail-topic, .detail-topic-price{display:block; width:100px; font-weight:bold; float:left; color:#585870;}
.detail-topic{color:#585870;}
.detail-topic-price, .price{color:#f00;}
.nav-product{font-size:12px;}
.nav-product img{vertical-align:middle;}
.end_bar_product_category{margin-bottom:20px; float:left; width:100%;}
.link_product_category{font-size:15px; padding:5px 0;}
.product_category_nav_list{height:30px; vertical-align:top;}
.nav-product a{color:#333; font-weight:bold;}
.nav-product a:hover{color:#147bd1;}

/* Product แบบที่ 2 */
.product-pic-2{list-style:none; margin:0; padding:0;}
.product-pic-2 li{padding:3px; width:125px; height:125px; border:dotted 1px #ccc; float:left;}
.product-detail2{list-style:none; margin:0; padding:15px 0 0 0;}
.product-detail2 li{padding:3px; clear:both; text-align:center;}
.detail-topic2, .detail-topic-price2{font-weight:bold; color:#585870;}
.detail-topic2{color:#585870;}
.detail-topic-price2, .price2{color:#f00;}

/* Product แบบที่ 3 */
.detail-text3{padding:10px; text-align:left;}
.product-detail3{list-style:none; margin:0; padding:0 0 0 10px;}
.product-detail3 li{padding:3px; clear:both;}
.product-pic-3{list-style:none; margin:0; padding:0;  width:240px;}
.product-pic-3 li{float:left; width:110px; height:110px; border:1px solid #ccc; margin:1px;}

/* Product แบบที่ 4 */
.product-pic-4{list-style:none; margin:0; padding:0;}
.product-pic-4 li{margin:10px 0;}

/* Product */
.cart-wrap{color:#808095; font-size:12px; border:1px solid #ddd; margin:0 5px; padding:3px 3px 10px 3px;}
.cart-wrap a{color:#006899; font-weight:bold; cursor:pointer;}
.cart-wrap a:hover{color:#27a7e3;}
.book-bank{color:#808095; font-size:12px; border:1px solid #ddd; margin:0 5px; padding:3px 3px 10px 3px;}
.product-cart{
color:#fff;
font-weight:bold;
height:35px;
background:url(http://www.myreadyweb.com/images/main_icon/webboard-title-bg2.jpg) #ABABAB;}
.total-price{color:#990000;}
.cart-edit{ display:block; float:right; color:#006899; font-size:12px; font-weight:bold; padding:0 0 0 20px; background:url(http://www.myreadyweb.com/images/main_icon/edit.png) no-repeat;}
.moredetail{padding:5px 0 15px 0;}
.moredetail strong{display:block;}
.pay-detail{padding:0 10px; font-size:12px; color:#808095;}
.bank-list td{padding:5px 0; color:#000; font-size:16px;}
#howtosend_detail{font-size:12px; color:#808095;}

.cart-button-wrap{width:370px;}
.cart-change-thai, .cart-add-thai, .cart-ok-thai, .cart-change-eng, .cart-add-eng, .cart-ok-eng{display:block; float:left; width:116px; height:0px; padding:24px 0 0 0; overflow:hidden; margin:0 0 0 5px;}
.cart-change-thai{background:url(http://www.myreadyweb.com/images/icon/cart-change-th.png) no-repeat;}
.cart-add-thai{background:url(http://www.myreadyweb.com/images/icon/cart-add-th.png) no-repeat;}
.cart-ok-thai{background:url(http://www.myreadyweb.com/images/icon/cart-ok-th.png) no-repeat;}

.cart-change-eng{background:url(http://www.myreadyweb.com/images/icon/cart-change-en.png) no-repeat;}
.cart-add-eng{background:url(http://www.myreadyweb.com/images/icon/cart-add-en.png) no-repeat;}
.cart-ok-eng{background:url(http://www.myreadyweb.com/images/icon/cart-ok-en.png) no-repeat;}
.cart_price{font-size:16px;}
#side-menu-icon{
	width:16px;
	height:16px;	
}


#member-nav{height:30px;}
#pm-images{ padding-top: 10px;}
.nav-news, .nav-profile, .nav-logout, .nav-pm, .nav-history{
float:right;
display:block;
margin:0 0 15px 15px;
padding:5px 0 5px 23px;
font-weight:bold;
}
.nav-news{background:url(http://www.kankar.com/images/main_icon/nav-news.png) left no-repeat;}
.nav-profile{background:url(http://www.kankar.com/images/main_icon/nav-profile.gif) left no-repeat;}
.nav-logout{background:url(http://www.kankar.com/images/main_icon/nav-logout.png) left no-repeat;}
.nav-pm{background:url(http://www.kankar.com/images/main_icon/nav-pm.png) left no-repeat;}
.nav-history{background:url(http://www.kankar.com/images/main_icon/nav-history.png) left no-repeat;}

/* member pm*/
#pm-nav{height:25px; background:#e0e6ec; padding:5px 0; border:1px solid #ccd6e0; border-bottom:0;}
.pm-inbox, .pm-sendbox, .pm-compose{display:block; float:left; height:15px; line-height:15px; padding:0 2px 0 20px; margin:0 0 0 5px;}
.pm-inbox{background:url(http://www.kankar.com/images/main_icon/pm.jpg) 0 2px no-repeat; width:70px;}
.pm-sendbox{background:url(http://www.kankar.com/images/main_icon/pm.jpg) 0 -13px no-repeat; width:70px;}
.pm-compose{background:url(http://www.kankar.com/images/main_icon/pm.jpg) 0 -30px no-repeat; width:95px;}

.pm-list{border:1px solid #ccd6e0; border-top:0;}
.pm-list table td{height:25px; padding:0 0 0 5px;}
.pm-title{background:#eef3f8;}

.pm-quote{color:#006899; display: block; font-weight: bold; padding: 0 0 0 22px; background:url(http://www.kankar.com/images/main_icon/quote.png) no-repeat;}
.pm-reply{width:80px; height:25px; margin:15px 0 0 0; cursor:pointer; border:0; background:url(http://www.kankar.com/images/main_icon/vote.jpg) no-repeat; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#fff;}
#pmwrap{height: 230px; padding: 0 0 0 120px; width: 300px;}

#pmsearch{background:#fff;}
.pmsearch-title{color:#2c4a7c; background:#88b1f5; font-weight:bold;}
.pmsearch-title2{color:#637caa; background:#b6cdf6; font-weight:bold; padding:0 0 0 8px;}
.pm-memberlist{border-bottom:1px solid #b6c2d8; padding:5px 8px;}
.pm-memberlist img{vertical-align:middle; padding:2px; border:1px solid #b6c2d8;}
.pm-memberlist a{color:#006899; font-weight:bold; font-size:12px;}
.pm-memberlist a:hover{color:#00aeff;}
.pmsearch-input{border:1px solid #C0C8D4;}


.title-title{display:block; margin:10px 0; padding:5px; background:#BDD3F7; border:1px solid #A4B9DB; color: #024F8A;}
.title-title2{display:block; margin:10px 0; padding:5px; background:#f3f4f6; border:1px solid #c1c9d8;}
ul.address{margin:0; padding:0 0 15px 5px; list-style:none;}
ul.address li{clear:left; padding:3px 0 3px 150px;}
ul.address li span{display:block; float:left; width:150px; margin-left:-150px;}

#signature{ margin-bottom:10px; }

div.addthis_inline_share_toolbox { margin: 10px 0 10px 0; }

.kbank-button {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    color: #fff;
    background-color: #3CB661;
}