@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
@import url(fonts/thsarabunnew.css);
body{background-color:#F0F2F5!important;font-size:14px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif; }
body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;
          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}


.cross {
    position: relative;
    display: inline-block;
}
.cross::before, .cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.cross::before {
    border-bottom: 2px solid red;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}

/*voting style */
.voting_wrapper {display:inline-block;margin-left: 20px;}
.voting_wrapper .down_button {background: url(../images/voting-thumbs.png) no-repeat;float: left;height: 14px;width: 16px;cursor:pointer;margin-top: 10px;}
.voting_wrapper .down_button:hover {background: url(../images/voting-thumbs.png) no-repeat 0px -16px;}
.voting_wrapper .up_button {background: url(../images/voting-thumbs.png) no-repeat -16px 0px;float: left;height: 14px;width: 16px;cursor:pointer;margin-top: 8px;}
.voting_wrapper .up_button:hover{background: url(../images/voting-thumbs.png) no-repeat -16px -16px;;}
.voting_btn{float:left;margin-right:5px;}
.voting_btn span{font-size: 14px;float: left;margin-left: 3px; margin-top: 5px;}
h7{color: #ff0000;font-family: "THSarabunNew";}

@-webkit-keyframes animateHeart {
	0%  { -webkit-transform: scale(1); }
	5%  { -webkit-transform: scale(1.2); }
	10% { -webkit-transform: scale(1.1); }
	15% { -webkit-transform: scale(1.3); }
	50% { -webkit-transform: scale(1); }
	100% { -webkit-transform: scale(1); }
}
@keyframes animateHeart {
	0%  { transform: scale(1); }
	5%  { transform: scale(1.2); }
	10% { transform: scale(1.1); }
	15% { transform: scale(1.3); }
	50% { transform: scale(1); }
	100% { transform: scale(1); }
}
.fa-heart {
	color: #cc0a3a;
	-webkit-animation: animateHeart 2.5s infinite;
	animation: animateHeart 2.5s infinite;
}

.update-box-left {
	display:inline-block;
    margin: 0px;
	padding: 5px;
	background-color: #FF0000;
    border: 1px solid #FF0000;  
	font-family: 'THSarabunNew', tahoma, thonburi, sans-serif; 
	font-size: 12px;
	color: #ffffff;
}
.update-box-right {
	display:inline-block;
    margin: 0px;
	padding: 5px;
	*border-radius: 0px 10px 0px 0px;
	background-color: #CCCCCC;
    border: 1px solid #CCCCCC;  
	font-family: 'THSarabunNew', tahoma, thonburi, sans-serif; 
	font-size: 12px;
	color: #ffffff;
}

.floating-box-red { background-color: #D9534F; border-radius: 5px; margin-top: 0px; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; 	}
.floating-box-green{ background-color: #5CB85C; border-radius: 5px; margin-top: 0px; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; 	}
.floating-box-blue { background-color:#5BC0DE; border-radius: 5px; margin-top: 0px; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; 	}
.floating-box-orange { background-color:#EC971F; border-radius: 5px; margin-top: 0px; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; 	}
.floating-box-violet { background-color:#8A11BF; border-radius: 5px; margin-top: 0px; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; 	}
a.small:link{font-size:12px!important;text-decoration:none;color:#ffffff;}
a.small:hover{font-size:12px!important;text-decoration:none;color:orange;}
a.small:visited{color:#ffffff;}
a.small:visited:hover{font-size:12px!important;text-decoration:none;color:orange;}

.contain{width:1000px;margin:auto auto;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  text-decoration:none;}
.contain-2{width:920px;margin:auto auto;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  text-decoration:none;text-shadow:#cccccc 1px 1px 1px;}
.contain-3{width:850px;margin:auto auto;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  text-decoration:none;}
.header-top{width:100%;color:#fff;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  background-color:#1177aa;text-shadow:#000033 1px 1px 1px;}
.header-top-1{width:1000px;height:40px;color:#fff;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  background-color:#1177aa;padding:10px;text-shadow:#000033 1px 1px 1px;}
.header-top-2{width:920px;color:#fff;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  background-color:#1177aa;padding:5px;}
.header-top-3{width:100%;color:#ff0066;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  background-color:#1177aa;padding:7px;}
.header-top-4{width:100%;height:40px;color:#fff;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  background-color:#1177aa; margin-top:0px; padding:0px;}
.header{width:100%;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  background-color:#fff;}
.header-1{width:1000px;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  background-color:#fff;padding:35px;}
.menu{padding:8px;margin-left:0px;color:#34495E;float:left;margin-top:-25px;cursor:pointer;}
.menu:hover{color:#ff0066;text-decoration:none;}
.menu > .icon{font-size:36px;margin-right:4px;margin-top:3px;}
.menu > a:hover{color:#ff0066;text-decoration:none;}
.a{font-size:1.5em;font-family: 'Shadows Into Light Two', cursive;color:#3498DB;text-decoration:none;text-shadow:#cccccc 1px 1px 1px;}
.aa{font-size:14px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;margin-top:-2px;text-decoration:none;text-shadow:#cccccc 1px 1px 1px;}
.slide{background-color:#0099cc;width:100%;height:100px;}
.slide2{width:1000px;height:200px;}
.tow{position:absolute;}
.admin{background-color:#34495e;padding:10px;width:1000px;font-size:20px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  margin-top: 10px; margin-bottom:10px;color:#fff;text-shadow:#000033 1px 1px 1px;}
.admin-1{background-color:#34495e;width:100%;}
.admin-2{background-color:#34495e;padding:10px;width:951px;font-size:20px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  margin-bottom:15px;color:#fff;text-shadow:#000033 1px 1px 1px;}
.admin-3{background-color:#3498DB;padding:10px;width:1000px;font-size:20px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  margin-bottom:15px;color:#fff;text-shadow:#000033 1px 1px 1px;}
.admin-4{background-color:#34495e;padding:20px;width:100%;font-size:14px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  margin-bottom:15px;color:orange;text-shadow:#000033 1px 1px 1px; line-height: 150%;}
.admin-5{background-image: url("../images/footer-bg.jpg");width:100%;}
.admin > .contain{width:100%;margin:auto auto;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  text-decoration:none;text-shadow:none;}
.admin-2 > .contain-3{width:850px;margin:auto auto;font-size:15px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  text-decoration:none;text-shadow:none;}
.plan{width:1000px;border-radius:7px;border-style:solid;border-color:#ccc;border-width:2px;background-color:#fff;height:500px;}
.plan > .title{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;text-align:center;font-size:45px;margin-top:10px;}
.plan > .margin{margin-left:15px;margin-right:15px;}
.plan > .margin > .text{width:1000px;background-color:#3498db;color:#fff;border-radius:5px;margin-bottom:5px;padding:7px 10px;text-align:center;}
.plan > .margin > .text2{width:1000px;background-color:#1abc9c;color:#fff;border-radius:5px;text-align:center;margin-bottom:5px;padding:7px 10px;}
.plan > .margin > span{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:22px;margin-top:5px;}
.plan > .margin > .price > center > b{font-size:80px;}
.priceaa{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:20px;}
a{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px!important;text-decoration:none;color:#3498DB;}
a:hover{color:#FFF;text-decoration:none;}
a.orange_mini{font-size:13px!important;text-decoration:none;}
a.orange_mini:hover{font-size:13px!important;text-decoration:none;color:orange;}
a.orange_mini:visited{color:#3498DB;}
a.orange_mini:visited:hover{font-size:15px!important;text-decoration:none;color:orange;}
a.orange_medium{font-size:15px!important;text-decoration:none;color:#ffffff;}
a.orange_medium:hover{font-size:15px!important;text-decoration:none;color:orange;}
a.orange_medium:visited{color:#ffffff;}
a.orange_medium:visited:hover{font-size:15px!important;text-decoration:none;color:orange;}
/* a.orange_medium_skyblue::after {content: url(../images/link.gif);padding-left: 5px;} */
a.orange_medium_skyblue:link{font-size:15px!important;text-decoration:none;color:#3498DB;}
a.orange_medium_skyblue:hover{font-size:15px!important;text-decoration:none;color:orange;}
a.orange_medium_skyblue:visited{color:#3498DB;}
a.orange_medium_skyblue:visited:hover{font-size:15px!important;text-decoration:none;color:orange;}
a.support_menu{font-size:15px!important;text-decoration:none;color:#3498DB;}
a.support_menu:hover{font-size:15px!important;text-decoration:none;color:#ff0066;}

/*
.black{width:1000px;height:1px;background-color:#000;}
*/

.scrollToTop{width:48px;height:48px;padding:10px;text-align:center;background: whiteSmoke;font-weight: bold;color: #444;text-decoration: none;position:fixed;bottom: 180px;right:5px;display:none;background: url('gotop.png') no-repeat 0px 20px;}
.scrollToTop:hover{text-decoration:none;}

.server{width:1000px;}
.vps-addon{width:1000px;}
.wrap{width:960px;margin:20px auto;}
.clear-fix{clear:both;}
h1{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;}
.mblock{margin:35px 0;display:block;height:1px;background-color:rgba(255, 255, 255, 0.42);}
@media only screen and (max-width:980px){.wrap{width:1000px;}}
.why{width:1000px;padding:15px;background-color:#FFFFFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:0px 0px 48px rgba(0, 0, 0, 0.13);font-size:14px;}
.why > span{color:#34495E;}
/*
.green{width:1000px;height:2px;background-color:#2ECC71;}
.blue{width:1000px;height:2px;background-color:#3498DB;}
*/
.why-2{width:850px;padding:15px;background-color:#FFFFFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:0px 0px 48px rgba(0, 0, 0, 0.13);font-size:14px;}
.why-2 > span{color:#34495E;}
.green-2{width:850px;height:2px;background-color:#2ECC71;}
.blue-2{width:850px;height:2px;background-color:#3498DB;}
.asd{display:block;margin:20px auto 0;width:23%;height:32px;line-height:32px;font-size:14px;text-align:center;text-decoration:none;text-transform:uppercase;text-decoration:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:0px 0px 48px rgba(0, 0, 0, 0.13);font-size:16px;}
.asd:hover{display:block;margin:20px auto 0;height:32px;line-height:32px;font-size:14px;text-align:center;text-decoration:none;text-transform:uppercase;text-decoration:none;color:#fff;}
.green-style-asd{background-color:#279944!important;color:#ffffff;}
.blue-style-asd{background-color:#0099cc!important;color:#ffffff;}
.feedback{background-color:#CFE7F9;width:1000px;}
.footer{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif; background-color:#1177aa;width:100%;margin-top:-20px;}
.footer-2{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif; background-color:#1177aa;padding:20px;width:100%;font-size:14px; color:#ffffff;margin-top:-20px;text-shadow:#000033 1px 1px 1px;}
.white-panel{background-color:#fff;width:1000px;}
.admin > span > center > a{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px!important;color:#dadada;text-decoration:none;}
.admin > span > center > a:hover{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px!important;text-decoration:none;color:orange;text-decoration:none;}
.admin > span > center > li{display:inline-block;}
.admin a{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px!important;color:#ffffff;text-shadow:#000033 1px 1px 1px;text-decoration:none;}
.admin a:hover{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px!important;text-decoration:none;color:orange;}
.admin-4 a{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:13px!important;color:#ffffff;text-shadow:#000033 1px 1px 1px;text-decoration:none;}
.admin-4 a:hover{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:13px!important;text-decoration:none;color:orange;}
.howto-website{padding:20px;width:1000px;background-color:rgba(0,0,0,.5);color:#fff;}
/* .domain{width:100px-60px;padding:30px;background-color:#fff;color:#000;border-radius:10px;} */
span.info { display:block; margin:5px 0; padding:5px 5px 5px 30px; background:url("../images/information.png") no-repeat scroll 10px 50% #D8E5F8; border-bottom:3px solid #629DE3; border-top:3px solid #629DE3; color:#0055BB;}
.external::after {content: url(../images/link.gif);padding-left: 5px; /* create some space between the image and the content before it */}
.browserhead{margin:.2em 0;background:#ff0000;color:#fff;font-size:15px;text-align:center;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  padding:.2em 0}
.browserbody{margin:.2em 0;background:#ffffff;color:#ff0000;font-size:15px;text-align:center;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  padding:.2em 0}
.orderformhappy{width:1000px;margin:.2em 0;background:#ff0000;color:#fff;font-size:14px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  padding:.2em 0}
#popupwindow{display:none;background:rgba(0,0,0,0.6);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#backgroundsetting{width:470px;height:130px;position:relative;background:none;top:25%;left:2%;margin:0px auto;}
#imagepopup{cursor:pointer;background:url(../images/close-bnt.jpg) repeat;height:18px;width:40px;margin-top:-138px;margin-left:409px;position:absolute;}
#ShareBar{top: 188px;width:156px; left: 0 !important;overflow:hidden;position: fixed;z-index: 100000;text-align:left;line-height:normal;_position: absolute;font-size:9px;}
#ShareBar a {color:#fff; text-decoration:none;font-size:9px;text-shadow:#000033 1px 1px 1px;}
#ShareBar a:hover {color:#fff; text-decoration:none;font-size:9px;text-shadow:#000033 1px 1px 1px;}
#ShareBar a:visited{text-decoration:none;font-size:9px;text-shadow:#000033 1px 1px 1px;}
#ShareBar2{position:absolute; top: 0px;width:270px; left:400px; padding-top:110px; font-size:10px;}
#ShareBar2 a {color:#fff; text-decoration:none;font-size:9px;text-shadow:#000033 1px 1px 1px;}
#ShareBar2 a:hover {color:#fff; text-decoration:none;font-size:9px;text-shadow:#000033 1px 1px 1px;}
#ShareBar2 a:visited{text-decoration:none;font-size:9px;text-shadow:#000033 1px 1px 1px;}
.bigicon {font-size:36px; padding-right: 4px; margin-top: 2px;}
.mediumicon {font-size:28px; padding-right: 4px; margin-top: 2px;}

.box_economy{width:220px;padding:5px;background-color:#CF4E11;color:#fff;text-shadow:#000033 1px 1px 1px;}
.box_standdard{width:220px;padding:5px;background-color:#0881C5;color:#fff;text-shadow:#000033 1px 1px 1px;}
.box_business{width:220px;padding:5px;background-color:#8A11BF;color:#fff;text-shadow:#000033 1px 1px 1px;}
.box_corporate{width:220px;padding:5px;background-color:#44A743;color:#fff;text-shadow:#000033 1px 1px 1px;}

.box_economy2{width:300px;padding:5px;background-color:#CF4E11;color:#fff;text-shadow:#000033 1px 1px 1px;}
.box_standdard2{width:300px;padding:5px;background-color:#0881C5;color:#fff;text-shadow:#000033 1px 1px 1px;}
.box_business2{width:300px;padding:5px;background-color:#8A11BF;color:#fff;text-shadow:#000033 1px 1px 1px;}
.box_corporate2{width:300px;padding:5px;background-color:#44A743;color:#fff;text-shadow:#000033 1px 1px 1px;}

.box_detail{text-align:left;margin-left:5px;font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px!important;}
.box_detail ul {list-style:none;margin:left;padding:0px; text-align:left;}

/*
.box_economy2{padding:5px;background-color:#CF4E11;color:#fff;text-shadow:#000033 1px 1px 1px;}
.box_corporate2{width:600px;padding:5px;background-color:#f473c9;color:#fff;text-shadow:#000033 1px 1px 1px;}
*/

.good{color:#32AB26;}
.bad{color:#E23D16;}
.info_economy{padding:5px;-webkit-border-radius:4px 4px 4px 4px/5px 5px 4px 4px;-moz-border-radius:4px 4px 4px 4px/4px 4px 4px 4px;border-radius:4px 4px 4px 4px/5px 5px 4px 4px;background-color:#CF4E11;color:#fff;text-shadow:#000033 1px 1px 1px;}
.info_standdard{padding:5px;-webkit-border-radius:4px 4px 4px 4px/5px 5px 4px 4px;-moz-border-radius:4px 4px 4px 4px/4px 4px 4px 4px;border-radius:4px 4px 4px 4px/5px 5px 4px 4px;background-color:#0881C5;color:#fff;text-shadow:#000033 1px 1px 1px;}
.info_business{padding:5px;-webkit-border-radius:4px 4px 4px 4px/5px 5px 4px 4px;-moz-border-radius:4px 4px 4px 4px/4px 4px 4px 4px;border-radius:4px 4px 4px 4px/5px 5px 4px 4px;background-color:#8A11BF;color:#fff;text-shadow:#000033 1px 1px 1px;}
.info_corporate{padding:5px;-webkit-border-radius:4px 4px 4px 4px/5px 5px 4px 4px;-moz-border-radius:4px 4px 4px 4px/4px 4px 4px 4px;border-radius:4px 4px 4px 4px/5px 5px 4px 4px;background-color:#44A743;color:#fff;text-shadow:#000033 1px 1px 1px;}
a.economy_order {background-color:#CF4E11;color:#DADADA;text-decoration:none;padding:5px;-webkit-border-radius:4px 4px 4px 4px/5px 5px 4px 4px;-moz-border-radius:4px 4px 4px 4px/4px 4px 4px 4px;border-radius:4px 4px 4px 4px/5px 5px 4px 4px;text-shadow:#000033 1px 1px 1px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
a.economy_order:hover {color:#FFFFFF;text-decoration:none;}
a.economy_order:active{position:relative;top:1px;}
a.standdard_order {background-color:#0881C5;color:#DADADA;text-decoration:none;padding:5px;-webkit-border-radius:4px 4px 4px 4px/5px 5px 4px 4px;-moz-border-radius:4px 4px 4px 4px/4px 4px 4px 4px;border-radius:4px 4px 4px 4px/5px 5px 4px 4px;text-shadow:#000033 1px 1px 1px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
a.standdard_order:hover {color:#FFFFFF;text-decoration:none;}
a.standdard_order:active{position:relative;top:1px;}
a.business_order {background-color:#8A11BF;color:#DADADA;text-decoration:none;padding:5px;-webkit-border-radius:4px 4px 4px 4px/5px 5px 4px 4px;-moz-border-radius:4px 4px 4px 4px/4px 4px 4px 4px;border-radius:4px 4px 4px 4px/5px 5px 4px 4px;text-shadow:#000033 1px 1px 1px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
a.business_order:hover {color:#FFFFFF;text-decoration:none;}
a.business_order:active{position:relative;top:1px;}
a.corporate_order {background-color:#44A743;color:#DADADA;text-decoration:none;padding:5px;-webkit-border-radius:4px 4px 4px 4px/5px 5px 4px 4px;-moz-border-radius:4px 4px 4px 4px/4px 4px 4px 4px;border-radius:4px 4px 4px 4px/5px 5px 4px 4px;text-shadow:#000033 1px 1px 1px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
a.corporate_order:hover {color:#FFFFFF;text-decoration:none;}
a.corporate_order:active{position:relative;top:1px;}

a.dc_pricing_button:hover {text-decoration:none;}
a.dc_pricing_button:active {text-decoration:none;}
a.dc_bevel_button:hover {text-decoration:none;}
a.dc_bevel_button:active {text-decoration:none;}

.boxshadow{background-color:lightgrey;padding:10px;border:1px solid navy;margin:5px;text-align:left;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
.boxshadow-2{background-color:#ffffff;padding:10px;border:1px solid navy;margin:5px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
.boxshadow_new{background-color:#ffffff;width:230px;padding:3px;border:1px solid navy;margin:0px;text-align:left;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
.boxshadow_new2{background-color:#ffffff;padding:3px;border:1px solid navy;margin:0px;text-align:left;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
.boxshadow_new3{background-color:#ffffff;width:310px;padding:3px;border:1px solid navy;margin:0px;text-align:left;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
.menu-boxshadow{background-color:#ffffff;width:110px;padding:5px;border:1px solid navy;margin:5px;text-align:center;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
.shadowtext{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px;font-weight:bold;text-decoration:none;text-shadow:#000033 2px 2px 2px;}
.shadowtext a:link{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  color:#ffffff;text-decoration:none;}
.shadowtext a:visited{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  color:#ffffff;text-decoration:none;}
.shadowtext a:hover{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  color:#ffa836;text-decoration:none;}
.shadowtextwhite{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:12px;font-weight:bold;text-decoration:none;text-shadow:#aaaaaa 2px 2px 2px;}
.shadowtexthead{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px;font-weight:bold;text-decoration:none;text-shadow:#000333 2px 2px 2px;}
.shadowtitle{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:16px;font-weight:bold;margin:0 0 20px 0;text-shadow:2px 2px 2px #bbbbbb;}
.shadowsubject{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  font-size:14px;font-weight:bold;margin:0 0 20px 0;text-shadow:2px 2px 2px #bbbbbb;}
.shadowmini{font-family: 'THSarabunNew', tahoma, thonburi, sans-serif; font-size:14px;font-weight:bold;color:#3498DB;margin:0 0 20px 0;text-shadow:2px 2px 2px #cccccc;}
div.content-code{background:#CEECF5 url(images/code.gif) 100% 0 no-repeat;border-left:4px solid #F480D1;clear:both;margin-top:10px;padding:5px 0 5px 5px;display:block}
#hintbox{position:absolute;top:0;background-color:lightyellow;width:150px;padding:3px;border:1px solid black;font:normal 11px Verdana;line-height:18px;z-index:100;border-right:3px solid black;border-bottom:3px solid black;visibility:hidden;}
.hintanchor{font-weight:bold;color:navy;margin:3px 8px;}
iframe{margin-left:0px;margin-top:13px;padding-left:0px;background-color:#fff;border:solid 1px #cbc9c9;}
iframe.shadow{-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.31);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.31);box-shadow:1px 2px 5px rgba(0,0,0,.31);}
iframe.noborder{padding:0px;border:none;}
#popupwindow{display:none;background:rgba(0,0,0,0.6);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#backgroundsetting{width:470px;height:130px;position:relative;background:none;top:25%;left:2%;margin:0px auto;}
#imagepopup{cursor:pointer;background:url(../images/close-bnt.jpg) repeat;height:18px;width:40px;margin-top:-138px;margin-left:409px;position:absolute;}
.container.with-ribbon {width:100%;padding-top:50px;background:#34495e;}
.ribbon {background:#EB8900;position:absolute;margin:-65px 0 0 22px;padding:10px 10px 6px 10px;}
.ribbon:before {border-right:10px solid #9F5C00;border-top:16px solid transparent;content: "";display:block;height:0;left:-10px;position:absolute;top:0;width:7px;}
.ribbon span {color:#FFF;font-size:1.5em;font-family: 'Shadows Into Light Two', cursive;} 
.gfont {color:orange;text-shadow:#000033 1px 1px 1px;font-size:1.4em;font-family: 'Shadows Into Light Two', cursive;} 
.gfont-m {color:orange;text-shadow:#000033 1px 1px 1px;font-size:1.0em;font-family: 'Shadows Into Light Two', cursive;} 
.gfont-mw {color:#ffffff;text-shadow:#000033 1px 1px 1px;font-size:1.0em;font-family: 'Shadows Into Light Two', cursive;} 
.gfont-black-m{color:#000000;text-shadow:#666666 1px 1px 1px;font-size:1.2em;font-family: 'Shadows Into Light Two', cursive;}
input[type=text],input[type=password],input[type=email]{font-family: 'FontAwesome';color:#000000;height:32px;-webkit-border-radius:0px 4px 4px 0px/5px 5px 4px 4px;-moz-border-radius:0px 4px 4px 0px/0px 0px 4px 4px;border-radius:0px 4px 4px 0px/5px 5px 4px 4px;background-color:#fff;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.09);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.09);box-shadow:1px 2px 5px rgba(0,0,0,.09);border:solid 1px #cbc9c9;margin-left:0px;margin-top:-3px;padding-left:10px;}
input[type=submit]{color:#000000;}
.short_input{width:50px;height:32px;margin-top:-3px;margin-left:0px;}
.normal_input{width:150px;height:32px;margin-top:-3px;margin-left:0px;}
.medium_input{width:250px;height:32px;margin-top:-3px;margin-left:0px;}
textarea{width:600px;height:80px;-webkit-border-radius:0px 4px 4px 0px/5px 5px 4px 4px;-moz-border-radius:0px 4px 4px 0px/0px 0px 4px 4px;border-radius:0px 4px 4px 0px/5px 5px 4px 4px;background-color:#fff;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.09);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.09);box-shadow:1px 2px 5px rgba(0,0,0,.09);border:solid 1px #cbc9c9;margin-left:0px;margin-top:-3px;padding-top:10px;padding-left:10px;}
select{height:32px;line-height:40px; border:solid 1px #cbc9c9;margin-left:-5px;margin-top:13px;padding-left:10px;background-color:#fff;-webkit-border-radius:0px 4px 4px 0px/5px 5px 4px 4px;-moz-border-radius:0px 4px 4px 0px/0px 0px 4px 4px;border-radius:0px 4px 4px 0px/5px 5px 4px 4px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.09);-moz-box-shadow:1px 2px 5px rgba(0,0,0,.09);box-shadow:1px 2px 5px rgba(0,0,0,.09);border:solid 1px #cbc9c9;}
.short_select{width:105px;line-height:40px}
.meduim_select{width:250px;line-height:40px}
.long_select{width:420px;line-height:40px}
#sharethis span { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
blockquote::before {content: "\201C"; color: deepPink;font-size: 3em;position: relative;top: 20px;}
p.note {font-style:italic;color: grey;}
p.note::before {content: "Note:";color: red;}
p.newtext::after {content: "New!";color: green;}
p.newimg::after {content: url(images/new31.gif);}
.shape{border-style:solid;border-width:0 70px 40px 0;float:right;height:0;width:0;-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.offer{background:#fff;border:1px solid #ddd;box-shadow:0 5px 10px rgba(0,0,0,0.2);margin:10px 0;overflow:hidden}
.offer-radius{border-radius:7px}
.offer-danger{width:200px;border-color:#d9534f}
.offer-danger .shape{border-color:transparent #d9534f transparent transparent;border-color:rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0)}
.offer-success{width:200px;border-color:#5cb85c}
.offer-success .shape{border-color:transparent #5cb85c transparent transparent;border-color:rgba(255,255,255,0) #5cb85c rgba(255,255,255,0) rgba(255,255,255,0)}
.offer-default{width:200px;border-color:#999}
.offer-default .shape{border-color:transparent #999 transparent transparent;border-color:rgba(255,255,255,0) #999 rgba(255,255,255,0) rgba(255,255,255,0)}
.offer-primary{width:200px;border-color:#428bca}
.offer-primary .shape{border-color:transparent #428bca transparent transparent;border-color:rgba(255,255,255,0) #428bca rgba(255,255,255,0) rgba(255,255,255,0)}
.offer-info{width:200px;border-color:#5bc0de}
.offer-info .shape{border-color:transparent #5bc0de transparent transparent;border-color:rgba(255,255,255,0) #5bc0de rgba(255,255,255,0) rgba(255,255,255,0)}
.offer-warning{width:200px;border-color:#f0ad4e}
.offer-warning .shape{border-color:transparent #f0ad4e transparent transparent;border-color:rgba(255,255,255,0) #f0ad4e rgba(255,255,255,0) rgba(255,255,255,0)}
.offer-mybox{width:940px;border-color:#d9534f}
.offer-mybox .shape{border-color:transparent #d9534f transparent transparent;border-color:rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0)}
.shape-text{color:#fff;font-size:12px;font-weight:700;position:relative;right:-40px;top:2px;white-space:nowrap;-ms-transform:rotate(30deg);-o-transform:rotate(360deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}
.offer-content{padding:0 10px 5px; font-size:1.0em; font-family: 'Shadows Into Light Two', cursive;}
.box_note{padding:5px;background-color:#eeeeee;border-left:5px; border-style: solid; border-width: 5px; border-right:none; border-top:none; border-bottom:none}
.box_note.danger{border-color: #d9534f; color:#d9534f}
.box_note.danger::before {content: "Warning:";color: #d9534f}
.box_note.success {border-color: #5cb85c; color:#5cb85c}
.box_note.success::before {content: "Tips:";color:#5cb85c}
.box_note.primary{border-color: #428bca; color:#428bca}
.box_note.primary::before {content: "Note:";color:#428bca}
.box_note.info {border-color: #5bc0de; color:#5bc0de}
.box_note.info::before {content: "Info:";color: #5bc0de}
.image{position:relative;width: 100%;color:#ffffff;}
h6{position:absolute;top:180px;left:400px;width:600px;font-size: 12px;}
h5{position:absolute;top:260px;left:250px;width:400px;font-size: 12px;}

.box_top_promotion {width:100%; padding:5px; margin:0px; background-color:#f97279; font-family: 'THSarabunNew', tahoma, thonburi, sans-serif; text-align:center; font-size: 15px; color:#fff; font-weight:bold;}

[data-tooltip]:hover:before,[data-tooltip]:hover:after {visibility:visible;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;z-index: 2;}
[data-tooltip] {position:relative;font-style:normal;font-decoration: none!important;padding:0 0.4em;}
[data-tooltip]:before {display: block;position: absolute;border: solid transparent 5px;border-bottom-color: #5EB85E;top: 12px;left:20px;width:0;height:0;opacity:0;content:'';transition: opacity 250ms, top 250ms;}
.red [data-tooltip]:before {border-bottom-color: rgba(207, 40, 64, 0.78); }
[data-tooltip]:hover::before {top:20px;}
[data-tooltip]:after{content:attr(data-tooltip);display: inline;position: absolute;top: 22px;left: 0;opacity: 0;font-size:13px;font-weight: 700;line-height:1.5em;padding:0.5em 0.8em;border-radius: 2px;background: #5EB85E;color: #fff;pointer-events: none;transition: opacity 250ms, top 250ms; }
[data-tooltip]:hover::after {top:30px;}

.btn2 {
  display: inline-block;
  border: none;
  border-radius: .3em;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 -0.25em 0 rgba(0, 0, 0, 0.25), 0 0.25em 0.25em rgba(0, 0, 0, 0.05);
  color: #fff;
  cursor: pointer;
  font-family: 'THSarabunNew', tahoma, thonburi, sans-serif; 
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 1px;
  padding: .5em 1.5em .75em;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .btn2:active {
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 0.25em 0.5em rgba(0, 0, 0, 0.05);
    margin-top: .25em;
    padding-bottom: .5em; }

.btn2--blue {
  background-color: #3498db; }

.btn2--green {
  background-color: #1abc9c; }

.btn2--red {
  background-color: #e65d4f; }

.btn2--lg {
  font-size: 1.5em; }

.btn2--df {
  font-size: 1.25em; }

.btn2--md {
  font-size: 1em; }

.btn2--sm {
  font-size: 0.75em; }

.btn3d {
    position:relative;
    top: -6px;
    border:0;
     transition: all 40ms linear;
     margin-top:10px;
     margin-bottom:10px;
     margin-left:2px;
     margin-right:2px;
}
.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style:none;
         outline:medium none;
}
.btn3d:active, .btn3d.active {
    top:2px;
}
.btn3d.btn-white {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#fff;
}
.btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#fff;
}
.btn3d.btn-default {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#f9f9f9;
}
.btn3d.btn-default:active, .btn3d.btn-default.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#f9f9f9;
}
.btn3d.btn-primary {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#4274D7;
}
.btn3d.btn-primary:active, .btn3d.btn-primary.active {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color:#4274D7;
}
.btn3d.btn-success {
    box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#78d739;
}
.btn3d.btn-success:active, .btn3d.btn-success.active {
    box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #78d739;
}
.btn3d.btn-info {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#39B3D7;
}
.btn3d.btn-info:active, .btn3d.btn-info.active {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #39B3D7;
}
.btn3d.btn-warning {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#FEAF20;
}
.btn3d.btn-warning:active, .btn3d.btn-warning.active {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #FEAF20;
}
.btn3d.btn-danger {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#D73814;
}
.btn3d.btn-danger:active, .btn3d.btn-danger.active {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #D73814;
}
.btn3d.btn-magick {
    color: #fff;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#bb39d7;
}
.btn3d.btn-magick:hover {
    color: #fff; text-decoration:none;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#bb39b0;
}
.btn3d.btn-magick:active, .btn3d.btn-magick.active {
    color: #fff;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #bb39d7;
}

.btn-magic{color:#fff;background-color:#bb39d7;border-color:#bb39d7;}

.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }

.socialbox {
	font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  
	color:#aaa;
	font-size: 10px;
	text-align: center;
	background-color:#fff;
	border:1px solid silver; height:48px; border-radius:3px; 
	margin-top: 3px; 
	margin-left: 3px;
	margin-right:3px;
	margin-bottom: 3px;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 10px;
}

.socialbox2 {
	font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  
	color:#aaa;
	font-size: 15px;
	text-align: center;
	background-color:#fff;
	border:1px solid silver; height:48px; border-radius:3px; 
	margin-top: 3px; 
	margin-left: 3px;
	margin-right:3px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 5px;
}

.socialbox_like {
	font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;  
	color:#aaa;
	font-size: 10px;
	text-align: center;
	line-height: 0px;
	background-color:#fff;
	border:1px solid silver; height:48px; border-radius:3px; 
	margin-top: 3px; 
	margin-left: 3px;
	margin-right:3px;
	margin-bottom: 3px;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 10px;
}

.box_radius {
	width:700px;
	margin: 0 auto;
	padding:3px; 
	/*
	border-style: solid;
	border-width:1px;
	border-radius:10px;
	*/
	font-family: 'THSarabunNew', tahoma, thonburi, sans-serif;
	font-weight:bold;
	text-shadow:2px 2px 2px #bbbbbb;
	text-align:center;
	color: blue;
}