@charset "utf-8";
/* CSS Document */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

/*
YUI 3.8.0 (build 5744)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

/**html{color:#000;background:#FFF}**/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}

table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}

ol,ul{list-style:none}

caption,th{}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

q:before,q:after{content:''}

abbr,acronym{border:0;font-variant:normal}

sup{vertical-align:text-top}

sub{vertical-align:text-bottom}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}

input,textarea,select{*font-size:100%}

legend{color:#000}

#yui3-css-stamp.cssreset{display:none}

html [lang="th"] .links-foot a.en_lang{
display: none;
}
html [lang="en"] .links-foot a.th_lang{
display: none;
}

body{
    margin: 0px;
    padding: 0px;
    font-family: tahoma, helvetica;
    font-size: 12px;
	/*background-image: url(../images/bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #d8d8d8;*/
	background: #dcdcdc;
	background: -moz-linear-gradient(top,  #dcdcdc 0%, #ffffff 35%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(35%,#ffffff), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dcdcdc 0%,#ffffff 35%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dcdcdc 0%,#ffffff 35%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dcdcdc 0%,#ffffff 35%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dcdcdc 0%,#ffffff 35%,#d8d8d8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}

.test{
	position:absolute;
	width: 100%;
	background: #dcdcdc;
	background: -moz-linear-gradient(top,  #dcdcdc 0%, #ffffff 35%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(35%,#ffffff), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dcdcdc 0%,#ffffff 35%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dcdcdc 0%,#ffffff 35%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dcdcdc 0%,#ffffff 35%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dcdcdc 0%,#ffffff 35%,#d8d8d8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}

.xxxx{
	display:inline-block;margin:5px;vertical-align:top;width:32%;border:1px solid #e0e0e0;border-radius: 10px;height:475px;
}

a{
    color:#000;
    text-decoration:none;
    font-size:12px;
    font-weight:normal;
}
a:hover{
    color:#F00;
    text-decoration:none;
    font-size:12px;
    font-weight:normal;
}
img{
    vertical-align:middle;
    border:0px;
	object-fit:contain;
}

.mainsitecontainer{
	width:1200px;
	display:table;
	margin:0px auto auto;
}

.mainsitebox{
	width:100%;
    max-width:1200px;
    margin:0px auto auto;
    display:table;
    vertical-align:middle;
    line-height: 25px;
	overflow:scroll;
}
.header{
    width: 100%;
}
.mainconbox{
    margin:0px 0px 10px 0px;
}
.txt_top{
    color: #555;
    float: left;
    width: 550px;
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
}
.maintop-title{
	display:inline-block;
	float:left;
	width:100%;
}
.maintop-logo{
	display:inline-block;
	float:left;
	width:100%;
}
.nevitop img{
    vertical-align:bottom;
    padding:0px;
}
div.nevitop{
    padding:0px;
}
.nevitop{
    padding:0px;
    margin:0px;
    float:right;
    font-size:12px;
    font-weight:normal;
    display:inline-block;
}
.nevitop ul{
    list-style:none;
    margin:0px;
    padding:0px;
    float:right;
    font-size:12px;
    font-weight:normal;
}
.nevitop ul li{	
    margin:0px;
    padding:0px 5px 0px 0px;
    float:left;
    font-size:12px;
    font-weight:normal;
    display: inline;
}
.nevitop ul li a:link,.nevitop ul li a:visited{	
    color:#000;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    display: inline;
}
.nevitop ul li a:hover{	
    color:#F00;
    text-decoration:none;
    font-size: 13px;
    font-weight: bold;
    display: inline;
}
.logo_box{
    float:left;
    padding:0px 0px 5px 0px;
}
.logo_box img{
	width:100%;
	max-width:198px;
}
.menutop{
    position:relative;
    display:inline-block;
    float:right;
    text-align:right;
}
.menutop img{
    vertical-align:middle;
}
.resporn-menu{
	display:none;
}
.topbox1{
    padding:40px 0px 10px 0px;
    display:block;
}
.topbox1 img{
    vertical-align: middle;
  max-height: 20px;
  object-fit: contain;
}
.topbox1 span{
    line-height: 15px;
}
* HTML .topbox1 img {/*IE 6*/ vertical-align:middle !important;}
* + HTML .topbox1 img {/*IE 7*/vertical-align:middle !important;}

.has_shadow {
    position:relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ;
}

.has_shadow:before,
.has_shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.bannermenu {
  padding: 0px;
  display: table;
  
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaeaea 0%, #e3e3e3 50%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(50%,#e3e3e3), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaeaea 0%,#e3e3e3 50%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaeaea 0%,#e3e3e3 50%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaeaea 0%,#e3e3e3 50%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaeaea 0%,#e3e3e3 50%,#dbdbdb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

}
.bannermenu img{
	width:100%;
}
.bannermenu1{
    background-image:url(../images/bannermenu_02.png);
    background-repeat:no-repeat;
    background-position:top;

    height:15px;
}

.head_underline{
    background-position: bottom;
    background-repeat: repeat-x;
    background-image: url(../images/line.png);
    margin-bottom:15px;
}

ul.hilight, ul.hilight li{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.hilight li{
    margin:0px 0px 0px 20px;
    padding:1px 0px 1px 15px;
    background-image:url(../images/foot_arrow.png);
    background-position:left 9px;
    background-repeat:no-repeat;
    line-height:20px;
    font-weight:normal;
}

.hight200{
    height: 200px;
}
.hight230{
    height: 230px;
}
.hight250{
    height: 275px;
}
.hight265{
    height: 305px;
}
.hight275{
    height: 275px;
}
.hight320{
    height: 320px;
}
.hight375{
    height: 375px;
}
.hight400{
    height: 480px;
}
.hight420{
    height: 420px;
}

.hight600{
    height: 600px;
}
.hight700{
    height: 700px;
}
.hight730{
    height: 730px;
}

.left{
    text-align: left;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}

.img_float_left{
    float: left;
    margin: 0px 10px;
}

.inline{
    display: inline;
}

ul.liststylenone{
    padding:0px;
    margin:0px;
    list-style: none;
}
ul.liststylenone li{
    padding:5px 10px;
    margin:0px;
}

.full_well,
.half_well_left,
.half_well_right,
.thirds_well_left,
.thirds_well_center,
.thirds_well_right{
    position: relative;
}

.hilightbox,
.full_well,
.half_well_left,
.half_well_right{
    margin-bottom: 0px;
}

.half_well_left h1,
.half_well_left h2,
.half_well_left h3,
.half_well_left h4,
.half_well_left h5,
.half_well_right h1,
.half_well_right h2,
.half_well_right h3,
.half_well_right h4,
.half_well_right h5{
    font-size:16px;
    font-weight:bold;
    display: block;
    padding:5px 0px 15px 0px;
}

.roundall{
    border-radius: 10px;
}

.hilightbox{
    width: 100%;
    border: 1px solid #CECECC;
    background-color: #E4E4E2;
}

.hilightbox h1,
.hilightbox h2,
.hilightbox h3,
.hilightbox h4,
.hilightbox h5{
    font-size:16px;
    font-weight:bold;
    display: block;
    padding:5px 0px 10px 0px;
}

.hilightbox h3{
    font-size:14px;
}

.hilightbox h1 .hilighttext{
    color:#F00;
}

.hilightbox .content{
    margin: 10px;
}

.hilightbox .third_left,
.hilightbox .third_center,
.hilightbox .third_right{
    width: 370px;
    display: inline-block;
    float: left;
    margin: 10px;
}

.half_well_left, .half_well_right{
    width: 590px;
    background-color: #FFF;
    border: 1px solid #E0E0E0;
}

.half_well_left .content, .half_well_right .content{
    margin: 10px;
}
.half_well_left{
    float: left;
}
.half_well_right{
    float: right;
}

.full_well{
    background-color: #FFF;
    border: 1px solid #E0E0E0;
	display:block;
	margin:10px 0px;
	padding:10px;
	position:relative;
}
.full_well .content{
    margin: 0px 0px;
    line-height:25px;
	display: inline-block;
	width:100%;
}

.row{
	margin:10px 0px 10px 0px;
	padding:10px 0px;
	display:table;
	width:100%;
}
.row .col-left,
.row .col-right{
	display:table-cell;
	vertical-align:top;
}

.row .col-left{
	padding-right:40px;
}

.full_well .content .row .col-left img,
.full_well .content .row .col-right img{
	margin:0px;
}


.full_well .half_left,
.full_well .half_right{
    width: 50%;
    display: table-cell;
	vertical-align:top;
}
.full_well .half_left{
}
.full_well .half_right{
}
.full_well h1,
.full_well h2,
.full_well h3,
.full_well h4,
.full_well h5,
.full_well h6{
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding:5px 0px 10px 0px;
}

.full_well .third_left,
.full_well .third_center,
.full_well .third_right{
    width: 370px;
    display: inline-block;
    float: left;
    margin: 10px;
}

.full_well ul.half_list, .full_well ul.half_list > li{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
    display:inline-block;
}
.full_well ul.half_list > li{
    width: 570px;
    float: left;
    margin: 0px 10px;
    border:0px dotted #F00;
}
.full_well ul.third_list{
    margin: 0px;
    padding:10px  0px;
    list-style: none;
    display: table;
	width:100%;
}
.full_well ul.third_list li{
    display: table-cell;;
    margin: 0px 0px;
    text-align: center;
    vertical-align: top;
}


.full_well ul.forth_list_banner, .full_well ul.forth_list_banner > li{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
}
.full_well ul.forth_list_banner > li{
    width: 145px;
    float: left;
    margin: 10px 0px 10px 20px;
    text-align: center;
	height:120px;
	line-height:20px;
}

.full_well ul.forth_list_banner > li img{
	width:100%;
	margin-bottom:5px;
}



.full_well ul.forth_list, .full_well ul.forth_list > li{
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    display: table;
}
.full_well ul.forth_list > li{
	width: 19%;
  display: inline-block;
  float: left;
  margin: 10px 5px;
  padding: 0px;
  text-align: center;
  line-height: 20px;
}

.full_well ul.forth_list > li img{
	width:100%;
	margin-bottom:5px;
}

.thirds_well_left,
.thirds_well_center,
.thirds_well_right{
    width: 388px;
    background-color: #FFF;
    border: 1px solid #E0E0E0;
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}
.thirds_well_left .content,
.thirds_well_center .content,
.thirds_well_right .content{
    margin: 10px;
}
.thirds_well_left{

}
.thirds_well_center{
    margin-left: 15px;
}
.thirds_well_right{
    margin-left: 15px;
}
.thirds_well_left h1,
.thirds_well_left h2,
.thirds_well_left h3,
.thirds_well_left h4,
.thirds_well_left h5,
.thirds_well_center h1,
.thirds_well_center h2,
.thirds_well_center h3,
.thirds_well_center h4,
.thirds_well_center h5,
.thirds_well_right h1,
.thirds_well_right h2,
.thirds_well_right h3,
.thirds_well_right h4,
.thirds_well_right h5{
    font-size: 16px;
    font-weight: bold;
    display: block;
}
.thirds_well_left h3,
.thirds_well_center h3,
.thirds_well_right h3{
    font-size: 14px;
}





.softbox{
    border: 1px solid #CACACA;
    background-color: #F1F0F0;
}

.colorbox{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,#ffffff 1%, #ebf0f2 43%, #ebf0f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(43%,#ebf0f2), color-stop(100%,#ebf0f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,#ffffff 1%,#ebf0f2 43%,#ebf0f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,#ffffff 1%,#ebf0f2 43%,#ebf0f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,#ffffff 1%,#ebf0f2 43%,#ebf0f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,#ffffff 1%,#ebf0f2 43%,#ebf0f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf0f2',GradientType=0 ); /* IE6-9 */

    border: 1px solid #CFD9DD;
}


.full_well .half_left.colorbox,
.full_well .half_right.colorbox{
    width: 570px;
}

.full_well .half_left.colorbox{
    float: left;
}

.full_well .half_right.colorbox{
    float: right;
}









#footer .half_left .content{
    border-right: 1px dashed #999;
}

#footer .half_right ul, #footer .half_right ul li{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer .half_right ul{
}

#footer .half_right ul li{
    display: block;
    width: 33%;
    float: left;
    text-align: center;
}


.footer{
    width:100%;
    display:inline-table;
    margin:0px auto;
    padding:0px;
    background-color:#2b2b2b;
    color:#FFF;
}
.footer_txt{
    display:table;
    width:100%;
    margin:0px auto;
    padding: 5px;
}
.footer ul{
    list-style:none;
    margin:0px;
    padding:10px 0px 10px 5px;
    float:left;
    width:143px;
    font-weight:bold;
    color:#FFF;
}
.footer ul li{
    padding:0px;
    margin:0px 0px 0px 20px;
    font-weight:normal;
    list-style-image:url(../images/foot_arrow.png);
    list-style-position:outside;
    font-size:11px;
}
.footer ul li :link,.footer ul li :visited{
    color:#FFF;
    text-decoration:none;
    font-size:11px;
    font-weight:normal;
}
.footer ul li :hover{
    color:#FF0;
    font-size:11px;
    font-weight:normal;
}
.footer ul :link,.footer ul :visited{
    color:#FFF;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
}
.footer ul :hover{
    color:#FF0;
    font-size:11px;
    font-weight:bold;
}
.footer-left{
    float:left;
    width:135px;
    font-size:12px;
}
.footer-left > a, .footer-left > a:link, .footer-left > a:visited{
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
}
.footer-left a:hover{
    color:#FF0;
    text-decoration:none;
    font-size:12px;
}




.txt-content
{
    line-height: 20px;
}




.packages{

}

.packages > li{
    background-color: #FFF;
    border: 1px solid #DBDBDB;
    border-radius: 10px;
}


.packages .package_name{

    font-weight: bold;
    font-size: 14px;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #E5E5E5;
    height: 40px;
    line-height: 40px;

    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,#f2f2f2 0%, #dbdbdb 77%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(77%,#dbdbdb), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,#f2f2f2 0%,#dbdbdb 77%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,#f2f2f2 0%,#dbdbdb 77%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,#f2f2f2 0%,#dbdbdb 77%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,#f2f2f2 0%,#dbdbdb 77%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

.packages .package_desc{
    margin: 10px;
}
.packages .package_desc .hltext{
    color: #F00;
    font-weight: bold;
    font-size: 16px;
}
.packages .package_desc .space,
.packages .package_desc .email,
.packages .package_desc .bandwidth,
.packages .package_desc .database,
.packages .package_desc .websites,
/*------ tui add 18-12-56 row1-------*/
.packages .package_desc .ram,
.packages .package_desc .cpu,
.package_desc .nosql,
/*------ tui add 18-12-56 row1-------*/
.packages .package_desc .supported{
    list-style: none;
    background-position: center middle;
    background-repeat: no-repeat;
    height: 33px;
    line-height: 33px;
    padding-left: 35px;
}
.packages .package_desc ul, .packages .package_desc ul li{
    padding: 0px;
    margin: 0px;
}
.packages .package_desc ul li{
    text-align: left;
}
.packages .package_desc .space{
    background-image: url(../images/linux_plan_01.jpg);
}
.packages .package_desc .email{
    background-image: url(../images/linux_plan_02.jpg);
}
.packages .package_desc .bandwidth{
    background-image: url(../images/linux_plan_03.jpg);
}
.packages .package_desc .database{
    background-image: url(../images/database.jpg);
}
.packages .package_desc .websites{
    background-image: url(../images/linux_plan_04.jpg);
}
.packages .package_desc .supported{
    background-image: url(../images/y_check.png);
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    background-position: center left;
}
.packages .package_price{
    margin: 10px;
}
.packages .package_price span{
    font-weight: bold;
    font-size: 16px;
    color: red;
}


table.package_table{
    width: 100%;
}
table.package_table tr th,
table.package_table tr td{
    height: 25px;
    line-height: 25px;
    padding: 0px;
}
table.package_table tr th{
    color: #FFF;
    background-color: #C7101A;
}
table.package_table tr th.subhead{
    color: #000;
    background-color: #f9e7e8;
    text-align: left;
}

table.features_table{
    width: 100%;
    border: 1px solid #DEDEDE;
    border-collapse: collapse;
}
table.features_table tr{

}
table.features_table tr th,
table.features_table tr td{
    padding: 0px;
    margin: 0px;

    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #DEDEDE;
}
table.features_table tr th{
    text-align: left;
}
table.features_table tr th.category{
    background-color: #EEEEEE;
}
table.features_table tr td{

}

.cleared{
    width:100%;
    clear:both;
}

/* menu แนวนอน */
.ddsmoothmenu{
    font: bold 11px tahoma;
    color:#222222;
}

.ddsmoothmenu ul{
    z-index:100;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display:block;
    clear:both;
    float:right;
}

/* เมนูหลัก */
.ddsmoothmenu ul li{
    position:relative;
    float:left;
    color:#222222;
    text-align:center;
    /*width:85px;*/
    padding:0px 10px 0px 10px;
    line-height:36px;
    background-repeat:repeat-x;

}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
    display: block; 
    color: white; 
    color: #222222; 
    text-decoration: none;

}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;

}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
    color: #555;

}

.ddsmoothmenu ul li a:selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    color: #F00;
}

.ddsmoothmenu ul li a:hover{
    color: #F00;
    background-image:url(../images/hovermenu.png);
    background-position:center top;
    background-repeat:no-repeat;
    width:85px;
    font-size:12px;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
    position: absolute;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
    display:list-item;
    float: left;
    margin:0px;
    padding:0px;
    background-color:#ab03ce;
    width:158px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
    top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
    font: bold 12px tahoma;
    padding: 5px;
    margin: 0;
}
.ddsmoothmenu ul li ul li a:link,.ddsmoothmenu ul li ul li a:visited{
    color:#FFF;
    background-color:#9e2905;
}
.ddsmoothmenu ul li ul li a:hover{
    color:#FFF;
    background-color:#ae2d05;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{
    height: 1%;
}


/*CSS classes applied to down and right arrow images */
.downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}

/*CSS for shadow added to sub menus */
.ddshadow{
    position: absolute;
    left:0;
    top: 0;
    width:0;
    height: 0;
    background-color:#999;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
    opacity: 0.5;
}

.menu_box{
    font-weight:normal;
    margin:0px 0px 5px 0px;
    padding:0px ;
    display:inline-block;

}
.menu_box ul{
    list-style:none;
    padding:0px;
    margin:0px auto;
}
.menu_box ul li{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    border-bottom:1px dotted #676767;
    width:186px;
    height:100px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
}
.menu_box ul li :link,.menu_box ul li :visited{
    color:#000;
    text-decoration:none;
}
.menu_box ul li :hover{
    color:#F00;
}
.menu_box ul li img{
    vertical-align:middle;
    padding:0px 5px 0px 0px;
}
.menu_box1{

    font-weight:normal;
    margin:0px 0px 5px 0px;
    padding:0px ;
    display:inline-block;
    position:relative;
}
.menu_box1 ul{
    list-style:none;
    padding:0px;
    margin:0px;

}
.menu_box1 ul li{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    border-bottom:0px dotted #676767;
    width:240px;
    height:100px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
}
.menu_box1 ul li #bottom{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    width:240px;
    height:100px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
}

.menu_box1 ul li :link,.menu_box1 ul li :visited{
    color:#000;
    text-decoration:none;
}
.menu_box1 ul li :hover{
    color:#F00;
}
.menu_box1 ul li img{
    vertical-align:middle;
    padding:0px 5px 0px 0px;
}
.menu_box2{

    font-weight:normal;
    margin:0px;
    padding:0px ;
    display:inline-block;
    position:relative;
}
.menu_box2 ul{
    list-style:none;
    padding:0px;
    margin:0px;

}
.menu_box2 ul li{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    border-bottom:0px dotted #676767;
    width:240px;
    height:120px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
}
.menu_box2 ul li :link,.menu_box2 ul li :visited{
    color:#000;
    text-decoration:none;
}
.menu_box2 ul li :hover{
    color:#F00;
}
.menu_box2 ul li img{
    vertical-align:middle;
    padding:0px 5px 0px 0px;
}
.menu_bg{
    width:100%;
    padding:0px;
    background-color: #2F2F2F;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.menu_txt{
    margin:0px auto;
    width:100%;
    padding:0px;
    vertical-align:middle;
}
.box_inside_new{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    width:166px;
    height:100px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
    float:left;
    border-bottom:1px dotted #555;
}
.box_inside_new :link,.box_inside_new :visited{
    color:#000;
    text-decoration:none;
}
.box_inside_new :hover{
    color:#F00;
}
.box_inside{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    width:186px;
    height:100px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
    float:left;
    border-bottom:1px dotted #555;
}
.box_inside :link,.box_inside :visited{
    color:#000;
    text-decoration:none;
}
.box_inside :hover{
    color:#F00;
}
.box_inside1{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    width:186px;
    height:100px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
    float:left;
    border:0px;
}
.box_inside1 :link,.box_inside1 :visited{
    color:#000;
    text-decoration:none;
}
.box_inside1 :hover{
    color:#F00;
}
.box_inside2{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    width:186px;
    height:115px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
    float:left;
    border-bottom:1px dotted #555;
}
.box_inside2 :link,.box_inside2 :visited{
    color:#000;
    text-decoration:none;
}
.box_inside2 :hover{
    color:#F00;
}
.box_inside3{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    width:265px;

    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
    float:left;
}
.box_inside3 :link,.box_inside3 :visited{
    color:#000;
    text-decoration:none;
}
.box_inside3 :hover{
    color:#F00;
}
.address_box{
    color:#000;
    height:57px;
    display:block;
    font-size:14px;

    line-height:20px;
}
.address_box img{
    vertical-align:middle;
    margin-right:10px;
    float:left;
    margin-top: -15px;
}
.box_inside4{
    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 0px;
    width:176px;
    color:#555;
    font-size:11px;
    line-height:18px;
    vertical-align:top;
    float:left;
    border-bottom:1px dotted #555;
}
.box_inside4 :link,.box_inside4 :visited{
    color:#000;
    text-decoration:none;
}
.box_inside4 :hover{
    color:#F00;
}
.box_inside img,.box_inside1 img,.box_inside2 img,.box_inside3 img,.box_inside4 img{
    vertical-align:middle;
    padding-right:10px;
    margin-bottom:10px;
}
.nevibar{
    color:#000;
}
.nevibar :link,.nevibar :visited{
    color:#F00;
    text-decoration:none;
}
.nevibar :hover{
    color:#000;
}

.txt_green{
    color:#00ac00;
}
.txt_red{
    color:#F00;
}

.nevitopblock{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align:middle;
}
.nevitop_hosting{
    background: transparent url(../images/cloud_set/icons/top-hosting.png) no-repeat left top;
    padding: 0 0 0 40px;
    height: 40px;
    line-height: 40px;
}
.nevitop_domain{
    background: transparent url(../images/cloud_set/icons/top-domain.png) no-repeat left top;
    padding: 0 0 0 40px;
    height: 40px;
    line-height: 40px;
}
.nevitop_howtopay{
    background: transparent url(../images/cloud_set/icons/top-pay.png) no-repeat left top;
    padding: 0 0 0 40px;
    height: 40px;
    line-height: 40px;
}
.nevitop_manual{
    background: transparent url(../images/cloud_set/icons/top-manual.png) no-repeat left top;
    padding: 0 0 0 40px;
    height: 40px;
    line-height: 40px;
}
.nevitop_contact{
    background: transparent url(../images/cloud_set/icons/top-contact.png) no-repeat left top;
    padding: 0 0 0 40px;
    height: 40px;
    line-height: 40px;
}
.nevitop_login{
    background: transparent url(../images/cloud_set/icons/top-account.png) no-repeat left top;
    padding: 0 0 0 40px;
    height: 40px;
    line-height: 40px;
}

.domain_q{
    line-height:20px;
    border:0px dotted #F00;
    margin:0px 0px 10px 0px;
}
.domain_q ul{
    list-style:none;
    margin:10px 0px 10px 0px;
    padding:0px;
}
.domain_q ul li{
    margin:0px 0px 0px 0px;
    padding:5px 0px 5px 30px;
    border:0px dotted #F00;
    background-image:url(../images/q.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
}

.domain_qq{
    width:100%;
    border:0px dotted #F00;

}
.domain_q1 ul{
    list-style:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:0px dotted #F00;
}
.domain_q1 ul li{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 30px;
    background-color:#f5f5f5;
    background-image:url(../images/qa.png);
    background-position:5px 8px;
    background-repeat:no-repeat;
    font-weight:bold;
    border-top:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
    line-height:30px;
}

.domain_qa ul{
    margin:10px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    background-color:#FFF;
    border:0px dotted #F00;
    list-style:none;
}
.domain_qa ul li{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 30px;
    background-image:url(../images/qaa.png);
    background-position:5px 2px;
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-color:#FFF;
    font-weight:normal;
    border:0px dotted #F00;
    line-height:20px;
}

.server_spec{
    width:100%;
    display:inline-block;
    border:0px dotted #F00;
}
.server_spec_box{
    width:100%;
    border-bottom:2px groove #FFF;
    display:inline-block;
}
.server_spec_box1{
    float:left;
    display:inline-block;
    width:250px;
    border:0px dotted #F00;
    text-indent:20px;
    font-weight:bold;
    padding:5px 0px 5px 0px;
}
.server_spec_box2{
    float:left;
    display:inline-block;
    width:600px;
    border:0px dotted #F00;
    background-image:url(../images/semico.png);
    background-position:left;
    background-repeat:no-repeat;
    text-indent:40px;
    padding:5px 0px 5px 0px;
}
.server_spec_color{
    background-color:#e5ecee;
}

.box_1200 {
    font: Tahoma, Geneva, sans-serif;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #111111;
    width: 1200px;
    margin: 0px auto;
    text-align: left;
}

.red {
    color: #c21010;
}

.bold {
    font-weight: bold;
}

.large {
    font-size: 14px;}

.larger {
    font-size: 16px;}

.small {
    font-size: 11px;}

.small2 {
    font-size: 13px;}



.navtop {
    float: left;
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
}

.staffbox {

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#c4c4c4));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c4c4c4, #FFF);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c4c4c4, #FFF);

    /* IE 10 */
    background: -ms-linear-gradient(top, #c4c4c4, #FFF);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c4c4c4, #FFF);

    border-radius: 10px;
    border: 1px solid #e0e0e0;
    float: left;
    display: inline-block;
    background: #FFF;
    width: 1180px;
    margin: 15px 0px 0px 0px;
    padding: 10px;
    line-height: 20px;

}

.staffbox .underline {
    background: url(../images/line.png) repeat-x bottom;
    height: 30px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.staffbox .pic {
    border: none;
    width: 150px;
    margin-right: 10px;
    float: left;
}

.staffbox .des1 {
    float: left;
    width: 1020px;
    margin-bottom: 5px;
}

.staffbox .des1 img {
    border: none;
    margin-bottom: 5px;
}

.side {
    width:590px;
    float: left;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.staffcontent {
    float: left;
    width: 415px;
}

.namestaff {
    width: 252px;
    height: 46px;
    padding-top: 3px;
    background: url(../images/name.jpg) no-repeat top left;
    margin-bottom: 5px;
}

.namestaff .textname {
    width: 190px;
    float: left;
    margin-left: 60px;
}

.clearboth {
    clear: both;
}


/*---------------------- Start add new css 1200 --------------- */


.box_1200 {
    font: Tahoma;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #111111;
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
}

.red {
    color: #c21010;
}

.red2 {
    color: #f03218;
}

.bold {
    font-weight: bold;
}

.large,h3 {
    font-size: 14px;}

.larger, h2 {
    font-size: 16px;}

h2.large {
    font-size: 14px;}

.small {
    font-size: 11px;}

.left {
    float: left;}

.right {
    float: right;}


.box_1200 a,a:visited,a:active{
    text-decoration: none;
    color: #fb0000;
}

.box_1200 a:hover{
    text-decoration: none;
    color: #111111;
}

.navtop {
    float: left;
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
}

.staffbox {

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#c4c4c4));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c4c4c4, #FFF);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c4c4c4, #FFF);

    /* IE 10 */
    background: -ms-linear-gradient(top, #c4c4c4, #FFF);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c4c4c4, #FFF);

    border-radius: 10px;
    border: 1px solid #e0e0e0;
    float: left;
    display: inline-block;
    background: #FFF;
    width: 1180px;
    margin: 15px 0px 0px 0px;
    padding: 10px;
    line-height: 20px;

}

.staffbox .underline {
    background: url(../images/line.png) repeat-x bottom;
    height: 30px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.staffbox .pic {
    border: none;
    width: 150px;
    margin-right: 10px;
    float: left;
}

.staffbox .des1 {
    float: left;
    width: 1020px;
    margin-bottom: 5px;
}

.staffbox .des1 img {
    border: none;
    margin-bottom: 5px;
}

.side {
    width:590px;
    float: left;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.staffcontent {
    float: left;
    width: 415px;
}

.namestaff {
    width: 252px;
    height: 46px;
    padding-top: 3px;
    background: url(../images/name.jpg) no-repeat top left;
    margin-bottom: 5px;
}

.namestaff .textname {
    width: 190px;
    float: left;
    margin-left: 60px;
}

.clearboth {
    clear: both;}

#about_chaiyo {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #e1e1df;
    border: 1px solid #cacac8;
    margin: 0px auto;
    text-align: justify;
    padding: 10px;
    line-height: 22px;
}

#about_chaiyo a,a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #111111;
}

#about_chaiyo a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #f03218;
}

.topbar {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: #2f2f2f 1px solid;
    background: #2f2f2f;
    text-align: left;
    color: #FFF;
    font-weight: bold;
	padding:10px;
}

.topbar  h2{
	padding:0px 10px;
	display:inline-block;
}
.hostingbox {
    width: 568px;
    padding: 10px;
    margin-top: 15px;
    background: url(../images/hosting_bg.png) repeat-x top;
    background: #f7f7f7;
    border-radius: 10px;
    border: 1px solid #cacac8;
    height: 135px;
}

.hostingbox .textbox {
    float: right;
    width:360px;
    text-align: left;
    line-height: 22px;
    margin-top: 5px;
}

.textbox a,a:visited {


    text-decoration: none;
    color: #111111;
}

.textbox a:hover {
    text-decoration: none;
    color: #f03218;
}

#iconbox {
    width: 1180px;
    padding: 10px;
    margin-top: 15px;
    background: #FFF;
    border-radius: 10px;
    border: 1px solid #cacac8;
    height: 680px;
    float: left;
}

#iconbox .linehead {
    height: 33px;
    background: url(../images/line.png) bottom repeat-x;
}

.linehead .topic {
    width: 550 px;
    float: left;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

.linehead .social {
    width: 300px;
    float: right;
    text-align: right;
}

#iconbox .box {
    width: 225px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 5px;
    float: left;
    text-align: left;
    line-height: 20px;
    height: 200px;
}

#iconbox .box  img {
    margin-bottom: 10px;
    border: 1px solid #dddddd;
}

.box a,a:visited {
    text-decoration: none;
    color: #111111;
}

.box a:hover {
    text-decoration: none;
    color: #f03218;
}

.clear {
    clear: both;
}

.threeboxrow {
    width:1200px;
    margin-top: 15px;
    margin-bottom: 10px;
    display: table;
    vertical-align: middle;
    line-height: 22px;
    float: left;
}

.onebox {
    width: 372px;
    padding: 7px;
    background: #f1f0f0;
    border-radius: 10px;
    border: 1px solid #cacac8;
    height: 275px;
    float: left;
}

.marginright {
    margin-right: 18px;}

.textcenter {
    text-align: center;
}

.onebox ul {
    list-style-type: disc;
    margin-left: 30px;
    margin-top: 10px;
    line-height: 25px;
}

.onebox ul li {
    margin-bottom: 10px;
}



/*---------------- End new css 1200 ----------------------*/


.txt-bold{
    font-weight:bold;
}

.totop :link,.totop :visited{
    color:#F00;
}
.totop :hover{
    color:#000;
}
ul.adv {
    list-style:none;
    padding:0px;
    margin:0px;
}
ul.adv li{
    background-image:url(../images/Select-32.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
    padding:0px 0px 0px 25px;
}
.content h4{
    font-size:16px;
    font-weight:bold;
    padding:5px 0px 15px 0px;
}

ul.qes {
    list-style:none;
    padding:0px;
    margin:5px 30px;
}
ul.qes li{
    background-image:url(../images/q.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
    padding:5px 0px 5px 25px;
}

ul.qes2 {
    list-style:none;
    padding:0px;
    margin:5px 0px;
}
ul.qes2 li{
    background-image:url(../images/Question-Balloon-red-32.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
    padding:5px 0px 5px 30px;
}


.txt-left{
    text-align:left;
}
.txt-center{
    text-align:center;
}
.txt-right{
    text-align:right;
}

ol.award {
    padding:0px 0px 0px 0px;
    margin:10px 0px;
    list-style:none;
}
ol.award li{
    background-image:url(../images/Medal-Gold-2-32.png);
    background-position:0px 5px ;
    background-repeat:no-repeat;
    padding:1px 0px 1px 30px;
    margin:0px 0px 0px 0px;
}
ul.mssql{
    padding:0px;
    margin:0px;
    list-style:none;
}
ul.mssql li{
    padding:5px 0px;
    margin:0px;
}

ul.ruby {
    list-style:none;
    padding:0px;
    margin:5px 0px;
}
ul.ruby li{
    background-image:url(../images/Ruby-32.png);
    background-position:0px 10px;
    background-repeat:no-repeat;
    padding:5px 0px 5px 20px;
}

ul.post {
    list-style:none;
    padding:0px;
    margin:5px 0px;
}
ul.post li{
    background-image:url(../images/post.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
    padding:5px 0px 5px 30px;
}


ul.listclient{
    padding:0px;
    margin:0px;
    list-style: none;
}
ul.listclient li{
    padding:20px 10px;
    margin:0px;
    display:inline-block;
}

.pagenavmenu ul li.first img{
    margin-top: 5px;
}



ul.homepage_banner{
    padding: 0px;
    margin: 0px;
    text-align: center;
}

ul.homepage_banner li{
    display: inline-block;
    /*width: 18.5%;*/
	width: 24%;
    margin: 4px 4px 4px 7px;
    vertical-align: top;
    text-align: left;
	float: left;
  height: 300px;
}

ul.homepage_banner li img{
	width:100%;
	max-width:300px;
}

.cloudpackages{
}

.cloudpackages > li{
    width: 200px;
}
.cloudpackages .package_name{
    background-image: url(../images/cloud_set/package/HEAD-PACKAGE.png);
    background-repeat: no-repeat;
	background-position: 1px 0px;
	display: block;
  height: 46px;
  background-color: #cd000a;
  border-style: inset;
  border: 5px solid #CCC;
}
.cloudpackages .package_name .cloud{
    color: #F00;
    font-weight: bold;
    float: left;
    margin-top: 15px;
    margin-left: 7px;
    font-size: 14px;
}
.cloudpackages .package_name .name{
    color: #FFF;
    font-weight: bold;
    float: left;
    margin-top: 15px;
    margin-left: 13px;
    font-size: 14px;
}
.cloudpackages .package_desc{
    border: 2px solid #E1E1E1;
  border-top: 0px;
  display: block;
  padding: 10px 0px;
}
.cloudpackages .package_desc .space,
.cloudpackages .package_desc .email,
.cloudpackages .package_desc .bandwidth,
.cloudpackages .package_desc .mssql,
.cloudpackages .package_desc .mysql,
.cloudpackages .package_desc .websites,
/*----- tui add 18-12-56 row2-----*/
.cloudpackages .package_desc .ram,
.cloudpackages .package_desc .cpu,
.cloudpackages .package_desc .nosql,
/*----- end tui add 18-12-56 row2-----*/
.cloudpackages .package_desc .supported{
    list-style: none;
    background-position: center middle;
    background-repeat: no-repeat;
    height: 33px;
    line-height: 33px;
    padding-left: 35px;
}
.cloudpackages .package_desc ul, .cloudpackages .package_desc ul li{
    padding: 0px;
    margin: 0px;
}
.cloudpackages .package_desc ul{
    margin: 0px 0px 0px 10px;
}
.cloudpackages .package_desc ul li{
    text-align: left;
}
.cloudpackages .package_desc .space{
    background-image: url(../images/cloud_set/package/hdd.png);
}
.cloudpackages .package_desc .bandwidth{
    background-image: url(../images/cloud_set/package/transfer.png);
}
.cloudpackages .package_desc .mysql{
    background-image: url(../images/cloud_set/package/mysql.png);
}
.cloudpackages .package_desc .mssql{
    background-image: url(../images/cloud_set/package/mssql.png);
}
.cloudpackages .package_desc .websites{
    background-image: url(../images/cloud_set/package/www.png);
}
/*----- tui add 18-12-56 row3 -----*/
.cloudpackages .package_desc .ram{
    background-image: url(../images/cloud_set/package/ram.png);
}
.cloudpackages .package_desc .cpu{
    background-image: url(../images/cloud_set/package/cpu.png);
}
.cloudpackages .package_desc .nosql{
    background-image: url(../images/cloud_set/package/nosql.png);
}
/*----- end tui add 18-12-56 row3-----*/

.cloudpackages .package_desc .supported{
    background-image: url(../images/y_check.png);
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    background-position: center left;
}
.cloudpackages .package_price{
    margin: 10px;
}
.cloudpackages .package_price .price{
    font-weight: bold;
    font-size: 16px;
    color: red;
}

.cloudpackages .package_price .order-button{
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    background-image: url(../images/cloud_set/package/order-button.jpg);
    background-repeat: no-repeat;
    width: 73px;
    height: 24px;
}



.classicpackages{
}

.classicpackages > li{
    width: 200px;
}
.classicpackages .package_name{
	display:block;
    height: 46px;
	background-color:#cd000a;
	border-style:inset;
	border:5px solid #CCC;
}
.classicpackages .package_name .classic{
    color: #FFF;
    font-weight: bold;
    float: left;
    margin-top: 15px;
    margin-left: 22px;
    font-size: 14px;
}
.classicpackages .package_name .name{
    color: #FFF;
    font-weight: bold;
    float: left;
    margin-top: 15px;
    margin-left: 5px;
    font-size: 14px;
}
.classicpackages .package_desc{
    border: 2px solid #E1E1E1;
    border-top: 0px;
	display:block;
	padding:10px 0px;
}
.classicpackages .package_desc .space,
.classicpackages .package_desc .email,
.classicpackages .package_desc .bandwidth,
.classicpackages .package_desc .mssql,
.classicpackages .package_desc .mysql,
.classicpackages .package_desc .websites,
/*----- tui add 18-12-56 row2-----*/
.classicpackages .package_desc .ram,
.classicpackages .package_desc .cpu,
.classicpackages .package_desc .nosql,
/*----- end tui add 18-12-56 row2-----*/
.classicpackages .package_desc .supported{
    list-style: none;
    background-position: center middle;
    background-repeat: no-repeat;
    height: 33px;
    line-height: 33px;
    padding-left: 35px;
}
.classicpackages .package_desc ul, .classicpackages .package_desc ul li{
    padding: 0px;
    margin: 0px;
}
.classicpackages .package_desc ul{
    margin: 0px 10px;
}
.classicpackages .package_desc ul li{
    text-align: left;
}
.classicpackages .package_desc .space{
    background-image: url(../images/cloud_set/package/hdd.png);
}
.classicpackages .package_desc .bandwidth{
    background-image: url(../images/cloud_set/package/transfer.png);
}
.classicpackages .package_desc .mysql{
    background-image: url(../images/cloud_set/package/mysql.png);
}
.classicpackages .package_desc .mssql{
    background-image: url(../images/cloud_set/package/mssql.png);
}
.classicpackages .package_desc .websites{
    background-image: url(../images/cloud_set/package/www.png);
}
/*----- tui add 18-12-56 row3 -----*/
.classicpackages .package_desc .ram{
    background-image: url(../images/cloud_set/package/ram.png);
}
.classicpackages .package_desc .cpu{
    background-image: url(../images/cloud_set/package/cpu.png);
}
.classicpackages .package_desc .nosql{
    background-image: url(../images/cloud_set/package/nosql.png);
}
/*----- end tui add 18-12-56 row3-----*/

.classicpackages .package_desc .supported{
    background-image: url(../images/y_check.png);
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    background-position: center left;
}
.classicpackages .package_price{
    margin: 10px;
}
.classicpackages .package_price .price{
    font-weight: bold;
    font-size: 16px;
    color: red;
}

.classicpackages .package_price .order-button{
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    background-image: url(../images/cloud_set/package/order-button.jpg);
    background-repeat: no-repeat;
    width: 73px;
    height: 24px;
}




.order-button{
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    background-image: url(../images/cloud_set/package/order-button.jpg);
    background-repeat: no-repeat;
    width: 73px;
    height: 24px;
    text-align: center;
}




.content .cloudhosting_icon{
    background-image: url(../images/cloud_set/icons/icon-hosting.png);
    background-repeat: no-repeat;
    background-position: left -2px;
    padding-left: 60px;
}
.content .home_our_client_icon{
    background-image: url(../images/cloud_set/icons/icon-clients.png);
    background-repeat: no-repeat;
    background-position: left -2px;
    padding-left: 60px;
}

.bannermenu ul {
  margin: 0px;
  padding: 5px 0px 5px 0px;
  display: table;
}
.bannermenu ul li{
    display: table-cell;
    margin: 0px;
    padding: 0px;
}
.bannermenu ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.bannermenu ul li a span{
    display: none;
}
#topbar_order_cloudhosting{
}
#topbar_get_quote{
}
#topbar_chaiyohosting_promotion{
}
#topbar_support{
}
#topbar_register_domain{
}
#topbar_search_domain{
}

#topbar_order_cloudhosting:hover,
#topbar_get_quote:hover,
#topbar_chaiyohosting_promotion:hover,
#topbar_support:hover,
#topbar_register_domain:hover,
#topbar_search_domain:hover{
	background: #ececec; /* Old browsers */
	background: -moz-linear-gradient(top,  #ececec 0%, #c4c2c2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#c4c2c2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ececec 0%,#c4c2c2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ececec 0%,#c4c2c2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ececec 0%,#c4c2c2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ececec 0%,#c4c2c2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#c4c2c2',GradientType=0 ); /* IE6-9 */
}
.full_well ul.forth_list1{
    margin: 10px auto;
    padding: 0px;
    list-style: none;
    display: table;
}
.full_well ul.forth_list1 > li{
    width: 20%;
    margin: 0px 0px 20px 0px;
    text-align: center;
	height:150px;
	overflow:hidden;
	line-height:20px;
	float:left;
}

.full_well ul.forth_list1 > li p{
	display:block;
	width:100%;
}

.full_well ul.forth_list1 > li img{
	width:100%;
	height:100%;
	object-fit:contain;
	max-width:173px;
}

.cloud-header{
	border-bottom:1px dotted #000;
	width:100%;
	display:table;
	  padding: 0px 0px 10px 0px;
	margin:0px auto 10px auto;
}
.cloud-header-txt{
	font-size:16px;
	font-weight:bold;
	padding:0px 0px;
	margin:0px;
	display:table;
	width:100%;
}
.cloud-content{
	display:table;
	margin:0px auto;
	width:100%;
}

.cloud-header-txt h1{
	padding:10px 0px;
}
.cloud-header-txt h1,
.cloud-header-txt h2,
.cloud-header-txt h3,
.cloud-header-txt h4,
.cloud-header-txt h5,
.cloud-header-txt h6,
.social_block{
	display:table-cell;
	vertical-align:middle;
	margin:0px;
	padding:0px 0px;
}
.social_block{
	float:right
}
.social_link{
}

.fl_left{
	float:left;
}
.fl_right{
	float:right;
}
.cloud_qa ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.cloud_qa ul li{
	padding:0px 0px 5px 25px;
	margin:0px;
	background-image:url(../images/qa.jpg);
	background-position:0px 5px;
	background-repeat:no-repeat;
	color:#0072bc;
	font-weight:bold;
}
.cloud_qa ul li ul{
	padding:0px 0px 0px 0px;
}
.cloud_qa ul li ul li{
	background-image:none;
	color:#000;
	font-weight:normal;
}

 #cloud_share{
        display: block;
        height: 20px;
    }

   .content .icon_choose_cloud{
        background-image:url(../images/cloud_set/cloud_content/icon-ok.png);
        background-repeat: no-repeat;
        background-position: left top;
		padding: 0px 0px 0px 10px;
		display:table-cell;
		width:50px;
		vertical-align:top;
		height:40px;
    }

    .content .icon_cloud_faq{
        background-image: url(../images/cloud_set/cloud_content/icon-FQA.png);
        background-repeat: no-repeat;
        background-position: left top;
		padding: 0px 0px 0px 10px;
		display:table-cell;
		width:50px;
		vertical-align:top;
		height:40px;
    }
	.icon_cloud_faq{
        background-image: url(../images/cloud_set/cloud_content/icon-FQA.png);
        background-repeat: no-repeat;
        background-position: left top;
		padding: 0px 0px 0px 10px;
		display:table-cell;
		width:50px;
		vertical-align:top;
		height:40px;
    }
	.icon_cloud_business{
        background-image: url(../images/icon-business.png);
        background-repeat: no-repeat;
        background-position: left top;
		padding: 0px 0px 0px 10px;
		display:table-cell;
		width:50px;
		vertical-align:top;
		height:40px;
	}
	.icon_cloud_onlinepay{
        background-image: url(../images/icon-onlinepay.png);
        background-repeat: no-repeat;
        background-position: left top;
		padding: 0px 0px 0px 10px;
		display:table-cell;
		width:50px;
		vertical-align:top;
		height:40px;
    }
	.icon_cloud_sms{
        background-image: url(../images/icon-sms.png);
        background-repeat: no-repeat;
        background-position: left top;
		padding: 0px 0px 0px 10px;
		display:table-cell;
		width:50px;
		vertical-align:top;
		height:40px;
    }
	.icon_cloud_lock{
        background-image: url(../images/icon-lock.png);
        background-repeat: no-repeat;
        background-position: left top;
		padding: 0px 0px 0px 10px;
		display:table-cell;
		width:50px;
		vertical-align:top;
		height:40px;
    }
	.icon_cloud_www{
        background-image: url(../images/domainprice.png);
        background-repeat: no-repeat;
        background-position: left top;
		background-size:contain;
		padding: 0px 0px 0px 10px;
		display:table-cell;
		width:50px;
		vertical-align:top;
		height:40px;
    }
	
    .faq{
        margin: 20px;
    }

    .faq .question{
        background-image: url(../images/cloud_set/cloud_content/question.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 5px 5px 5px 25px;
        font-weight: bold;
        font-size: 14px;
        color: #0072bc;
    }

    .faq .answer{
        margin: 0px 5px 5px 30px;
    }
    h1 span.hilight,
    h2 span.hilight,
    h3 span.hilight,
	h4 span.hilight,
	h5 span.hilight
    {
        color: #0072bc;
    }
	.list-solution ul{
		list-style:none;
		padding:0px;
		margin:0px;
		display:table;
		width:100%;
	}
	.list-solution ul li{
		padding:0px;
		margin:0px 0px 10px 0px;
		width:49%;
		display:table-cell;
	}
	.list-left{
		float:left;
	}
	.list-right{
		float:right;
	}
	
	
	.link-red:link,link-red:visited{
		color:#F00;
		text-decoration:none;
	}
	.link-red:hover{
		color:#000;
	}
	.true-list{
	}
	.true-list ul{
		list-style:none;
		padding:0px;
		margin:0px;
	}
	.true-list ul li{
		padding:0px 0px 0px 25px;
		margin:0px;
		background-image:url(../images/true.png);
		background-position:0px 5px;
		background-repeat:no-repeat;
	}
	
	.link-more-ready-web-red:link{
		color:#F00;
		text-decoration:none;
	}
	
	.link-more-ready-web-red:visited{
		color:#F00;
		text-decoration:none;
	}
	.link-more-ready-web-red:hover{
		color:#000;
	}
	
	.button-link-more-white:link{
		color:#FFF;
		text-decoration:none;
	}
	
	.button-link-more-white:visited{
		color:#FFF;
		text-decoration:none;
	}
	.button-link-more-white:hover{
		color:#FFF;
	}
	
		.bg-gray{
		background-color:#f0f0f0;
	}
	ul.list-spam-filter {
		padding:0px 0px 0px 20px;
		margin:10px 0px;
		display:inline-block;
	}
	ul.list-spam-filter li{
		list-style:disc;
		padding:0px 0px 0px 0px;
		margin:0px;
	}
	ul.list-mailmarketing-know{
		padding:0px 20px;
		margin:0px;
	}
	ul.list-mailmarketing-know li{
		list-style-type:disc;
		padding:0px;
		margin:0px;
		float:left;
		width:250px;
	}
	.mailmarketing-table{
		border-bottom:1px solid #CCC;
		display:inline-block;
		width:100%;
	}
	.mailmarketing-table-row{
		display:table;
		width:100%;
		padding:0px;
		margin:0px;
	}
	.mailmarketing-table-row#bg-gray{
		background-color:#f4f4f4;
	}
		
	.mailmarketing-table-header-col1{
		background-color:#e60000;
		padding:5px 20px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-weight:bold;
		color:#FFF;
		display:table-cell;
	}
	.mailmarketing-table-header-col2,
	.mailmarketing-table-header-col3,
	.mailmarketing-table-header-col4{
		width:220px;
		padding:5px 10px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		display:table-cell;
	}
	.mailmarketing-table-header-col2{
		background-color:#e67c00;
	}
	.mailmarketing-table-header-col3{
		background-color:#e65100;
	}
	.mailmarketing-table-header-col4{
		background-color:#e60000;
	}

	.mailmarketing-table-main-col1{
		display:table-cell;
		padding:5px 20px;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	}
	.mailmarketing-table-main-col2,
	.mailmarketing-table-main-col3,
	.mailmarketing-table-main-col4{
		display:table-cell;
		width:219px;
		padding:5px 10px;
		border-right:1px solid #ccc;
		text-align:center;
	}
	.b-order{
	  /* fallback */
	  background-color: #d8161f;
	  
	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8161f), to(#fa2c33));
	  
	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(top, #fa2c33, #d8161f);
	  
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #fa2c33, #d8161f);
	  
	  /* IE 10 */
	  background: -ms-linear-gradient(top, #fa2c33, #d8161f);
	  
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(top, #fa2c33, #d8161f);
	  padding:0px 30px;
	  color:#FFF;
	  border:1px solid #be0909;
	  cursor:pointer;
	  display:table;
	  margin:0px auto auto;
	}
	.b-order:hover{
	color:#FF0;
	border:1px solid #000;
	
	}
ul.list-curency {
	padding:0px;
	margin:5px 20px;
	display:inline-block;
}
ul.list-curency li{
	padding:0px;
	margin:0px;
	list-style-type:circle;
	float:left;
	width:220px;
}

.seo-price-box {
margin: 5px auto;
display: table;
min-height: 100px;
width: 100%;
padding: 0px;
}
.seo-price-box-bor2 {
border: 1px solid #d3d3d3;
width: 330px;
display:table-cell;
vertical-align:top;
}
.container{
	display:table-cell;
	vertical-align:top;
}
.pricing_th {
list-style: none;
margin: 0px;
padding: 0px;
}
.pricing_th li {
margin: 0px;
padding: 5px 0px 5px 20px;
}
.seo-price-box-bg1 {
font-size: 16px;
font-weight: bold;

/* fallback */
  background-color: #dedede;
  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4c4c4), to(#FFF));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #FFF, #c4c4c4);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #FFF, #c4c4c4);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #FFF, #c4c4c4);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #FFF, #c4c4c4);
}
.colo-price-header{
	font-weight:bold;
	font-size:14px;
	line-height:45px;
}
.adwords_table {
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
display:table;
width:100%;
}
.adwords_table_col{
	display:table-cell;
	width:33%;
	vertical-align:top;
	border-right:1px solid #d3d3d3;
}
.pricing_th {
list-style: none;
margin: 0px;
padding: 0px;
}
.adwords_table ul {
list-style: none;
margin: 0;
padding: 0px;
text-align: center;
background-color: #FFF;
}
.adwords_table ul li:first-child {
font-size: 16px;
font-weight: bold;
}
.adwords_table ul li {
padding: 5px 0px 5px 0px;
}
.adwords_packA {
background-image: url(../images/pack-a.png);
background-position: center;
background-repeat: no-repeat;
background-size:contain;
color: #000;
text-shadow: 1px 1px 2px #555;
height:45px;
line-height:40px;
}
.adwords_packB {
background-image: url(../images/pack-b.png);
background-position: center;
background-repeat: no-repeat;
background-size:contain;
color: #000;
text-shadow: 1px 1px 2px #555;
height:45px;
line-height:40px;
}
.adwords_packC {
background-image: url(../images/pack-c.png);
background-position: center;
background-repeat: no-repeat;
background-size:contain;
color: #000;
text-shadow: 1px 1px 2px #555;
height:45px;
line-height:40px;
}
.bggray {
background-color: #f2f2f2;
}

.order-dedicate{
	background-color:#d9151f;
	
	 /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d51c22), to(#ff0814));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ff0814, #d51c22);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ff0814, #d51c22);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #ff0814, #d51c22);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ff0814, #d51c22);
  
  display:table;
  margin:10px auto 20px auto;
  padding:0px 20px;
  
  border:1px solid #b11018;
  color:#FFF;
}
.order-dedicate:hover{
	color:#FF0;
	cursor:pointer;
}
ul.dedicate-true {
	list-style:none;
	padding:0px 20px;
	margin:0px;
}
ul.dedicate-true li{
	padding:0px 0px 0px 30px;
	margin:0px;
	background-image:url(../images/true.jpg);
	background-position:0px 5px;
	background-repeat:no-repeat;
}
.load-balance-sytem-box{
	display:inline-block;
	width:100%;
	padding:10px 0px;
}
.load-balance-sytem-box .row{
	display:block;
	padding:0px;
	margin:0px;
}
.load-balance-sytem-box .header{
	background-color:#F00;
	padding:5px 10px;
	color:#FFF;
	font-weight:bold;
	width:auto;
	display:block;
}
.load-balance-sytem-box .sys-content{
	padding:0px 0px;
	margin:0px;
	border-bottom:1px solid #CCC;
	display:table;
	width:100%;
}
.load-balance-sytem-box .sys-content .box1{
	display:table-cell;
	width:35%;
	margin-right:30px;
	padding:5px 10px 5px 20px;
	border-right:1px solid #CCC;
}
.load-balance-sytem-box .sys-content .box2{
	display:table-cell;
	width:10px;
	margin-right:30px;
	padding:5px 10px 5px 20px;
	border-right:1px solid #CCC;
}
.load-balance-sytem-box .sys-content .box3{
	display:table-cell;
	padding:5px 10px 5px 20px;	
}
.load-balance-sytem-box .sys-content .box4{
	display:table-cell;
	width:22%;
	border-right:1px solid #CCC;
	padding:5px 10px 5px 20px;
	margin:0px;
}
.load-balance-sytem-box .sys-content .box5{
	display:table-cell;
	width:44%;
	border-right:1px solid #CCC;
	padding:5px 10px 5px 20px;
	margin:0px;
}
.load-balance-sytem-box .sys-content .box6{
	display:table-cell;
	width:44%;
	padding:5px 10px 5px 0px;
	margin:0px;
}
.txt_red2{
	color:#F00;
}
.txt-discount{
	text-decoration:line-through;
}


.list-adwords{
	display:inline-block;
	width:100%;
}
.list-adwords ul{
	padding:0px 0px 0px 20px;
	margin:10px 0px 5px 0px;
	display:inline-block;
}
.list-adwords ul li{
	list-style-type:disc;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#0a49a7;
	width:200px;
}

.seo-host-list {
	display:inline-block;
}
.seo-host-list ul{
	list-style:none;
	padding:10px 0px 0px 0px;
	margin:0px;
}
.seo-host-list ul li{
	padding:0px 0px 0px 30px;
	margin:0px;
	background-image:url(../images/true.jpg);
	background-position:0px 0px ;
	background-repeat:no-repeat;
	width:220px;
	float:left;
}
.list-greendot ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.list-greendot ul li{
	padding:0px 0px 0px 20px;
	margin:0px;
	background-image:url(../images/green-dot.jpg);
	background-position:0px 10px;
	background-repeat:no-repeat;
}

.packages2{
}

.packages2 > li{
    background-color: #FFF;
}

.packages2 .package_name{

    font-weight: bold;
    font-size: 12px;

    height: 40px;
    line-height: 40px;

    background-color: #e0e0e0;
	background-image:url(../images/package-name.png);
	background-position:center;
	background-repeat:no-repeat;

}

.packages2 .package_desc{
    padding: 10px;
	border:1px solid #e0e0e0;
}
.packages2 .package_desc .hltext{
    color: #F00;
    font-weight: bold;
    font-size: 16px;
}
.packages2 .package_desc .space,
.packages2 .package_desc .email,
.packages2 .package_desc .bandwidth,
.packages2 .package_desc .database,
.packages2 .package_desc .websites,
.packages2 .package_desc .supported{
    list-style: none;
    background-position: center middle;
    background-repeat: no-repeat;
    height: 33px;
    line-height: 33px;
    padding-left: 35px;
}
.packages2 .package_desc ul, .packages2 .package_desc ul li{
    padding: 0px;
    margin: 0px;
}
.packages2 .package_desc ul li{
    text-align: left;
}
.packages2 .package_desc .space{
    background-image: url(../images/linux_plan_01.jpg);
	background-position:0px 10px;
}
.packages2 .package_desc .email{
    background-image: url(../images/linux_plan_02.jpg);
	background-position:0px 5px;
}
.packages2 .package_desc .bandwidth{
    background-image: url(../images/linux_plan_03.jpg);
	background-position:0px 5px;
}
.packages2 .package_desc .database{
    background-image: url(../images/database.jpg);
	background-position:0px 5px;
}
.packages2 .package_desc .websites{
    background-image: url(../images/linux_plan_04.jpg);
	background-position:0px 5px;
}
.packages2 .package_desc .supported{
    background-image: url(../images/y_check.png);
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    background-position: center left;
}
.packages2 .package_price{
	margin: 10px;
}
.packages2 .package_price .price{
    font-weight: bold;
    font-size: 14px;
    color: red;
}
.packages2 .package_price .order-button{
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    background-image: url(../images/cloud_set/package/order-button.jpg);
    background-repeat: no-repeat;
	font-size: 12px;
    width: 73px;
    height: 24px;
}

.packages2 .package_price span{
    font-weight: bold;
    font-size: 16px;
    color: red;
}
.solution-cuve-header{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	background-color:#f2f2f2;
	padding:0px 10px;
}
.solution-cuve-txt{
	padding:0px 10px 10px 10px;
}
.list-consul ul{
	list-style:none;
	padding:10px 0px;
	margin:0px;
}
.list-consul ul li{
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/red-dot.png);
	background-position:0px 8px;
	background-repeat:no-repeat;
}
.list-seotrain ul{
		list-style:none;
		padding:0px;
		margin:0px;
		display:inline-block;
		width:100%;
}
.list-seotrain ul li{
	margin:0px 0px 20px 0px;
	border:1px solid #e0e0e0;
	width:49%;
	display:inline-block;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height:200px;
}

.seotrain-cuve-header{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	background-color:#e3251a;
	padding:0px 10px;
	color:#FFF;
}
.seotrain-cuve-txt{
	padding:0px 10px 10px 10px;
}

.seotrain-cuve-txt ul{
	list-style:none;
	padding:10px 0px;
	margin:0px;
}
.seotrain-cuve-txt ul li{
	padding:2px 0px 2px 30px;
	margin:0px;
	border:0px;
	width:100%;
	float:left;
	height:auto;
	background-image:url(../images/train-arrow.png);
	background-position:0px 7px;
	background-repeat:no-repeat;
}

/* mas add link */
.link-order:link{
		color:#FFF;
		text-decoration:none;
	}
	
.link-order:visited{
		color:#FFF;
		text-decoration:none;
	}
	.link-order:hover{
		color:#FF0;
	}

	.list-q ul{
	list-style:none;
	margin:0px;
	padding:0px 10px;
}
.list-q ul li{
	margin:0px;
	padding:0px 0px 0px 30px;
	background-image:url(../images/list-q.jpg);
	background-position:0px 5px;
	background-repeat:no-repeat;
}
.list-qq ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
.list-qq ul li{
	padding:0px 0px 0px 30px;
	margin:0px;
}
.list-qq ul li#qq{
	background-image:url(../images/qq.jpg);
	background-position:0px 3px ;
	background-repeat:no-repeat;
	color:#0072bc;
	font-weight:bold;
}
.list-qq ul li#aa{
	background-image:url(../images/aa.jpg);
	background-position:0px 3px ;
	background-repeat:no-repeat;
}

.oclient{
	display:table;
	width:100%;
}
.oclient .col-left,
.oclient .col-right{
	display:table-cell;
	vertical-align:top;
}

.list-clients{
}
.list-clients ul{
	list-style:none;
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#0c3e99;
	font-weight:bold;
}
.list-clients ul li{
	margin:0px;
	padding:0px 0px 0px 15px;
	color:#000;
	font-weight:normal;
	background-image:url(../images/blackdot.png);
	background-position:0px 10px;
	background-repeat:no-repeat;
}
.list-redping{
}
.list-redping ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.list-redping ul li{
	padding:0px 0px 0px 30px;
	margin:0px;
	background-image:url(../images/red-ping.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}


.nav-collapse{
	margin:0px;
	padding:0px;
}
.navbar ul.nav{
	margin:0px;
	padding:0px;
}
.navbar ul.nav li{
	border:1px solid #580808;
	padding:0px 10px 0px 10px;
	margin:0px 2px 0px 0px;
	
	 /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#991414), to(#e40d0d));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #e40d0d, #991414);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #e40d0d, #991414);

  /* IE 10 */
  background: -ms-linear-gradient(top, #e40d0d, #991414);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #e40d0d, #991414);
  
  border-radius:10px;
}

ul.pull-right{
	list-style:none;
	padding:0px;
	margin:0px;	
}
ul.pull-right li{
	border:1px solid #9f4b13;
	padding:0px 10px;
	margin:0px;
	margin-right:2px;
	
	 /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e77404), to(#fe7800));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fe7800, #e77404);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fe7800, #e77404);

  /* IE 10 */
  background: -ms-linear-gradient(top, #fe7800, #e77404);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fe7800, #e77404);
  background-color:#ed7000;
  line-height:0px;
  
  border-radius:10px;
  color:#FFF;
  
  line-height:35px;
}
ul.pull-right li a:link,ul.pull-right li a:visited{
	color:#fff;
	font-weight:bold;
}
.dropdown .caret{
	margin-top:17px;
	margin-left:5px;
	
}
.dropdown .caret{
	cursor:pointer;
}

#row_b-domain {
	width:1200px;
	margin:0px auto;
	display:table;
	vertical-align:middle;
	line-height: 50px;
}
#row_b-domain li {
	display: inline;
	list-style-type: none;
	padding-left: 5px;
}
.b_right {
	float:right;
	padding:0px;
}
#tutorial_left {
	width:49%;
	padding:0px;
	float:left;
}
#tutorial_right {
	width:49%;
	padding:0px;
	float:right;
}
.title-box_red {
	padding:5px 10px;
	font-weight:bold;
	color:#FFF;
	background-color:#FF0000;
}
.tutorial_content {
	padding:10px;
}
.mark_red {
	color:#FF0000;
}
.mark_blue {
	color: #06F;
}
.gray:link, .gray:visited {
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}
.gray:hover {
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
}
/* tui - edit*/
.animate_cloud {
}
.txt-size16 {
	font-size:16px;
}
.line_space{
	line-height:20px;
}
ul.qes3 {
    list-style:none;
    padding:0px;
    margin:5px 10px;
}
ul.qes3 li{
	background-image:url(../images/q.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding:5px 0px 5px 25px;
}
.server_spec_cl{
	width:100%;
	display:table;
}
.server_spec_cl1{
    display:table-cell;
    width:200px;
    font-weight:bold;
    padding:5px;
}
.server_spec_cl2{
    display:table-cell;
    padding:5px ;
}
.server_table_color{
    background-color:#ececec;
}
.content h3{
    font-size:16px;
    font-weight:bold;
}

/* Mas Add for en page */

#topbar_order_cloudhosting_en{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-order-en.png);
}
#topbar_get_quote_en{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-price-list-en.png);
}
#topbar_chaiyohosting_promotion_en{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-promotion-en.png);
}
#topbar_support_en{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-contact-en.png);
}
#topbar_register_domain_en{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-domain-en.png);
}
#topbar_search_domain_en{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-search-en.png);
}

#topbar_order_cloudhosting_en:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-order-hover-en.png);
}
#topbar_get_quote_en:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-price-list-hover-en.png);
}
#topbar_chaiyohosting_promotion_en:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-promotion-hover-en.png);
}
#topbar_support_en:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-contact-hover-en.png);
}
#topbar_register_domain_en:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-domain-hover-en.png);
}
#topbar_search_domain_en:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-search-hover-en.png);
}



.smm_list{
	width:100%;
	display:table;
}
.smm_list_left,
.smm_list_right{
	display:table-cell;
	width:50%;
}
.smm_list_left{
	padding-right:10px;
}
.smm_list_right{
	padding-left:10px;
}
.smm_list ul{
	list-style:none;
	padding:5px 0px;
	margin:0px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.smm_list ul li{
	padding:5px 10px 2px 40px;
	margin:0px;
	border:0px;
	background-image:url(../images/train-arrow.png);
	background-position:13px 10px;
	background-repeat:no-repeat;
	border-radius:0px;
}

.smm_pricelist{
	border:1px solid #CCC;
}
.smm_pricelist .row{
	display:table;
	width:100%;
	margin:0px;
	padding:0px;
}
.smm_pricelist .box1,
.smm_pricelist .box2{
	display:table-cell;
}
.smm_pricelist .box1{
	padding:5px;
}
.smm_pricelist .box2{
	width:130px;
	padding:5px;
	margin:0px 0px 0px 1px;

}
.smm_pricelist .bg-gragray{
	
	 /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2e2e2), to(#FFFFFF));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #FFFFFF, #e2e2e2);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #FFFFFF, #e2e2e2);

  /* IE 10 */
  background: -ms-linear-gradient(top, #FFFFFF, #e2e2e2);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #FFFFFF, #e2e2e2);
  
  background-color:#ebebeb;
  
}
.smm_pricelist .bg-red{
	background-color:#da2020;
}
.smm_pricelist .bg-rowgray{
	background-color:#f4f4f4;
}

.txt-w{
	color:#FFF;
}
.smm_pricelist  .bor-left{
	border-left:1px solid #FFF;
}
.smm_pricelist  .bor-right{
	border-right:1px solid #dcdcdc;
}


/* Mas Add Style for domain page */



.cuve1_tl{
    background-image:url(../images/cuve1.png);
    background-position:left top;
    background-repeat:no-repeat;
    height:6px;
    width:6px;
    float:left;
    position:relative;
.    top:-1px;
}
.cuve1_br{
    background-image:url(../images/cuve1.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    height:6px;
    width:6px;
    float:right;
    bottom:-1px;
    position:relative;
    right:-2px;

}

.main_bormid{
     width:100%;
    float:left;
    padding-bottom:10px;
}

.main_borcontent{
    padding:10px 10px 0px 10px;
    border:0px dotted #F00;
}

.main_borcontent_row{
    display:table;
    width:100%;
    border:0px dotted #F00;
    margin:0px 0px 10px 0px;
    line-height:20px;
}

.main_headcontent_boxleft{
    float:left;
    display:inline-block;
    border:0px dotted #F00;
    padding-right:15px;
}

.main_headcontent_boxright{
    float:left;
    display:inline-block;
    border:0px dotted #F00;
    line-height:40pt;
    height:60px;
}
.txt_16{
    font-size:16px;
}
.txt_bold{
    font-weight:bold;
}
.domainprice_box{
    border-bottom:3px solid #e3e3e3;
    width:100%;
    display:inline-block;
}

.domainprice_box_row{
    width:100%;
    display:table;
    border:0px dotted #F00;
}

.domainprice_box_bg{
    background: #eb1c1c; /* Old browsers */
background: -moz-linear-gradient(top,  #eb1c1c 0%, #cf1a1a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb1c1c), color-stop(100%,#cf1a1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eb1c1c 0%,#cf1a1a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eb1c1c 0%,#cf1a1a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eb1c1c 0%,#cf1a1a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eb1c1c 0%,#cf1a1a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb1c1c', endColorstr='#cf1a1a',GradientType=0 ); /* IE6-9 */

    height:33px;
	
}
.txt_w{
    color:#FFF;
}
.txt_center{
    text-align:center;
}

.domainprice_box_subbox1{
    width:130px;
}
.domainprice_box_subbox2{
    width:105px;
}
.domainprice_box_subbox1,.domainprice_box_subbox2{
    display:table-cell;
    border:0px dotted #FF0;
    border-left:0px dotted #000;
	vertical-align:top;
	padding:5px 0px;
	text-align:center;
	vertical-align:middle;
}

.domainpriceindent{
}
.domainprice_linedot{
    border-bottom:1px dotted #cdcdcd;
}
.main_borfoot{
    border-bottom:1px solid #dbdbdb;
    width:100%;
    height:6px;
    float:left;
}
.cuve1_bl{
    background-image:url(../images/cuve1.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    height:6px;
    width:6px;
    float:left;
    bottom:-1px;
    position:relative;

}

.main_boxrow{
    width:100%;
    display:inline-block;
    border:0px dotted #F0F;
    margin:0px 0px 15px 0px;
    padding:0px;
    vertical-align:top;
}

/* Add Style Server List*/


.server_list{
	width:100%;
	display:table;
	background-color:#FFF;
	padding: 10px 0px;
}
.server_spec_left{
	display:table-cell;
	border:0px dotted #F00;
	vertical-align:top;
	width:200px;
}
.server_spec_right{
	display:table-cell;
	border:0px dotted #F00;
	vertical-align:top;
}
.server_spec_detail{
	display:table;
	width:100%;
}
.server_spec_detail ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.server_spec_detail ul li{
	padding:0px 0px 10px 0px;
	margin:0px;
	display:table;
	width:100%;
} 
.server_spec_detail ul li > .col1{
	display:table-cell;
	padding-right:10px;
	vertical-align:top;
}
.server_spec_detail ul li > .col2{
	display:table-cell;
	width:10px;
	padding:0px 10px;
	vertical-align:top;
}
.server_spec_detail ul li > .col3{
	display:table-cell;
	text-align:left;
	width:70%;
	vertical-align:top;
}
.server_spec_detail ul li :link{
	color:#000;
	text-decoration:none;
}


/*  tui edit 8/6/56  */
ul.list-ch {
	list-style:none;
	margin:0px;
	padding:0px 80px;
}
ul.list-ch li{
	margin:0px;
	padding:0px 0px 0px 20px;
	background-image:url(../images/red-dot.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}
.box_option{
	padding:10px;
    border-radius: 20px;
	border:1px solid #999;
}
select.option {
	height:18px;
 	width:300px;
	font-size:11px;
	border:1px solid #CCC;
}
select.option2 {
	height:18px;
 	width:120px;
	font-size:11px;
	border:1px solid #CCC;
}
.option_select {
	padding:10px 0px;
	border-bottom:1px dotted #666;
	border-top:1px dotted #666;
}
.option_select2 {
	padding:10px 0px;
	border-bottom:1px dotted #666;
}

/*  tui edit 28/7/56  */

.box_sh {
	width:100%;
	height:100%;
	display: inline-block;
	border:0px dotted #F00;
}
#panel1 {
	padding:5px;
	float:left;
}
#flip1 {
	padding:5px;
	cursor:pointer;
	float:right;
}
#panel1 {
	width:100%;
	padding:0px;
	display:none;
	text-align:center;
	border:0px dotted #F00;
}
#panel2 {
	padding:5px;
	float:left;
}
#flip2 {
	padding:5px;
	cursor:pointer;
	float:right;
}
#panel2 {
	width:100%;
	padding:0px;
	display:none;
	text-align:center;
	border:0px dotted #F00;
}
#panel3 {
	padding:5px;
	float:left;
}
#flip3{
	padding:5px;
	cursor:pointer;
	float:right;
}
#panel3{
	width:100%;
	padding:0px;
	display:none;
	text-align:center;
	border:0px dotted #F00;
}
.title_left {
	width:450px;
	float:left;
}


/*----- tui add 18-12-56 row4 -----*/
.paymonth_box{
}
.paymonth_title{
	padding:0px 10px;
	display:block;
	background-image:url(../images/cloud_set/package/head-pay.png);
    background-repeat: no-repeat;
	
	background-color: #cd000a;
	border-style: inset;
  	border: 5px solid #CCC;
	line-height:46px;
}
.txt-b14 {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
.txt-size14 {
	font-size:14px;
}
.paymonth_desc{
	display:block;
	padding:10px;
	border-style: inset;
  border: 2px solid #CCC;
}
/*----- end tui add 18-12-56 row4 -----*/

.team-mange-bar{
	padding:0px 0px;
	background-color:#be0307;
	font-size:20px;
	margin-bottom:20px;
	line-height:30px;
	box-shadow:0px 5px 5px #ccc;
}


/* Mas Add for jp page */

#topbar_order_cloudhosting_jp{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-order-jp.png);
}
#topbar_get_quote_jp{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-price-list-jp.png);
}
#topbar_chaiyohosting_promotion_jp{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-promotion-jp.png);
}
#topbar_support_jp{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-contact-jp.png);
}
#topbar_register_domain_jp{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-domain-jp.png);
}
#topbar_search_domain_jp{
    background-image: url(../images/cloud_set/top_search_domain_bar/button/button-search-jp.png);
}

#topbar_order_cloudhosting_jp:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-order-hover-jp.png);
}
#topbar_get_quote_jp:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-price-list-hover-jp.png);
}
#topbar_chaiyohosting_promotion_jp:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-promotion-hover-jp.png);
}
#topbar_support_jp:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-contact-hover-jp.png);
}
#topbar_register_domain_jp:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-domain-hover-jp.png);
}
#topbar_search_domain_jp:hover{
    background-image: url(../images/cloud_set/top_search_domain_bar/button-hover/button-search-hover-jp.png);
}

.fb-like.fb_iframe_widget span {vertical-align:top !important;}


/* Cloud Hosting Add 26-08-14*/
.bg-cloud{
	background-image:url(../images/bg-cloud.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:300px;
	padding:10px ;
}
.vs-title{
	background-image:url(../images/vesus.png);
	background-position:center;
	height:98px;
	background-repeat:no-repeat;
	margin-bottom:25px;
	display:table;
	width:100%;
}
.vs-title > .old-server{
	position:relative;
	text-align:center;
	font-size:25px;
	color:#FFF;
	display:table-cell;
	vertical-align:middle;
	width:50%;
	top:15px;
	left: -3%;
}
.vs-title > .cloud-server{
	position:relative;
	font-size:25px;
	color:#FFF;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:50%;
	top:-10px;
	right: -3%;
}
.cloud-row{
	display:inline-block;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.cloud-row > .cloud-title{
	display:table;
	background-color:#c60001;
	padding:10px 20px;
	margin:0px auto;
	color:#FFF;
	text-align:center;
	font-size:25px;
	position:relative;
	z-index:1;
}
.cloud-row > .cloud-content{
	width:100%;
	display:table;
	padding:20px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	background-color:#FFF;
	border: 1px solid #E0E0E0;
	border-radius:10px;
	position:relative;
	top:-20px;
	z-index:0;
	
	background:linear-gradient(to right,  rgba(255,255,255,0) 0%,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%), url(../images/box-shadow.png);
  	background-repeat:no-repeat, repeat;
  	background-position:right, left;
	
}
.cloud-content > .cloud-boxleft{
	width:50%;
	display:table-cell;
	padding:20px 20px;	
}
.cloud-content > .cloud-boxright{
	width:50%;
	display:table-cell;
	padding:20px 20px;	
}
.cloud-bg-gray{
	
}

/*gallery team update 16/01/2015*/
#wrap ul li div.title-name {
	position:absolute;
	width:285px;
	height:120px;
	color:#000;
	margin:108px 0px 0px 0px;
	padding:0px;
	background-image:none;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	
	border:0px dotted #F00;

}
#wrap ul li div.title-name-txt{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	bottom:10px;
}
#wrap ul li div.title-name p{
	margin:0px;
}
#wrap{ width:100%;  top:0px; position:relative; bottom:0px; }
#wrap ul{ margin:0px; padding:0px; width: 100%;text-align:center; border:0px dotted #F00; float:left; clear:both; margin-bottom:10px;}

#wrap .detail-view {
	background-color:#FFF;
	background-attachment:scroll;
	background-position:0px 0px;
	background-repeat:no-repeat;
	 border-top:1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
    margin-left: 5px;
    overflow: hidden;
	clear:both;
	display:none;
    width: 1165px;
	padding-bottom:20px;
	position:relative;
	top:-1px;
	line-height:25px;
}

#wrap .detail-view .close{ text-align:right; width:100%; padding:10px 0px 0px 0px; padding:0px; position:absolute;}
#wrap .close a{ padding:6px; height:20px; width:20px; color:#525049; top:5px; position:relative; z-index:1;}
#wrap .detail-view .detail_images{ float:left;}

#wrap .detail-view .detail_info{ 
	color:#525049;
	font-size:12px;
	display:table;
	margin:10px auto;
	padding:0px;
	width:98%;
	text-align:left;
}
.arrow-down{
	float:left;
}

#wrap .detail-view .detail_info label{ font-size:12px;text-transform:uppercase; letter-spacing:1px; line-height:60px; } 

#wrap .detail-view .detail_info p{}

.detail_info h1{
	margin: 0px;
	line-height: 35px;
	font-size: 22px;
}

#wrap ul li{
	list-style-type:none; 
	width:285px; 
	float:left;
	padding:0px 0px;
	margin:5px;
}

#wrap ul li img{
	max-width:290px;
}

#wrap ul li div{ 
	text-align:center;
	position:relative;
	color: #000 ;
	font-size:14px;
	margin:10px;
	padding:0px;
	
}

#wrap ul li div h3{
	margin:0px;
	padding:0px;	
}

#wrap ul li { cursor:pointer;}

.division{
	text-align:left;
	font-size:25px;
	margin:10px 0px 15px 0px;
	font-weight:bold;
	display:inline-block;
	width:100%;
}
.arrow-name1,.arrow-name2,.arrow-name3,.arrow-name4{
	background-image:url(../images/arrow-up.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	
	height:30px;
	width: 62px;
	
	clear:both;
	z-index:100;
	position:relative;
}
.arrow-name1{
	margin-left: 120px;
}
.arrow-name2{
	margin-left: 410px;
}
.arrow-name3{
	margin-left: 700px;
}
.arrow-name4{
	margin-left: 1000px;
}
.clear{
	clear:both;
}

.resporn-logo,
.resporn-lang,
.title-res{
	display:none;
}

.contact-row{
	margin:20px 0px;
	display:table;
	width:100%;
}
.contact-row .col-left{
	float:left;
	margin-right:10px;
	width:49%;
}
.contact-row .col-right{
	float:right;
	margin-left:10px;
	width:49%;
}
.contact-row .box-text{
	background-color:#FFF;
	border-radius:10px;
	border:1px solid #E0E0E0;
	height:350px;
	padding:10px;
}
.ourpartner{
	display:table;
	width:100%;
	margin-bottom:15px;
}
.ourpartner .col-left,
.ourpartner .col-right{
	display:table-cell;
	vertical-align:top;
}
.ourpartner .col-left{
	padding-right:15px;
}

.service-list{
	margin:0px;
	padding:0px;
}
.service-list ul{
	display: table;
	width: 100%;
	height:100%;
	list-style:none;
	table-layout:fixed;
}
.service-list li{
	width:20%;
	height:100%;
	padding-bottom:20px;
	vertical-align:top;
	float:left;
}
.full-h{
	padding:0px 10px;
	height:100%;
	position:relative;
}
.service-list li .more-detail{
	position:absolute;
	bottom:0;
	padding:10px;
	float:right;
}
.service-list li img#pic-img{
	object-fit:contain;
	width:100%;
	padding:0px 0px 15px 0px;
}

.web-design-box-row{
	display:table;
	width:100%;
}
.web-design-box-row img#webdesign-client{
	width:100%;
	object-fit:contain;
}

.web-design-box-col1,
.web-design-box-col2,
.web-design-box-col3{
	display:table-cell;
	vertical-align:top;
	width:33%;
}

.mobileapp-box-col1,
.mobileapp-box-col2{
	display:table-cell;
	vertical-align:top;
	width:50%;
	height:100%;
}
.mobileapp-box-col1{
	padding-right:10px;
}
.mobileapp-box-col2{
	padding-left:10px;
}

.web-design-box-col2{
	padding:0px 10px;
}
ul.web-design-client {
	list-style:none;
	margin:0px auto;
	padding:0px;
	display:table;
}
ul.web-design-client li{
	padding:10px 0px;
	margin:0px;
	float:left;
	width:20%;
	text-align:center;
}
ul.web-design-client li img{
	width:100%;
	max-height:90px;
	object-fit:contain;
}
.list-spam{
}
.list-spam ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.list-spam li{
	float:left;
	width:50%;
	padding:10px 0px;
}
.list-spam li img{
	object-fit:contain;
}
.antivirus-box{
	display:table-cell;
	width:50%;
	padding:0px 5px;
	vertical-align:top;
}
.antivirus-box .full_well{
	height:370px;
}
.server-spec{
	padding:10px 0px;
	margin:0px auto;
	display:block;
}
.server-spec-box{
	width: 30%;
	vertical-align: top;
	margin: 5px;
	display: inline-block;
}
.server-spec-box p#name,
.server-spec-box p#cpu,
.server-spec-box p#core,
.server-spec-box p#slot,
.server-spec-box p#raid,
.server-spec-box p#dvd,
.server-spec-box p#supply,
.server-spec-box p#price,
.server-spec-box p#detail{
	height:30px;
	overflow:hidden;
}
.server-spec-box p#pic{
	height:200px;
	overflow:hidden;
}
.classic-hosting-box{
	display:table;
	width:100%;
}
.classic-hosting-col{
	display:table-cell;
	vertical-align:top;
	width:25%;
	padding:5px;
}
.unaccount{
}
.unaccount ul{
	display:table;
	width:100%;
	padding:0px;
	margin:0px;
}
.unaccount li{
	width:40%;
	float:left;
	display:inline-block;
	margin-right:5px;
	padding-left:25px;
	background-image:url(../images/ico_check.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
.content #sla_table,
    .content #sla_table td,
    .content #sla_table th{
        border: 1px solid #555;
    }
    .content #sla_table td,
    .content #sla_table th{
        padding: 5px;
    }
	.am-col{
		display: inline-block;
		width:19%;
		padding:0px 5px 10px 5px;
		text-align:center;
		vertical-align:middle;
	}
	.am-col img{
		width:100%;
		height:100%;
		object-fit:contain;
	}
	img.amw100{
		width:100%;
		object-fit:contain;
	}
	
.plesk-box-row{
    display: table;
    width: 100%;
}
.plesk-box-col{
    display: table-cell;
    vertical-align: top;
    width: 25%;
    padding: 5px 10px;
}
.plesk-box-col:first-child{
    padding-left: 0px;
}
.plesk-box-col:last-child{
    padding-right: 0px;
}
.plesk-box-col-img{
    width: 64px;
    float: left;
}
.plesk-box-col-img img{
    width: auto;
    max-width: 100%;
    object-fit: contain;
}
.plesk-box-col-txt{
    padding-left: 80px;
}