/* ----- STATIC NOT DEPEND ON TEMPLATE ------------- */
IMG.openid {
	cursor: pointer;
}

/* ----- STATIC NOT DEPEND ON TEMPLATE ------------- */


/*
h2, h3 {color: #084dae; margin: 0px;}
h4 {color: #505050; margin: 0px;}
h1 {
color:#115BA2;
font-size:22px;
font-weight:bold;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:6px;
padding-left:0;
padding-right:0;
padding-top:0;
}
*/
.user-layout .hr_shadow {
	display: none;
}

ul.dropdown .dir {
	position: relative;
}

ul.dropdown .dir:hover ul {
	visibility: visible;
}

#nav.dropdown {
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid #eee;
	clear: both;
}

#nav.dropdown > li {
	border: none;
}

#nav.dropdown a,
#nav.dropdown .dir {
	padding: 10px;
	border: none;
}

#nav.dropdown .dir {
	padding-right: 20px;
}

.submenu ul {
	list-style: none;
	display: flex !important;
	justify-content: flex-start;
	overflow-x: scroll;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
}

.submenu li {
	display: inline-block;
	padding: 0;
}

.submenu a {
	font-size: 13px;
	padding: 10px;
	display: block;
	font-weight: 700;
	color: #0063dc;
}

hr {
	border-color: #ccc;
	border-width: 0px 0px 1px 0px;
	padding: 10px 0px;
}

ol,
ul {
	display: block;
}

.clear {
	clear: both;
}

.clear10 {
	clear: both;
	height: 10px;
}

.clear20 {
	clear: both;
	height: 20px;
}

.clear40 {
	clear: both;
	height: 40px;
}

.clear60 {
	clear: both;
	height: 60px;
}

.clear100 {
	clear: both;
	height: 100px;
}

.img100 img {
	max-width: 100%;
}

.flex {
	display: flex;
}

.flex-item {
	padding-right: 20px;
}

.flex-Half {
	display: flex;
}

.flex-Half img {
	max-width: 100%;
}

.flex-Half > div:first-child {
	text-align: center;
}

.flex-Half > div {
	flex: 1 1 50%;
}

.flex-between {
	display: flex;
	padding: 20px;
	justify-content: space-between
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.left h1,
.left h2 {
	text-align: left;
}

.white {
	color: white;
}

.padL10 {
	padding-left: 10px !important;
}

.padR10 {
	padding-right: 10px !important;
}

.max400 {
	max-width: 400px;
	margin: 0px auto;
}

.max760 {
	max-width: 760px;
	margin: 0px auto;
}

A.Top {
	text-decoration: none;
	color: #777;
}

A.Top:hover {
	text-decoration: none;
	color: #5aaefe;
}

.light {
	filter: Alpha(Opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

.notice {
	display: inline-block;
	color: #333;
	background-color: #FBFCCD;
	border: 1px solid #EAEDDC;
	border: 1px solid #CCC;
	padding: 10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.minor {
	color: #ccc;
}

A.external {
	/*background: transparent url(img/external.png) no-repeat scroll right center;*/
	text-decoration: none;
	padding-right: 13px;
	color: #3366BB;
}

.clickable {
	cursor: pointer;
	color: #3366BB;
}

input.textForm,
textarea.textForm {
	background: #ffffcc url(img/bg/input_bg.gif) repeat-x scroll center top;
	border-color: #7C7C7C #C3C3C3 #DDDDDD;
	border-style: solid;
	border-width: 1px;
	width: 300px;
}

.inputsubmit {
	background-color: #3B5998;
	border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 8px 3px;
	text-align: center;
}

#id_contact_us input,
#id_contact_us textarea {
	max-width: 400px;
	width: 100%;
}

.submit-button {
	/*
    background: #3E80B6 url(img/btn/bg-submit-button.gif) repeat-x left bottom;
    border-color: #6BA8F5 #074E87 #074E87 #6BA8F5;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-right: 3px;
    overflow: visible;
    padding: 5px 8px;
    cursor: pointer;
*/
}

.submit-button[disabled] {
	cursor: default;
	filter: Alpha(Opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

A.submit-button:hover {
	color: #FFFFFF;
}

.disable-button {
	background: #e7e7e7 url(img/btn/bg-disable-button.gif) repeat-x left bottom;
	border: 1px solid #b7b7b7;
	overflow: visible;
	color: #565656;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 6px;
	cursor: pointer;
}

#cse-search-box input.text {
	background: #ffffcc url(img/bg/input_bg.gif) repeat-x scroll center top;
}

.shortcut_tab {
	display: flex;
	justify-content: space-between;
	line-height: 30px;
	padding: 0px 10px;
	background: radial-gradient(circle, white, #eee);
	font-size: 11px;
}

#id_member_zone .forgotpass {
	text-align: right;
	padding-right: 12px;
}

/* ----------------- TOP RIBBON ----------------- */
TABLE.TOPPER_RIBBON {
	line-height: 18px;
	width: 100%;
	height: 27px;
	color: #999;
	background: url(img/head.png) center top repeat-x;
}

/* ----------------- Sitemap & Footer ----------------- */
TABLE.sitemap TD.lt {
	width: 10px;
	height: 12px;
	background: url(img/bg/1/corner2.gif);
}

TABLE.sitemap TD.rt {
	width: 10px;
	height: 12px;
	background: url(img/bg/1/corner2.gif);
	background-position: 10px 0px;
}

TABLE.sitemap TD.lb {
	width: 10px;
	height: 10px;
	background: url(img/bg/1/corner2.gif);
	background-position: 0px 10px;
}

TABLE.sitemap TD.rb {
	width: 10px;
	height: 10px;
	background: url(img/bg/1/corner2.gif);
	background-position: 10px 10px;
}

TABLE.sitemap TD.t {
	height: 12px;
	background-image: url(img/bg/1/top2.gif);
	background-repeat: repeat-x;
}

TABLE.sitemap TD.b {
	height: 10px;
	background-image: url(img/bg/1/bottom2.gif);
	background-repeat: repeat-x;
}

TABLE.sitemap TD.r {
	width: 10px;
	background-image: url(img/bg/1/right2.gif);
	background-repeat: repeat-y;
}

TABLE.sitemap TD.l {
	width: 10px;
	background-image: url(img/bg/1/left2.gif);
	background-repeat: repeat-y;
}

TABLE.sitemap TD.c {
	background-color: #fff;
}

TABLE.sitemap TD.c a {
	color: #505050;
	text-decoration: none;
}

TABLE.sitemap TD.c a:hover {
	color: #505050;
	text-decoration: underline;
}

UL.footer {
	margin: 0 auto;
	padding-left: 0px;
}

UL.footer li {
	display: block;
}

/* ---------------------------- PARAGRAPH ------------------------------------ */
TABLE.paragraph TD.lt {
	width: 28px;
	height: 28px;
	background: url(img/bg/1/corner.gif);
}

TABLE.paragraph TD.rt {
	width: 28px;
	height: 28px;
	background: url(img/bg/1/corner.gif);
	background-position: 28px 0px;
}

TABLE.paragraph TD.lb {
	width: 28px;
	height: 28px;
	background: url(img/bg/1/corner.gif);
	background-position: 0px 28px;
}

TABLE.paragraph TD.rb {
	width: 28px;
	height: 28px;
	background: url(img/bg/1/corner.gif);
	background-position: 28px 28px;
}

TABLE.paragraph TD.t {
	height: 28px;
	background-image: url(img/bg/1/top.gif);
	background-repeat: repeat-x;
}

TABLE.paragraph TD.b {
	height: 28px;
	background-image: url(img/bg/1/bottom.gif);
	background-repeat: repeat-x;
}

TABLE.paragraph TD.r {
	width: 28px;
	background-image: url(img/bg/1/right.gif);
	background-repeat: repeat-y;
}

TABLE.paragraph TD.l {
	width: 28px;
	background-image: url(img/bg/1/left.gif);
	background-repeat: repeat-y;
}

TABLE.paragraph TD.c {
	background-color: #fff;
}

/* ---------------------------- NAVIGATE BAR -------------------------------- */
TD.maps_left {
	width: 40px;
	height: 35px;
	background: url(img/bg/maps/maps.gif);
	background-repeat: no-repeat;
}

TD.maps_center {
	height: 35px;
	background: url(img/bg/maps/maps_c.gif);
	background-position: -10px 0px;
	background-repeat: repeat-x;
}

TD.maps_right {
	width: 15px;
	height: 35px;
	background: url(img/bg/maps/maps.gif);
	background-position: -40px 0px;
	background-repeat: no-repeat;
}

TD.textSizeOption {
	text-align: center;
	height: 32px;
	background-image: url(img/bg/text_size.gif);
	background-repeat: no-repeat;
	background-position: right;
}

TD.buttons_4 {
	width: 25%;
	height: 209px;
	background: url(img/new/img/frame.gif) center top no-repeat;
	padding-left: 7px;
}

TD.buttons_4:hover {
	width: 25%;
	height: 209px;
	background: url(img/new/img/frame_onclick.gif) center top no-repeat;
}


/* --------------------- LEFT MENU -------------------------- */
.left_menu A.menu {
	color: #505050;
	text-decoration: none;
	background-image: url(img/bullet/1.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.left_menu A.menu:hover {
	color: #000;
	text-decoration: none;
}

.left_menu A.sub {
	padding-left: 35px;
	background-position: 15px 0;
}

TD.menuTop {
	width: 225px;
	height: 35px;
	background: url(img/bg/left_menu/menu.gif) no-repeat;
	background-position: 0px -70px;

}

TD.menuBottom {
	background: url(img/bg/left_menu/menu_bottom.gif) no-repeat;
	height: 11px;
}

TD.menuTopHosting {
	width: 225px;
	height: 35px;
	background: url(img/bg/left_menu/menu.gif) no-repeat;
	background-position: 0px -105px;
}

TD.menuBottomHosting {
	background: url(img/bg/left_menu/menu_bottom.gif) no-repeat;
	height: 40px;
}

TD.menuTopOther {
	width: 225px;
	height: 35px;
	background: url(img/bg/left_menu/menu.gif) no-repeat;
	background-position: 0px 0px;
}

TD.menuBottomOther {
	background: url(img/bg/left_menu/menu_bottom.gif) no-repeat;
	height: 40px;
}

TD.menuTopOrder {
	width: 225px;
	height: 35px;
	background: url(img/bg/left_menu/menu.gif) no-repeat;
	background-position: 0px -35px;
}

TD.menuBottomOrder {
	background: url(img/bg/left_menu/menu_bottom.gif) no-repeat;
	height: 40px;
}

TD.menuTopPayment {
	width: 225px;
	height: 35px;
	background: url(img/bg/left_menu/menu.gif) no-repeat;
	background-position: 0px -175px;
}

TD.menuBottomPayment {
	background: url(img/bg/left_menu/menu_bottom.gif) no-repeat;
	height: 40px;
}

TD.menuTopAboutUs {
	width: 225px;
	height: 35px;
	background: url(img/bg/left_menu/menu.gif) no-repeat;
	background-position: 0px -140px;
}

TD.menuBottomAboutUs {
	background: url(img/bg/left_menu/menu_bottom.gif) no-repeat;
	height: 40px;
}

TD.menuTopSupport {
	width: 225px;
	height: 35px;
	background: url(img/bg/left_menu/menu.gif) no-repeat;
	background-position: 0px -210px;
}

TD.menuBottomSupport {
	background: url(img/bg/left_menu/menu_bottom.gif) no-repeat;
	height: 40px;
}

TD.dot {
	background: url(img/bg/left_menu/dot.gif) no-repeat;
	border-left: solid;
	border-left-width: 1px;
	border-left-color: #CACBCB;
	border-right: solid;
	border-right-width: 1px;
	border-right-color: #CACBCB;
	height: 3px;
}

TD.menu {
	padding-left: 8px;
	border-left: solid;
	border-left-width: 1px;
	border-left-color: #CACBCB;
	border-right: solid;
	border-right-width: 1px;
	border-right-color: #CACBCB;
	height: 30px;
	background-color: #EFEFEF;
}

TD.menu:hover {
	/*background-color: #DDD;*/
}

TD.menu_c {
	font-weight: bold;
	padding-left: 10px;
	border-left: solid;
	border-left-width: 1px;
	border-left-color: #CACBCB;
	border-right: solid;
	border-right-width: 1px;
	border-right-color: #CACBCB;
	height: 30px;
	background-color: #EFEFEF;
	background: url(img/bg/left_menu/pin.png) right no-repeat;
}

TD.menu_c:hover {
	/*background-color: #DDD;*/
}

.success {
	border: 1px solid #595;
	background-color: #EFE;
}

div.success {
	padding: 20px 20px 20px 20px;
	margin: 25px 10px 25px 10px;
}

/* --------------------- DIALOG EXTENSION ------------------- */
.ui-widget {
	text-align: left;
}

.ui-state-error p,
.ui-state-highlight p,
.ui-state-success p,
.jQ-notice p {
	margin: 11px 0px 11px 0px;
	font-size: 1em;
}

.ui-state-success,
.ui-widget-content .ui-state-success {
	border: 1px solid #595;
	background: #EFE;
	color: #363636;
}

.border-thickness {
	border-width: 3px;
}

/* ------------------------------------------------------------ */
.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-off {
	background-position: -96px -144px;
}

.ui-icon-radio-on {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

/* ------------------------------------------------------------ */

table.colorize {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

table.colorize caption {
	padding: 0 0 5px 0;
	width: 700px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

table.colorize th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 10px 6px 10px 12px;
	background: #eaeaea url(img/colorize/bg_header-gray.jpg) repeat-x;
}

table.colorize th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #dadada;
	background: none;
}

table.colorize td:first-child {
	border-left: 1px solid #dadada;
	border-top: 0;
}

table.colorize th:first-child {
	border-left: 1px solid #dadada;
}

table.colorize td {
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #626262;
}

table.colorize tr.odd td {
	background: #FAFAFA;
	color: #595959;
}

/* ------------ Plan --------------- */
TD.plan99 {
	width: 240px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: 0px -710px;
	/*background-position: 1px 516px;*/
}

TD.plan200 {
	width: 240px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -243px -710px;
}

TD.plan390 {
	width: 240px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -487px -710px;
}

TD.plan770 {
	width: 240px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -733px -710px;
}

TD.plan99:hover {
	width: 240px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -2px 0px;
}

TD.plan200:hover {
	width: 240px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -246px 0px;
}

TD.plan390:hover {
	width: 240px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -491px 0px;
}

TD.plan770:hover {
	width: 240px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -736px 0px;
}

TD.plan1150 {
	width: 321px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: 0px -886px;
}

TD.plan1500 {
	width: 321px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -326px -886px;
}

TD.plan1890 {
	width: 321px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -653px -886px;
}

TD.plan1150:hover {
	width: 321px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -2px -176px;
}

TD.plan1500:hover {
	width: 321px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -329px -176px;
}

TD.plan1890:hover {
	width: 321px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -656px -176px;
}

TD.plan3000 {
	width: 484px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: 0px -1063px;
}

TD.plan5500 {
	width: 484px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -490px -1063px;
}

TD.plan3000:hover {
	width: 484px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -2px -352px;
}

TD.plan5500:hover {
	width: 484px;
	height: 172px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -494px -352px;
}

TD.plan10000 {
	width: 975px;
	height: 175px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -1px -1236px;
	background-repeat: no-repeat;
}

TD.plan10000:hover {
	width: 975px;
	height: 175px;
	background: url(img/planbox/plan_v1-3.jpg);
	background-position: -4px -527px;
	background-repeat: no-repeat;
}

/*********************************************************************************************************************/
TD.titleAdv {
	height: 35px;
	background: url(img/new/img/bar.png) center top no-repeat;
}

TD.title {
	height: 31px;
	background: url(img/new/img/bar.png) center top no-repeat;
}

TR.title {
	height: 33px;
	color: white;
	background: url(img/new/img/bar2.gif) center top repeat-x;
}

TR.odd {
	height: 30px;
	background-color: #FEC;
}

TR.even {
	height: 30px;
	background-color: #F5F5F5;
}

TD.title2 {
	height: 33px;
	background: url(img/new/img/bar2.png) center top no-repeat;
}

TR.odd2 {
	height: 30px;
	background-color: #DEF;
}

TR.even2 {
	height: 30px;
	background-color: #F5F5F5;
}

TD.title3 {
	height: 33px;
	background: url(img/new/img/bar3.png) center top no-repeat;
}

TR.odd3 {
	height: 30px;
	background-color: #DFE;
}

TR.even3 {
	height: 30px;
	background-color: #F5F5F5;
}

TD.message {
	height: 220px;
	background: url(img/new/img/paper.gif) center bottom no-repeat;
	padding-left: 220px;
	color: black;
}


/*********************************************************************************************************************/
TABLE.news {
	background: url(img/new/img/news.gif);
	background-repeat: no-repeat;
}

TABLE.general {
	background-color: #fbfbff;
}

DIV.general {
	background-color: #fbfbff;
}

TABLE.paragraph TD.lt {
	width: 28px;
	height: 28px;
	background: url(img/new/img/bg/1/corner.gif);
}

TABLE.paragraph TD.rt {
	width: 28px;
	height: 28px;
	background: url(img/new/img/bg/1/corner.gif);
	background-position: 28px 0px;
}

TABLE.paragraph TD.lb {
	width: 28px;
	height: 28px;
	background: url(img/new/img/bg/1/corner.gif);
	background-position: 0px 28px;
}

TABLE.paragraph TD.rb {
	width: 28px;
	height: 28px;
	background: url(img/new/img/bg/1/corner.gif);
	background-position: 28px 28px;
}

TABLE.paragraph TD.t {
	height: 28px;
	background-image: url(img/new/img/bg/1/top.gif);
	background-repeat: repeat-x;
}

TABLE.paragraph TD.b {
	height: 28px;
	background-image: url(img/new/img/bg/1/bottom.gif);
	background-repeat: repeat-x;
}

TABLE.paragraph TD.r {
	width: 28px;
	background-image: url(img/new/img/bg/1/right.gif);
	background-repeat: repeat-y;
}

TABLE.paragraph TD.l {
	width: 28px;
	background-image: url(img/new/img/bg/1/left.gif);
	background-repeat: repeat-y;
}

TABLE.paragraph TD.c {
	background-color: #fff;
}

/*********************************************************************************************************************/

/* -- modern input -- */
form.modern input[type=text],
form.modern input[type=password],
form.modern TEXTAREA,
form.modern SELECT {
	box-sizing: border-box;
	max-width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: auto;
	line-height: 24px;
	margin: 5px 0px;
}

#cse-search-results {
	max-width: 960px;
	margin: 0px auto;
}

input.search-query:focus,
input.search-query:active {
	border-bottom-color: white;
}

input.search-query {
	background: #333;
	border: none;
	border-bottom: 1px solid #444;
	color: #333333;
	font-size: 100%;
	margin: 0;
	width: 80%;
	height: 32px;
	padding-left: 22px;
	color: #eee;
}

#cse-search-box {
	position: relative;
}

.footer_menu_new .pe-7s-search {
	position: absolute;
	left: 0px;
	bottom: 7px;
	color: white;
	font-size: 18px;
}

/***************************************************************************************************************************

@charset "UTF-8";
/* CSS Document */
#tbplan {
	max-width: 1600px;
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	table-layout: fixed;
	text-align: center;
}

#tbplan.tbplan_color td {
	padding: 10px 0px;
	background: #fbfbff;
}

#tbplan.tbplan_color td:nth-child(2) {
	background: #e5f6f6;
}

#tbplan.tbplan_color td:nth-child(3) {
	background: #f7ebef;
}

#tbplan.tbplan_color td:nth-child(4) {
	background: #eaeaf8;
}

#tbplan .button_blue {
	margin: 15px 10% 15px;
	white-space: nowrap;
	width: 80%;
	box-sizing: border-box;
	padding: 8px 0px 5px;
}

#tbplan tr td a {
	/*    font-size: 10pt;*/
	text-decoration: none;
}

#tbplan tr th {
	display: none;
}

#tbplan td,
#tbplan td * {
	font-family: 'Sukhumvit Set', 'Kanit';
}

#tbplan .price2_tr td {
	box-shadow: inset 2px 4px 2px -2px #ddd;
}

#tbplan .price3_tr td {
	box-shadow: inset 2px -4px 2px -2px #ddd;
}

#tbplan .price2_tr td,
#tbplan .price3_tr td {
	opacity: 0.75;
}

#tbplan .price2_tr:hover td,
#tbplan .price3_tr:hover td {
	opacity: 1;
}

.tbheader td,
#tbplan.tbplan_color .tbheader td {
	background: #1962a6;
	color: white;
	font-weight: bold;
	font-family: 'Sukhumvit Set', 'Kanit';
}

.tdhead {
	padding: 15px 20px;
	background: #c6dcf1;
	font-family: 'Sukhumvit Set', 'Kanit';
	color: #1962a6;
	font-weight: bold;
	border-top: 1px solid white;
}

.other_desc {
	border-left: 1px solid #B1B9B9;
	line-height: 25px;
	background-color: #f5f5f5;
	border-top: 1px solid #B1B9B9;
	border: 0;
	height: 50px;
	margin: 0;
	padding: 0;
	width: 80px;
}

.other_desc_light {
	border-left: 1px solid #B1B9B9;
	line-height: 25px;
	background-color: #ECEDED;
	border-right: 1px solid #B1B9B9;
	border-top: 1px solid #B1B9B9;
	height: 50px;
	margin: 0;
	padding: 0;
	width: 80px;
}

.freetopic,
.beginnertopic,
.standardtopic,
.deluxetopic,
.platinumtopic,
.goldtopic,
.freeplan,
.beginnerplan,
.standardplan,
.deluxeplan,
.platinumplan,
.goldplan,
.freeplan_light,
.beginnerplan_light,
.standardplan_light,
.deluxeplan_light,
.platinumplan_light,
.goldplan_light {
	margin: 0px;
	padding: 0px;
	border-right: none;
	border-top: 1px solid white;
	height: auto;
	width: auto;

}

.freelast,
.freelast_light,
.standardlast,
.standardlast_light,
.deluxelast,
.deluxelast_light,
.platinumlast,
.platinumlast_light,
.tdlast,
.platinumlast,
.goldlast,
.goldlast_light {
	margin: 0px;
	padding: 0px;
	border-right: 0px;
	border-top: 1px solid white;
	height: 53px;
	width: 80px;
}

.tdtopic,
.tdtopic_light {
	border-left: none;
	border-top: 1px solid white;
	font-family: 'Sukhumvit Set', 'Kanit';
	padding: 15px 20px;
	width: 200px;
}

.freelast,
.freelast_light,
.freeplan,
.freeplan_light,
.freetopic {
	border-left: 1px solid #b1b9b9;
}

.left_td {
	border-left: 1px solid white;
}

.freelast,
.freelast_light,
.standardlast,
.standardlast_light,
.deluxelast,
.deluxelast_light,
.platinumlast,
.platinumlast_light,
.goldlast,
.goldlast_light {
	border-bottom: 1px solid #b1b9b9;
}

.tdtopic,
#tdlast {
	/*    padding-left: 10px;*/
	/*    background:#f1f0f0;*/
}

#tdlast {
	background: url(img/new/plan_table.jpg) -162px -253px no-repeat;
	border-top: 1px solid #b1b9b9;
}

.tdtopic_light,
#tdlast_light {
	padding-left: 20px;
	/*    background:#fafafa;*/
}

#tdlast_light {
	background: #fafafa url(img/new/plan_table.jpg) -162px -253px no-repeat;
	border-top: 1px solid #b1b9b9;
}

.freeplan,
.freelast {
	background-color: #dddcdc;
}

.beginnerplan,
.beginnerlast,
.beginnerplan_light,
.beginnerlast_light {
	background-color: #f7f0e6;
}

.beginnerplan:nth-child(2n+1),
.beginnerplan_light:nth-child(2n+1) {
	background: #f9f4ed;
}

.standardplan,
.standardlast,
.standardplan_light,
.standardlast_light {
	background-color: #e5f6f6;
}

.standardplan:nth-child(2n+1),
.standardplan_light:nth-child(2n+1) {
	background-color: #ecf8f8;
}

.deluxeplan,
.deluxelast,
.deluxeplan_light,
.deluxelast_light {
	background-color: #f7ebef;
}

.deluxeplan:nth-child(2n+1),
.deluxeplan_light:nth-child(2n+1) {
	background-color: #f9f1f4;
}

.platinumplan,
.platinumlast,
#platinumlast,
.platinumplan_light,
.platinumlast_light #platinumlast_light {
	background-color: #eaeaf8;
}

.platinumplan:nth-child(2n+1),
.platinumplan_light:nth-child(2n+1) {
	background-color: #f0f0fa;
}


.freeplan_light,
.freelast_light {
	background-color: #f3f3f3;
}




/*
.beginnerplan span.order_button,
.standardplan span.order_button,
.deluxeplan span.order_button,
.platinumplan span.order_button {
	background: url(img/plan/button.png);
	float: left;
	width:68px;
	height: 24px;
	margin-left: 6px;
}
*/
span.order_button A {
	position: relative;
	top: 4px;
}

#platinumlast {
	/*background:url(img/new/plan_table.jpg) -81px -253px no-repeat;*/
	background-color: #5B5355;
	border-top: 1px solid #b1b9b9;
	color: #E0E0E0;
}

#platinumlast_light {
	background: url(img/new/plan_table.jpg) 0px -253px no-repeat;
	border-top: 1px solid #b1b9b9;
	color: #E0E0E0;
}

#goldlast {
	background: url(img/new/gold_table.jpg) 0px -235px no-repeat;
	border-top: 1px solid #b1b9b9;
}

#goldlast_light {
	background: url(img/new/gold_table.jpg) 0px -298px no-repeat;
	border-top: 1px solid #b1b9b9;
}

/*
.freetopic{
    background:#9F6 url(img/plan/plan_table_bg.jpg) 0px 0px no-repeat;
}

.beginnertopic{
    background:#9CF url(img/plan/plan_table_bg.jpg) -160px 0px no-repeat;
}
.standardtopic{
    background:#9CF url(img/plan/plan_table_bg.jpg) -320px 0px no-repeat;
}

.deluxetopic{
    background:#69F url(img/plan/plan_table_bg.jpg) -480px 0px no-repeat;
}

.platinumtopic{
    background:#CCC url(img/plan/plan_table_bg.jpg) -640px 0px no-repeat;
    color: #E0E0E0;
}

.goldtopic{
    background:#CCC url(img/new/gold_table.jpg) 0px -127px no-repeat;
}
*/

.tdtopic,
.topicnoborder {
	width: 160px;
	max-width: 200px;
}

.tdpic {
	height: 127px;
}

#upconerpic {
	background: url(img/new/plan_table.jpg) -410px 0px no-repeat;
}

#vpspic1 {
	padding-left: 5px;
	;
	background: url(img/new/vps1.png) 0px 0px no-repeat;
}

#vpspic2 {
	background: url(img/new/vps2.png) 0px 0px no-repeat;
}

#vpspic3 {
	background: url(img/new/vps3.png) 0px 0px no-repeat;
}

#vpspic4 {
	background: url(img/new/vps4.png) 0px 0px no-repeat;
}

#corner {
	background: white;
	border-bottom: 1px solid #b1b9b9;
}

#freepic {
	background: url(img/new/plan_table.jpg) 0px 0px no-repeat;
	text-align: center;
}

TH#beginner_th {
	background: url(img/plan/plan_th_bg.png) 0px 0px repeat-x;
}

TH#standard_th {
	background: url(img/plan/plan_th_bg.png) 0px -127px repeat-x;
}

TH#deluxe_th {
	background: url(img/plan/plan_th_bg.png) 0px -254px repeat-x;
}

TH#platinum_th {
	background: url(img/plan/plan_th_bg.png) 0px -381px repeat-x;
}

TH#beginner_th SPAN.pbox {
	background: url(../../images/packages/box_beginner.png) 0px 0px no-repeat;
	width: 80px;
	height: 116px;
	float: left;
	margin-left: 130px;
	margin-top: 10px;
}

TH#standard_th SPAN.pbox {
	background: url(../../images/packages/box_standard.png) 0px 0px no-repeat;
	width: 80px;
	height: 116px;
	float: left;
	margin-left: 80px;
	margin-top: 10px;
}

TH#deluxe_th SPAN.pbox {
	background: url(../../images/packages/box_deluxe.png) 0px 0px no-repeat;
	width: 80px;
	height: 116px;
	float: left;
	margin-left: 40px;
	margin-top: 10px;
}

TH#platinum_th SPAN.pbox {
	background: url(../../images/packages/box_platinum.png) 0px 0px no-repeat;
	width: 80px;
	height: 116px;
	float: left;
	margin-top: 10px;
}

/*#standardpic{
    background: url(img/new/plan_table.jpg) -80px 0px no-repeat;
}

#deluxepic{
    background: url(img/new/plan_table.jpg) 0px -127px no-repeat;
}

#platinumpic{
    background: url(img/new/plan_table.jpg) -249px -127px no-repeat;
}

#goldpic{
    background: url(img/new/gold_table.jpg) 0px 0px no-repeat;
}*/

#standardpic3 {
	background: url(img/new/plan_table.jpg) -195px 0px no-repeat;
}

#deluxepic3 {
	background: url(img/new/plan_table.jpg) -90px -127px no-repeat;
}

#platinumpic3 {
	background: url(img/new/plan_table.jpg) -285px -127px no-repeat;
}


#blankpic {
	background: url(img/new/plan_table.jpg) -410px -67px no-repeat;
}

.topicnoborder {
	border: hidden;
}

#orderfree,
#order99,
#order200,
#order390,
#order770,
#order1150,
#order1500,
#order1890,
#order3000,
#order5500,
#goldorder {
	width: 75px;
	height: 53px;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
}

#orderfree {
	background: url(img/new/plan_table.jpg) -5px -307px no-repeat;
}

#order99,
#order200,
#order390,
#order770 {
	background: url(img/new/plan_table.jpg) -104px -307px no-repeat;
}

#order1150,
#order1500,
#order1890 {
	background: url(img/new/plan_table.jpg) -202px -307px no-repeat;
}

#order3000,
#order5500 {
	background: url(img/new/plan_table.jpg) -314px -307px no-repeat;
}

#order10000 {
	background: url(img/new/gold_table.jpg) 0px -179px no-repeat;
}

#orderfree {
	background: url(img/new/gold_table.jpg) -0px -179px no-repeat;
}

.tdtopic3,
.tdtopic_light3 {
	padding-left: 10px;
	border-left: 1px solid #b1b9b9;
	border-top: 1px solid #b1b9b9;
}

.tdtopic3,
	{
	background: #f1f0f0;
}

.tdtopic_light3,
	{
	background: #fafafa;
}

#tbplan3 {
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
	text-align: center;
}

#tbplan3 tr td a {
	font-size: 10pt;
	text-decoration: none;
	color: #333;
}

/* CSS Document */
#tbplan2 {
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
	text-align: center;
}

#tbplan2 tr td a {
	font-size: 10pt;
	text-decoration: none;
	color: #333;
}

.freetopic2,
.beginnertopic2,
.standardtopic2,
.deluxetopic2,
.platinumtopic2,
.goldtopic2 {
	margin: 0px;
	padding: 0px;
	border-left: 0px solid #b1b9b9;
	border-bottom: 0px solid #b1b9b9;
	border-right: 1px solid #b1b9b9;
	border-top: 1px solid #b1b9b9;
	width: 80px;
}

.freeplan2,
.beginnerplan2,
.standardplan2,
.deluxeplan2,
.platinumplan2,
.goldplan2,
.freeplan_light2,
.beginnerplan_light2,
.standardplan_light2,
.deluxeplan_light2,
.platinumplan_light2,
.goldplan_light2,
.freelast2,
.freelast_light2,
.standardlast2,
.standardlast_light2,
.deluxelast2,
.deluxelast_light2,
.platinumlast2,
.platinumlast_light2,
.goldlast2 {
	margin: 0px;
	padding: 0px;
	border-left: 0px solid #b1b9b9;
	border-bottom: 0px solid #b1b9b9;
	border-right: 1px solid #b1b9b9;
	border-top: 1px solid #b1b9b9;
	height: 53px;
	width: 80px;
}

.tdtopic2,
.tdtopic_light2 {
	padding-left: 0px;
	border-left: 0px solid #b1b9b9;
	border-bottom: 0px solid #b1b9b9;
	border-right: 1px solid #b1b9b9;
	border-top: 1px solid #b1b9b9;
	font-weight: bold;
	height: 60px;
}

.freelast2,
.freelast_light2,
.freeplan2,
.freeplan_light2,
.freetopic2 {
	border-left: 0px;
}

.freelast2,
.freelast_light2,
.beginnerlast2,
.standardlast2,
.standardlast_light2,
.deluxelast2,
.deluxelast_light2,
.platinumlast2,
.platinumlast_light2,
.goldlast_light2 {
	border-bottom: 0px solid #b1b9b9;
}

.tdtopic2,
#tdlast2 {
	background: #f1f0f0;
}

#tdlast2 {
	background: url(img/new/plan_table.jpg) -162px -255px no-repeat;
	border-top: 1px solid #b1b9b9;
}

.tdtopic_light2,
#tdlast_light2 {
	background: #fafafa;
}

#tdlast_light2 {
	background: #fafafa url(img/new/plan_table.jpg) -162px -255px no-repeat;
	border-top: 1px solid #b1b9b9;
}

.freeplan2,
.freelast2 {
	background-color: #dddcdc;
}

.beginnerplan2,
.beginnerplan2 {
	background-color: #dae7c5;
}

.standardplan2,
.standardlast2 {
	background-color: #e8ddbb;
}

.deluxeplan2,
.deluxelast2 {
	background-color: #e8ddbb;
}

.platinumplan2,
.platinumlast2,
#platinumlast2 {
	background-color: #5b5355;
	color: #E0E0E0;
}

.freeplan_light2,
.freelast_light2 {
	background-color: #f3f3f3;
}

.beginnerplan_light2,
.beginnerlast_light2 {
	background-color: #f0ffda;
}

.standardplan_light2,
.standardlast_light2 {
	background-color: #fff4ce;
}

.deluxeplan_light2,
.deluxelast_light2 {
	background-color: #d0faf9;
}

.platinumplan_light2,
.platinumlast_light2 #platinumlast_light2 {
	background-color: #645c5e;
	color: #E0E0E0;
}

#platinumlast2 {
	background: url(img/new/plan_table.jpg) -81px -255px no-repeat;
	border-top: 1px solid #b1b9b9;
}

#platinumlast_light2 {
	background: url(img/new/plan_table.jpg) 0px -255px no-repeat;
	border-top: 1px solid #b1b9b9;
}

.freetopic2 {
	background: #9F6 url(img/new/plan_table.jpg) -482px -286px no-repeat;
}

.beginnertopic2 {
	background: #9CF url(img/plan/plan_table_bg.jpg) -160px 0px no-repeat;
}

.standardtopic2 {
	background: #9CF url(img/plan/plan_table_bg.jpg) -320px 0px no-repeat;
}

.deluxetopic2 {
	background: #69F url(img/plan/plan_table_bg.jpg) -480px 0px no-repeat;
}

.platinumtopic2 {
	background: #CCC url(img/plan/plan_table_bg.jpg) -640px 0px no-repeat;
	color: #E0E0E0;
}


.tdtopic2,
.topicnoborder2 {
	width: auto;
}

.tdpic2 {
	height: 127px;
}

#upconerpic2 {
	background: url(img/new/plan_table.jpg) -410px 0px no-repeat;
}

#freepic2 {
	background: url(img/new/plan_table.jpg) 0px 0px no-repeat;
}

#standardpic2 {
	background: url(img/new/plan_table.jpg) -80px 0px no-repeat;
}

#deluxepic2 {
	background: url(img/new/plan_table.jpg) 0px -127px no-repeat;
}

#platinumpic2 {
	background: url(img/new/plan_table.jpg) -249px -127px no-repeat;
}

#blankpic2 {
	background: url(img/new/plan_table.jpg) -410px -67px no-repeat;
}

.topicnoborder2 {
	border: hidden;
}

#orderfree,
#order99,
#order200,
#order390,
#order770,
#order1150,
#order1500,
#order1890,
#order3000,
#order5500 {
	width: 75px;
	height: 53px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;

}

#orderfree {
	background: url(img/new/plan_table.jpg) -5px -307px no-repeat;
}

#order99,
#order200,
#order390,
#order770 {
	background: url(img/new/plan_table.jpg) -104px -307px no-repeat;
}

#order1150,
#order1500,
#order1890 {
	background: url(img/new/plan_table.jpg) -202px -307px no-repeat;
}

#order3000,
#order5500 {
	background: url(img/new/plan_table.jpg) -314px -307px no-repeat;
}


/********************************************/
.arrow_div {
	position: relative;
	width: 18px;
	height: 46px;
	z-index: 22;
	display: none;
	cursor: pointer;
}

div#num-ranges div.num {
	background-image: url(../../images.old/promotion/number/num-ranges.png);
	float: left;
	top: -50px;
	position: relative;
	width: 28px;
	height: 28px;
	z-index: 22;
	display: show;
	cursor: pointer;
	display: none;
}

#left_div {
	background-image: url(../../images.old/promotion/arrow/left.png);
}

#left_div:hover {
	background-image: url(../../images.old/promotion/arrow/left_over.png);
}

#right_div {
	background-image: url(../../images.old/promotion/arrow/right.png);
}

#right_div:hover {
	background-image: url(../../images.old/promotion/arrow/right_over.png);
}

#promotion_div {
	width: 980px;
	height: 257px;
	z-index: 21;
	overflow: hidden;
	/*    position:relative;*/
}

#pro_slide {
	width: 980px;
	height: 771px;
	margin-top: -257px;
	/*    margin-left: -980px;*/
}

.promotion_img {
	width: 980px;
	height: 257px;
	/*    display: inline;
    float: left;*/
	border: 0;
}

#slide-loading {
	position: absolute;
	border: 1px dotted #000000;
	width: 980px;
	height: 150px;
	z-index: 9999;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	padding-top: 100px;
}

/* -- user -- */
#logo {
	background: url(img/logo.gif) no-repeat;
	height: 60px;
	width: 214px;
	margin-bottom: 8px;
}

#ajax-loading {
	position: fixed;
	left: 0px;
	top: 0px;
	padding: 3px 10px 3px 10px;
	background: #3B5998;
	color: #fff;
	font-weight: bold;
	margin: 0 48%;
	display: none;
}

.hr_shadow {
	background-image: url(img/bg/bg-h2.gif);
	background-repeat: repeat-x;
	height: 17px;
	border: none;
}

FORM.default_theme input[type=text],
FORM.default_theme input[type=password],
FORM.default_theme SELECT {
	border: 1px solid #CCCCCC;
	padding: 3px 3px 3px 4px;
	font-family: Arial, Helvetica, sans-serif;
}

FORM.default_theme label {
	border: none;
	color: #222;
	font-size: 95%;
	font-weight: 700;
	line-height: 150%;
	padding: 0 0 1px;
}

form.default_theme ul {
	font-size: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

form.default_theme li {
	display: block;
	margin: 0;
	padding: 4px 5px 10px 9px;
	position: relative;
}

form.default_theme li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

input.text {
	background: #fff url(../../images/input_bg.gif) repeat-x top;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	color: #333;
	font-size: 100%;
	margin: 0;
	padding: 2px 0;
}

input.file {
	color: #333;
	font-size: 100%;
	margin: 0;
	padding: 2px 0;
}

textarea.textarea {
	background: #fff url(../../images/input_bg.gif) repeat-x top;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	color: #333;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	margin: 0;
	width: 99%;
}

select.select {
	color: #333;
	font-size: 100%;
	margin: 1px 0;
	padding: 1px 0 0;
	background: #fff url(../../images/input_bg.gif) repeat-x top;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
}


input.currency {
	text-align: right;
}

input.checkbox {
	display: block;
	height: 13px;
	line-height: 1.4em;
	margin: 6px 0 0 3px;
	width: 13px;
}

input.radio {
	display: block;
	height: 13px;
	line-height: 1.4em;
	margin: 6px 0 0 3px;
	width: 13px;
}

label.choice {
	color: #444;
	display: block;
	font-size: 100%;
	line-height: 1.4em;
	margin: -1.55em 0 0 25px;
	padding: 4px 0 5px;
	width: 90%;
}

select.select[class] {
	margin: 0;
	padding: 1px 0;
}


/*------------------------- BEGIN  --------------------------------------------*/
.msg_info,
.msg_success,
.msg_warning,
.msg_error,
.msg_validation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.msg_info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('img/msg_icon/info.png');
}

.msg_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('img/msg_icon/success.png');
}

.msg_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('img/msg_icon/warning.png');
}

.msg_error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('img/msg_icon/error.png');
}

/*-------------------------- END  --------------------------------------------*/




.user-layout H3 {
	color: #000;
	font-size: 1.3em;
	text-align: left;
	margin: 1em 0 1em;
	padding: 0 0 .2em;
	border-bottom: 1px solid #CCC;
}

BODY .user-layout {
	color: #000;
}

.user-layout .small {
	font-size: 0.85em;
}

/*--------------------------------------------------lnwbox----------------------------------------------------------*/
.lnwbox-data {
	display: none;
}

#lnwbox {
	width: 99%;
	z-index: 22222;
}

#lnwbox[position=absolute] {
	position: absolute;
}

#lnwbox[position=fixed] {
	position: fixed;
}

#lnwbox.position-absolute {
	position: absolute;
}

#lnwbox.position-fixed {
	position: fixed;
}

#lnwbox #lnwboxBody {
	margin: 0px auto;
	position: relative;
}

#lnwboxBack {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 22221;
}

#lnwbox .box9 {
	margin: 0px auto;
	width: auto;
	height: auto;
	background: #ffffff none;
	padding: 10px 10px 10px 10px;

	border: 1px solid #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);

	position: relative;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#lnwbox .box9 .boxTop .boxLeft,
#lnwbox .box9 .boxTop .boxRight,
#lnwbox .box9 .boxBottom .boxLeft,
#lnwbox .box9 .boxBottom .boxRight {
	/*
	background-image: url(img/lnwbox/simple_corner.png);
	background-repeat: no-repeat;
	*/
}

#lnwbox .box9 .boxTop .boxLeft {
	background-position: left top;
}

#lnwbox .box9 .boxTop .boxRight {
	background-position: right top;
}

#lnwbox .box9 .boxBottom .boxLeft {
	background-position: left bottom;
}

#lnwbox .box9 .boxBottom .boxRight {
	background-position: right bottom;
}

#lnwbox .close {
	background-image: url(../_images/lnwbox/close.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	font-size: 10px;
	color: #999;
	padding-right: 20px;
	min-height: 20px;
	line-height: 20px;
	/*	margin: 20px 0px 0px 0px;*/
	cursor: pointer;
	float: right;
}

#lnwbox .box9 .boxTop .boxCenter,
#lnwbox .box9 .boxBottom .boxCenter {
	/*
	background-image: url(img/lnwbox/simple_center.png);
	background-repeat: repeat-x;
	*/
}

/*
#lnwbox .box9 .boxTop .boxCenter		{	background-position: center top;	height: 40px;	}
#lnwbox .box9 .boxBottom .boxCenter		{	background-position: center bottom;	height: 20px;	}
*/
#lnwbox .box9 .boxMiddle .boxLeft,
#lnwbox .box9 .boxMiddle .boxRight {
	/*
	background-image: url(img/lnwbox/simple_middle.png);
	background-repeat: repeat-y;
	*/
}

/*
#lnwbox .box9 .boxMiddle .boxLeft		{	background-position: left center;	width: 20px;	}
#lnwbox .box9 .boxMiddle .boxRight		{	background-position: right center;	width: 20px;	}
*/
#lnwbox .box9 .boxMiddle .boxCenter {
	background: #ffffff none;
}

#lnwbox .loading {
	background-position: center;
	width: 240px;
	height: 240px;
	background-image: url(img/lnwbox/content-loader.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.payment_form_table,
.table {
	border: 1px solid #D0D0D0;
	font-family: arial, verdana, helvetica, lucida, sans-serif;
	color: black;
}

.payment_form_table tbody tr td,
.table tbody tr td {
	border-color: transparent #E0E0E0 #D0D0D0 transparent;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0;
	empty-cells: show;
	padding: 5px;
}

.inputsubmit {
	background-color: #3B5998;
	border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	font-size: 11px;
	padding: 2px 15px 3px;
	text-align: center;
}

.payment_form_table .inputsubmit {
	padding: 2px 4px 3px;
}

.order_step_container {
	margin: 10px auto 26px;
	width: 700px;
	height: 55px;
}


/*----------Monman Edit--------------*/
/*-----------------Domain Cehecker--------------------*/
/*-------------Gray Box-----------------*/
.domain_box {
	margin: 10px auto 20px;
	width: 970px;
	height: 200px;

	border: 1px solid #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	background: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3, #f9f9f9 15%);
	background: -webkit-gradient(linear, 0 0, 0 15%, from(#f3f3f3), to(#f9f9f9));

	box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);

	position: relative;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.domain_box .domain_box_content {
	width: 940px;
	height: 130px;
	margin: 15px auto;
}

/*-------------Left Input-----------------*/
/*
.domain_box .domain_form{
	float:left;
	width:280px;
	height:130px;
	border-right:1px #ddd solid;
}
.input_check_domain{
	width:200px;
	height:24px;
	background:white;
	border:1px solid #ddd;
	font-weight:bold;
	color:#333;
	text-align:center;

	float:left;
}
.domain_box .domain_button{
	float:left;
}
.domain_box .suggest{
	clear:both;
	line-height:30px;
	color:#888;
	font-size:12px;
	text-align:left;
}
*/

/*-------------Right Check Box-----------------*/
/*
.domain_box .domain_checkbox{
	float:left;
	width:650px;
	height:130px;
	border-left:1px #fff solid;
}
.domain_box .domain_checkbox-table{

}
.domain_box .domain_checkbox-table > tbody > tr > td{
	width:65px;
	vertical-align:middle;
	text-align:left;
	height:30px;
	padding:0px;
	margin:0px;
}
.domain_box .domain_checkbox-table > tbody > .bottom_line > td{
	border-bottom:1px #ddd solid;
}
.domain_box .domain_checkbox-table > tbody > .top_line > td{
	border-top:1px #fff solid;
}
.domain_box .domain_checkbox-table > tbody > tr > .icon_flag{
	width:60px;
	line-height: 15px;
	vertical-align: middle;
	border:none;
}
*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*--------------------------------New css---------------------------------*/
* {
	font-family: arial, sans-serif;
}

BODY {
	background: #fbfbff;
	color: #666;
	font-size: 0.9em;
	font-family: arial, sans-serif;
	margin: 0px;
}

form,
input {
	margin: 0px;
	padding: 0px;
}

div,
input {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3 {
	margin: 0;
}

a {
	color: #007bff;
	text-decoration: none;
}

a:hover {
	color: #2494ff;
	cursor: pointer;
}

input[type="submit"] {
	-webkit-appearance: none;
	border: none;
}

/*-------button-------*/
.submit-button,
.button_blue,
.button_red,
.button_orange,
.button_stroke {
	padding: 10px 30px;
	display: inline-block;
	margin-top: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
}

.button_stroke {
	border: 1px solid #007bff;
	background-color: white;
}

.button_stroke.small,
.button_blue.small,
.button_red.small,
.button_orange.small {
	padding: 8px 25px;
}

.button_stroke:hover {
	border-color: #2494ff;
}

.submit-button,
.button_blue {
	border: 0px;
	background-color: #007bff;
	color: white;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 14px;
	cursor: pointer;
}
#id_summary_form p {
	text-align: left;
}
[name="order_form"] .submit-button {
	margin-bottom: 100px;
}
#id_summary_form .submit-button {
	font-size: 18px;
	padding: 15px 40px;
	margin-bottom: 100px;
}

.button_red {
	border: 0px;
	background-color: #fe5a5a;
	color: white;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 14px;
	cursor: pointer;
}

.button_orange {
	border: 0px;
	background-color: #feba5a;
	color: white;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 14px;
	cursor: pointer;
}

.submit-button:hover,
.button_blue:hover {
	background-color: #3a9fff;
	color: white;
}

.button_red:hover {
	background-color: #ff3a3a;
	color: white;
}

.button_orange:hover {
	background-color: #ffa03a;
	color: white;
}

.button-contrast {
	border: 0px;
	background-color: #5aaefe;
	color: white;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 14px;
	cursor: pointer;
	line-height: normal;
	padding: 6px 10px 10px;
	display: inline-block;
}

.sound_bumb_delay {
	-webkit-animation: sound_bump_delay 10s ease infinite;
	animation: sound_bump_delay 10s ease infinite;
}

@keyframes sound_bump_delay {
	0% {
		box-shadow: 0px 0px 0px 0px rgba(255, 140, 0, 0.5)
	}

	20% {
		box-shadow: 0px 0px 10px 20px rgba(255, 140, 0, 0)
	}

	100% {
		box-shadow: 0px 0px 10px 20px rgba(255, 140, 0, 0)
	}
}

@-webkit-keyframes sound_bump_delay {
	0% {
		box-shadow: 0px 0px 0px 0px rgba(255, 140, 0, 0.5)
	}

	20% {
		box-shadow: 0px 0px 10px 20px rgba(255, 140, 0, 0)
	}

	100% {
		box-shadow: 0px 0px 10px 20px rgba(255, 140, 0, 0)
	}
}

/*-------container-------*/
.pcontainer {
	width: 100%;
}

.pcontainer .wrapper {
	max-width: 1140px;
	margin: auto;
	text-align: center;
}

#id_content .pcontainer .wrapper {
	text-align: left;
}

.pcontainer .wrapper .andmore {
	margin-top: 15px;
}

.pcontainer .wrapper .login_container {
	max-width: 400px;
	margin: 0px auto;
}

.content_container {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

/*-------bg-------*/
.bg_lightblue {
	background-color: #f2f7fc;
}

.bg_darkblue {
	background: #1f72bf;
	background: -moz-linear-gradient(left top, #2792de 0%, #1f72bf 100%);
	background: -webkit-linear-gradient(left top, #2792de 0%, #1f72bf 100%);
	background: linear-gradient(to bottom right, #2792de 0%, #1f72bf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#1f72bf', GradientType=1);
}

/*---------------Content---------------*/
#id_content {
	width: 100%;
	margin: 0 auto;
}

.subheader {
	width: 100%;

	background-size: cover;
	background-position: center center;
	height: 200px;
	display: flex;
	justify-content: center;
}

.subheader .text {
	font-family: 'Sukhumvit Set', 'Kanit';
	align-self: center;
	padding: 1.2rem 2.0rem;
	border: 2px solid #fff;
	font-size: 2.0rem;
	color: #fff;
	line-height: 2.0rem;
	font-weight: normal;
	font-weight: 200;
}
.subheader.subheader-2020{
	height: 160px;
}
.subheader.subheader-2020 .text{
	margin-top: 40px;
}
@media (min-width: 750px){
	.subheader.subheader-2020{
		height: 260px;
	}
}

.pagetitle,
h1,
h2,
h2.title {
	color: #1f72bf;
	font-size: 1.8rem;
	font-family: 'Sukhumvit Set', 'Kanit';
	font-weight: 400;
	text-align: center;
	padding: 10px 0 30px;
}

h1,
h2 {
	padding-top: 40px;
}

h2.title .lightgray {
	color: #666;
	font-family: 'Sukhumvit Set', 'Kanit';
	font-weight: 200;
	font-size: 1.5rem;
	display: block;
}

h3.title {
	color: #1f72bf;
	font-size: 1.5rem;
	font-family: 'Sukhumvit Set', 'Kanit';
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
}

h3.title.line {
	border-bottom: 2px solid #1f72bf;
}

h3.title.left {
	text-align: left;
}

h1 > *,
h2 > *,
h3 > * {
	font-family: 'Sukhumvit Set', 'Kanit';
}

/*--------------------*Nav*--------------------*/

#nav {

	position: relative;
	z-index: 999;
}

.nav-container {
	background-color: #1f72bf;
	/*z-index: 1;*/
	position: relative;
}

.nav-container .navigation {
	list-style: none;
	margin: 0;
	padding: 0;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
}

.nav-container .navigation > li {
	/*    border-left:#1962a6 solid 1px;*/
	text-align: center;
	color: white;
	position: relative;
	flex: 1;
}

/*
.nav-container .navigation > li:first-child{
    border-left:none;
}
*/
.nav-container .navigation a {
	text-decoration: none;
	display: block;
	padding: 1em 0.5em;
	font-size: 16px;
	line-height: normal;
	/*    font-family: 'Sukhumvit Set','Kanit';*/
	color: white;
	white-space: nowrap;
}

.nav-container .navigation > li a:hover {
	background-color: #1962a6;
}

.nav-container .burger,
.nav-container .contact {
	display: none;
}

/*------- Sub -------*/
.nav-container .navigation ul {
	list-style: none;
	padding: 0;
	display: none;
	/*	border-bottom: 3px solid #1f72bf;*/
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
}

.nav-container .navigation li:hover ul {
	display: block;
	position: absolute;
	min-width: 160px;
	z-index: 3;
}

.nav-container .navigation li ul li {
	background-color: #1962a6;
	white-space: nowrap;
}

.nav-container .navigation li:last-child ul {
	right: 0;
}

.nav-container .navigation li ul li a {
	padding: 1em 1.5em;
	text-align: left;
}

.nav-container .navigation li ul li a:hover {
	background-color: #155693;
}

/*--------------------*End Nav*--------------------*/
/*--------------------*Promo banner*--------------------*/
.promo-container {
	background-position: center center;
	height: 300px;
	position: relative;
}

.promo-container.wss img,
.promo-container.domainth img,
.promo-container.wordpress img{
	margin: auto;
}

.promo-container.edu h2,
.promo-container.domain h2,
.promo-container.vps h2,
.promo-container.aff h2 {
	max-width: 990px;
	margin: auto;
}

.slick-dots {
	bottom: -40px;
}

.slick-dots li {
	background-color: #ccc;
	width: 32px;
	height: 5px;
	margin: 0 4px;
}

.slick-dots li.slick-active {
	background-color: #155693;
}

/*--------------------*Header*--------------------*/
.header-container {
	padding: 1em 1em;
}

.header-container .wrapper {
	display: flex;
	justify-content: space-between;
}

.header-container .logo-zone a {
	display: block;
	padding-top: 12px;
}

/*
.header-container .logo-zone{
    float: left;
}
.header-container .member-zone{
    float:right;
}
*/
.g-login,
.pat-login {
	float: right;
}

.g-login {
	width: auto;
	margin-left: 16px;
	/*    margin-top:8px;*/
}

#userLogin .button-gray {
	flex: 1;
}

#userLogin,
#gAccountLogin {
	background-color: #f8f8f8;
	border: 1px solid #f2f2f2;
	padding: 10px 12px;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 60px;
	align-items: center;
	border-radius: 3px;
}

/*
#gAccountLogin img {
	-webkit-filter: grayscale(0.25);
	filter: grayscale(0.25);
	opacity: 0.2;
}
#gAccountLogin img:hover {
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}
*/
#userLogin input[type=text],
#userLogin input[type=password],
#userLogin input[type=submit],
.button-gray {
	border: 1px solid #ddd;
	font-size: 1em;
	line-height: 2.5em;
	padding: 0 0.5em;
}

#userLogin input[type=text],
#userLogin input[type=password] {
	width: 130px;
}

#userLogin input[type=submit] {
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 0 1em;
	color: #777;
}

#userLogin input[type=submit]:active {
	background-color: #d9d9d9;
}

#userLogin input[type=text]::placeholder,
#userLogin input[type=password]::placeholder {
	color: #aaa;
}

#id_cart_shortcut {
	padding-top: 5px;
	white-space: nowrap;
}

.logged-in-menu {
	float: right;
	color: #eee;
}

.logged-in-menu a,
.logged-in-menu input {
	display: inline-block;
	line-height: 25px;
}

.button-gray {
	padding: 10px;
	background: #eee;
}

.logout-button {
	color: #5aaefe;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}

.forgotpass {
	color: #999;
}

.header-mobile-button {
	cursor: pointer;
	display: none;
}

/*--------------Sub navi---------------*/
.subnav-container {
	position: relative;
	background-color: #1962a6;
}

.subnav-container-mobile {
	display: none;
}

.subnav-container .subnavi {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
}

.subnav-container .subnavi li {
	text-align: center;
	position: relative;
}

.subnav-container .subnavi li a {
	color: white;
	display: block;
	padding: 1.2em 1.4em;
	text-align: center;
	height: 100%;
	box-sizing: border-box;
}

[uri_string^="/support"] .subnav-container .subnavi li a {
	padding-left: 1em;
	padding-right: 1em;
}

.subnav-container .subnavi li a:hover {
	background-color: #155693;
}

#nav li a.curr {
	position: relative;
}

#nav li a.curr::after,
.subnav-container li a.current::after {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	background-color: #5aaefe;
}

[uri_string^="/order/form"] .subheader,
[uri_string^="/order/review"] .subheader,
[uri_string^="/order/form"] .subnav-container,
[uri_string^="/order/review"] .subnav-container {
	display: none;
}

[uri_string^="/order/form"] h1,
[uri_string^="/order/review"] h1 {
	font-size: 20px;
	padding: 1.5em 0 1em;
	margin: 0px;
}

form[name="order_form"] {
	text-align: center;
	display: block;
}

form[name="order_form"] > ul {
	padding-bottom: 40px;
	display: inline-block;
	margin: 0px auto;
	text-align: left;
	width: auto;
}

form[name="order_form"] table {
	text-align: left;
}

#display_order_info td {
	padding: 7px 15px;
}

#display_order_info td:first-child b {
	font-weight: normal;
	color: #999;
}

#display_order_info td:nth-child(2) {
	color: black;
}

.flexCenter {
	max-width: 760px;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

/*---------- Domain Checker ----------*/
.pcontainer.block {
	padding: 40px 0;
}

.domain_form {
	margin: 0 auto;
	display: block;
	text-align: center;
}

.domain_form .input_check_domain {
	height: 45px;
	border: solid #ccc 1px;
	border-right: none;
	display: inline-block;
	width: 50%;
	min-width: 250px;
	padding: 0 20px;
	vertical-align: middle;
	font-size: 14px;
}

[uri_string="/domain/check"] .domain_form .input_check_domain {
	width: 56%;
	max-width: 510px;
}

.domain_form .domain_button {
	height: 45px;
	line-height: 45px;
	background-color: #5aaefe;
	color: white;
	display: inline-block;
	min-width: 50px;
	vertical-align: middle;
	position: relative;
	left: -5px;
	padding: 0 5%;
	font-size: 14px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.domain_form .domain_button:hover {
	background-color: #3a9fff;
}

table.domain_checkbox {
	max-width: 650px;
}

.domain_checkbox {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	max-width: 650px;
	margin: 20px auto 30px;
	padding-left: 1%;
}

.domain_checkbox td,
.domain_checkbox div {
	min-width: 80px;
	height: 32px;
	font-size: 17px;
	text-align: left;
}

.domain_checkbox td {
	font-size: 13px;
	padding: 5px 10px;
}

.domain_checkbox input {
	margin-right: 3px;
}

/*---------- column col ----------*/

.row-content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.row-content .col-3 {
	background-color: white;
	padding: 15px;
	width: 32%;
	margin: 10px;
	text-align: center;
	min-width: 220px;
	flex: 1;
}

.pcontainer.whychooseus {
	padding-top: 80px;
}

.whychooseus .row-content .col-3 {
	min-width: 270px;
}

.row-content .col-3 img {
	max-width: 80%;
	margin-bottom: 5px;
}

.row-content .col-3 .option-title {
	color: #1f72bf;
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-weight: 400;
	font-family: 'Sukhumvit Set', 'Kanit';
	text-align: center;
	margin-bottom: 10px;
}

.row-content .col-3 .detail {
	color: #666;
	margin: 10px 0;
	padding: 0 10%;
}

.row-content .col-3 .button_stroke {
	margin-bottom: 10px;
}

.pcontainer.whychooseus .col-3 .detail {
	padding: 0 5%;
}

.row-content.hostingplan {
	flex-wrap: wrap;
}

.row-content .col-4 .plan-option,
.row-content .col-4 .price,
.row-content .col-4 .desc,
.row-content .col-4 .button_blue {
	font-family: 'Sukhumvit Set', 'Kanit';
}

.row-content .col-4 {
	background-color: white;
	padding: 20px;
	width: 24%;
	min-width: 200px;
	margin: 5px 5px 40px 5px;
	text-align: center;
	font-size: 16px;
	flex: 1;
	position: relative;
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15);
	position: relative;
	z-index: 2;
}

.row-content .col-2 {
	width: 48%;
	/*    min-width:400px;*/
	margin: 5px 5px 20px 5px;
}

.row-content.hostingplan .plan-option {
	display: block;
	color: #1F72BF;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	line-height: 35px;
	margin-bottom: 10px;
}

.row-content.hostingplan .desc {
	padding-bottom: 20px;
	border-bottom: #1f72bf solid 2px;
}

.row-content.hostingplan .col-4 .detail {
	color: #999;
	text-align: left;
}

.row-content.hostingplan .col-4 .detail .row {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.row-content.hostingplan .col-4 .desc {
	display: block;
	margin-bottom: 20px;
	text-align: left;
	color: #999;
	font-size: 13px;
}

.row-content.hostingplan .col-4 .detail .leftcol,
.row-content.hostingplan .col-4 .detail .rightcol {
	margin-bottom: 5px;
}

.row-content.hostingplan .col-4 .detail .leftcol {
	min-width: 70px;
}

.row-content.hostingplan .col-4 .detail .rightcol {
	color: #5aaefe;
	font-weight: bold;
}

.row-content.hostingplan .price {
	color: black;
	font-weight: bold;
	font-size: 20px;
	margin-top: 25px;
}

.row-content.hostingplan .price,
.row-content.hostingplan .vat {
	display: block;
	text-align: left;
	font-size: 14px;
}

.row-content.hostingplan .price span {
	font-size: 36px;
	line-height: 30px;
}

.row-content.hostingplan .vat {
	color: #ccc;
}

.row-content.hostingplan .button_blue {
	width: 100%;
	margin-top: 15px;
}

@media all and (max-width:760px) {
	.row-content .col-3 .detail {
		padding: 0 3%;
	}
}

.plan-badge {
	color: white;
	line-height: 30px;
	background: #fe5a5a;
	position: absolute;
	right: 8%;
	top: -22px;
	padding: 0px 20px;
	font-size: 13px;
}

.plan-badge:after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -16px;
	left: 5px;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fe5a5a;
}

.plan-badge-2 {
	color: white;
	line-height: 30px;
	background: #73dfef;
	position: absolute;
	right: calc(8% + 92px);
	top: -22px;
	padding: 0px 20px;
	font-size: 13px;
}

.plan-badge-2:after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -16px;
	left: 5px;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #73dfef;
}

.row-content.hostingplan .plan-beginner .plan-option {
	color: #bf8955;
}
.row-content.hostingplan .plan-beginner .desc {
	border-bottom-color: #bf8955;
}

.row-content.hostingplan .plan-beginner .detail .rightcol {
	color: #efb475;
}

.row-content.hostingplan .plan-standard .plan-option {
	color: #4893a3;
}
.row-content.hostingplan .plan-standard .desc{
	border-bottom-color: #4893a3;
}

.row-content.hostingplan .plan-standard .detail .rightcol {
	color: #26bcba;
}

.row-content.hostingplan .plan-deluxe .plan-option {
	color: #1f72bf;
}
.row-content.hostingplan .plan-deluxe .desc {
	border-bottom-color: #1f72bf;
}

.row-content.hostingplan .plan-deluxe .detail .rightcol {
	color: #5aaefe;
}

.row-content.hostingplan .plan-platinum .plan-option {
	color: #6a86b0;
}
.row-content.hostingplan .plan-platinum .desc {
	border-bottom-color: #6a86b0;
}

.row-content.hostingplan .plan-platinum .detail .rightcol {
	color: #84add0;
}

.aboutpat {
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	text-align: left;
	font-size: 15px;
	line-height: 1.5em;
}

.aboutpat div:first-child {
	flex: 1 1 60%;
	padding: 10px 0;
	min-width: 300px;
}

.aboutpat div:first-child p {
	max-width: 95%;
}

.aboutpat div:last-child {
	flex: 1 1 40%;
	padding: 10px 3%;
	background: white;
}

/*-------------Contact-------------*/
.row-content.contactpart {
	color: white;
	display: flex;
	justify-content: space-between;
	padding: 30px 15px 15px;
}

.row-content .row-contact-1 {
	flex: 1;
	min-width: 290px;
	padding-left: 10px;
}

.row-content .row-contact-2 {
	flex: 3;
}

.row-content .row-contact-2 .contact-container {
	display: flex;
	flex-wrap: wrap;
}

.row-content.contactpart .contact-2,
.row-content.contactpart .contact-3,
.row-content.contactpart .contact-4 {
	padding-right: 10px;
}

.row-content.contactpart .contact-1 span {
	display: block;
	font-family: 'Kanit';
	text-align: left;
	font-size: 18px;
	font-weight: 200;
}

.row-content.contactpart .contact-1 .line-1 {
	font-size: 26px;
	font-weight: 400;
}

.row-content.contactpart .contact-1 .line-2 {
	margin-bottom: 10px;
}

.row-content.contactpart .contactcol {
	display: flex;
	margin-bottom: 15px;
	min-width: 160px;
}

.row-content.statpart .contactcol {
	min-width: 200px;
}

.row-content.contactpart .contactcol img,
.row-content.contactpart .contactcol span {
	font-family: helvatica, arial;
	align-self: center;
	font-size: 18px;
	font-weight: bold;
}

.row-content.contactpart .contact-2 span {
	padding-left: 5px;
}

.row-content.contactpart.statpart .contact-1 .line-1 {
	font-size: 18px;
	font-weight: 200;
}

.row-content.contactpart.statpart .contact-1 .line-2 {
	font-size: 26px;
	font-weight: 400;
	margin-top: -5px;
	margin-bottom: 0px;
}

.row-content.contactpart.statpart .contactcol div {
	font-family: helvatica, arial;
	padding-left: 15px;
	align-self: center;
}

.row-content.contactpart.statpart .contactcol div span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-align: left;
}

.row-content.contactpart.statpart .contactcol span.num {
	font-size: 26px;
	font-weight: bold;
}

/*-------------stat-------------*/

/*------------- Support -------------*/

.support-content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.support-content .contact_channels {
	padding: 15px;
	text-align: left;
	flex: 1 0 600px;
}

.support-content .receipt {
	flex: 1 0 300px;
	padding: 10px 15px;
	text-align: left;
}

.support-content .receipt ol {
	list-style: none;
	padding-left: 0px;
}

.support-content .receipt ol li {
	margin-bottom: 10px;
	line-height: 24px;
}

.support-content .contact_channel {
	margin-bottom: 30px;
}

.warningbox {
	background-color: #FBFCCD;
	border: 1px solid #f7c32b;
	padding: 20px;
	width: 100%;
}

#id_contact_form .contact_form {
	width: 100%;
}

#id_contact_form .contact_form td {
	padding: 5px 0;
}

#id_contact_form .contact_form .tdLeft {
	width: 150px;
}

#id_contact_form .contact_form td input[type=text] {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border: 1px #ddd solid;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 1.2em;
	padding: 0 5px;
}

#id_contact_form .contact_form td textarea {
	width: 100%;
	font-size: 1.2em;
	padding: 3px 5px;
	border: 1px #ddd solid;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#id_contact_form .contact_form td input[type=submit] {
	margin-top: 0;
}

.footer_menu_new_container {
	background: #333;
}

.footer_menu_new_container .wrapper {
	padding-top: 30px;
	text-align: left;
}

.footer_menu_new_container .flexLR {
	text-align: left;
	display: flex;
	flex-direction: row-reverse;
}

.footer_menu_new_container .flexLR .pat_about_pane {
	color: #ccc;
	line-height: 22px;
	flex: 1 0;
	min-width: 300px;
	padding-bottom: 30px;
}

.footer_menu_new_container .maps_center a:after {
	margin-left: 5px;
	font-size: 11px;
	content: '::';
	display: inline-block;
	position: relative;
	top: -1px;
}

.footer_menu_new_container img {
	display: none;
}

.footer_menu_new {
	background: #333;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.footer_menu_new a {}

.footer_menu_new > li {
	margin-bottom: 20px;
}

.footer_menu_new > li > a {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	color: white;
}

.footer_menu_new li.left {
	display: none;
}

.footer_menu_new,
.footer_menu_new ul {
	list-style: none;
	padding-left: 0px;
}

.footer_menu_new li {
	flex: 0 0 25%;
	white-space: nowrap;
	padding-right: 0px;
	list-style: none;
}


.slick-next,
.slick-prev {
	display: none !important;
}

.facebookButton,
.twitterButton {
	background: white url('../_images/facebook_tiny_icon.png') no-repeat center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-right: 10px;
	display: inline-block;
}

.twitterButton {
	background-image: url('../_images/twitter_tiny_icon.png');
}

#idDomainCheckResult {
	display: flex;
	min-width: 540px;
	min-height: 100px;
	align-items: center;
}

#idDomainCheckResult table {
	border-spacing: 5px 10px;
}

#idDomainCheckResult td {
	line-height: 30px;
	border-radius: 10px;
	background: #f3f7ff;
	margin-bottom: 6px;
}

#idDomainCheckResult td:after {
	display: block;
	content: '';
	clear: both;
	position: relative;
}

#idDomainCheckResult td a {
	display: inline-block;
}

#idDomainCheckResult table::before {
	display: inline-block;
	content: 'รายชื่อโดเมนตามสกุลที่คุณเลือก';
	margin-bottom: 5px;
	color: #1f72bf;
}

#idDomainCheckResult table::after {
	display: inline-block;
	font-size: 12px;
	margin-top: 5px;
	color: #aaa;
	content: 'ว่าง หมายถึง โดเมนนี้ยังไม่มีผู้ถือครอง คุณสามารถจดชื่อนั้นได้ \A ไม่ว่าง หมายถึง โดเมนนี้มีผู้ถือครองแล้ว ไม่สามารถจดซ้ำได้นะคะ';
	white-space: pre;
}

.forget_form {
	max-width: 320px;
	margin: 0px auto;
}

.forget_form,
.login_pane,
#register_form #left_column {
	margin: 15px auto 80px;
	padding: 10px 30px 30px;
	background: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	text-align: left;
}

.forget_form .ui-corner-all {
	background: transparent !important;
	padding: 0px !important;
	color: #333 !important;
}

#id_content FORM#register_form TD#left_column DIV.ui-corner-all {
	background: transparent;
	padding: 0px;
	color: #333;
}

.login_pane label {
	display: block;
	color: #333;
	line-height: 24px;
	text-indent: 2px;
	position: relative;
	margin-top: 15px;
}

.forget_form {
	padding-top: 20px;
}

.forget_form div {
	font-size: 16px !important;
}

.forget_form table {
	width: 100%;
}

.forget_form input,
.login_pane label input,
#register_form #left_column input,
#register_form #left_column textarea {
	width: 100% !important;
	box-sizing: border-box;
	height: 40px;
	border: none;
	padding: 5px 10px !important;
	background: #fff;
	color: #666;
	font-size: 16px;
	margin: 10px 0px 0px !important;
	border: 2px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.forget_form input[type="checkbox"],
.login_pane label input[type="checkbox"],
#register_form #left_column input[type="checkbox"] {
	width: auto !important;
}

#register_form #left_column #accept_term_container {
	margin-top: 0px;
}

.login_pane label span {
	line-height: 30px;
}

.login_pane .login_pass a {
	text-align: right;
	display: block;
	padding: 5px 0px;
}

.login_pane label .pe-7s-mail,
.login_pane label .pe-7s-key {
	position: absolute;
	top: 40px;
	right: 20px;
	z-index: 2;
	font-size: 24px;
}

.login_pane label .pe-7s-mail {
	right: 13px;
}

#register_form .right_column .ui-corner-all {
	border-color: #dfe4ef !important;
	padding: 10px 4% !important;
}

.forget_form input.inputsubmit,
#register_form #left_column input.submit-button,
.login_pane .submit-button {
	width: 100%;
	font-size: 16px;
	background: #5aaefe;
	border-radius: 4px;
}

.forget_form input.inputsubmit,
#register_form #left_column input.submit-button {
	border: none;
	color: white;
}

.login_pane .login_regis,
.login_pane .gOAuth2BtnArea {
	display: flex;
	margin-top: 15px;
	border-top: 1px solid #ddd;
	padding-top: 15px;
	align-items: center;
	justify-content: space-between;
}

[uri_string="/login/do_login"] .subheader,
[uri_string="/login"] .subheader,
[uri_string="/forget_password"] .subheader,
[uri_string="/login/do_login"] .subnav-container,
[uri_string="/login"] .subnav-container,
[uri_string="/forget_password"] .subnav-container {
	display: none;
}

[uri_string="/login/do_login"] h1,
[uri_string="/login"] h1 {
	padding-bottom: 20px;
}

[uri_string="/register"] h1 {
	padding: 0px;
}

#id_content {
}
#id_content .lt,
#id_content .t,
#id_content .rt,
#id_content .l,
#id_content .r,
#id_content .lb,
#id_content .b,
#id_content .rb{
	background-image: none;
}

#id_content[uri_string="/hosting/detail"] .wrapper {
	max-width: 100%;
}

#id_content[uri_string="/hosting/detail"] .subnav-container .wrapper {
	max-width: 960px;
}

[uri_string="/domain/price"] table {
	width: 100% !important;
}

[uri_string="/domain/price"] table.new_domain_name td:first-child {
	padding: 0;
}

[uri_string="/domain/price"] table td:first-child {
	padding-left: 15px;
	padding-right: 15px;
}

.slick-slider .slick-list {
	overflow: hidden;
}

.slick-slider .slick-list h2 {
	padding: 0;
}

.domain_checkbox span {
	float: right;
}

.nav-container li.li_order a {}

.nav-container li.li_order a:after {
	display: inline-block;
	content: 'BUY';
	font-size: 8px;
	width: auto;
	padding: 0px 6px;
	height: 12px;
	border-radius: 12px;
	line-height: 14px;
	background: darkorange;
	float: right;
	margin-top: 6px;
}

.subnav-container li.li_order a:after {
	display: none;
}

.subnav-container li.li_order a {
	border: 1px solid white;
	padding: 0.6em 1em;
	margin: 0.4em 10%;
	border-radius: 20px;
}

.subnav-container-mobile li.subnav-close {
	background: rgba(0, 0, 0, 0.1);
}

.relate-topic {
	max-width: 960px;
	line-height: 40px;
	max-width: 320px;
	text-align: center;
	margin: 0px auto 30px;
}

.relate-topic img {
	vertical-align: middle;
}

.relate-topic a {
	color: darkorange;
	display: inline-block;
	width: 100%;
}

.relate-topic a:hover {
	background: #eee;
}

.buy_button {
	margin-bottom: 30px;
	width: 100%;
	max-width: 320px;
}

table.reseller_table td {
	padding: 10px 20px;
}

.overflowX {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.desk_float {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	min-width: 20%;
}

.newOLUL {
	padding: 20px 0 0 20px;
	margin: 0;
}

.newOLUL b {
	display: block;
	font-size: 16px;
	color: darkorange;
}

.newOLUL li {
	margin: 10px 0px 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.new_domain_name td {
	line-height: 24px;
	vertical-align: top;
}

.thead td {
	line-height: 32px;
	font-family: 'Sukhumvit Set', 'Kanit';
}

/*---------------------------------Payment-----------------------------------*/
/*------------Payment------------*/
.bankTable {
	max-width: 1600px;
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	table-layout: fixed;
	text-align: center;
}

.bankTable .tbheader td,
.bankTable td {
	font-family: 'Sukhumvit Set', 'Kanit';
	padding: 15px 20px;
}

.bankTable .tbheader td:last-child {
	width: 25%;
}

.bankTable .tbheader td {
	background-color: #1962a6;
	color: white;
	font-weight: bold;
	font-family: 'Sukhumvit Set', 'Kanit';
}

.bankTable tr.even {
	background-color: #fafafa;
}

.bankTable td:first-child {
	text-align: left;
}

.bankTable td img {
	padding-right: 10px;
}

.other_service_container {
	display: flex;
	flex-wrap: wrap;
}

.other_service_box {
	flex: 1 0 50%;
	min-width: 300px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 15px 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.other_service_img {
	max-width: 100%;
	overflow: hidden;
}

.other_service_img {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.other_service_img.service_vps {
	background-image: url('../_images/service/service_vps.jpg');
}

.other_service_img.service_webserver {

	background-image: url('../_images/service/service_webserver.jpg');
}

.other_service_img.service_colocation {

	background-image: url('../_images/service/service_colocation.jpg');
}

.other_service_img.service_ssl {

	background-image: url('../_images/service/service_ssl.jpg');
}

.other_service_header h3 {
	margin: 10px 0px 5px;
}

.order_box6_container {
	display: flex;
	max-width: 1240px;
	width: 100%;
	margin: 0px auto;
	flex-wrap: wrap;
}

.order_box6 {
	flex: 1 1 30%;
	padding: 10px 13px;
	text-align: center;
	margin-bottom: 40px;
}

.order_box6 .order-type {
	color: #1f72bf;
	font-size: 1rem;
	font-family: 'Sukhumvit Set', 'Kanit';
	font-weight: 400;
	margin: 10px 0;
}

.order_box6 .order-desc {
	text-align: left;
}

.order_box6 .order-btn {
	padding: 0;
	width: 100%;
	margin: 0px auto 10px;
	box-sizing: border-box;
	text-align: center;
}

.order_box6 .order-btn a {
	color: white;
	font-size: 13px;
	display: block;
	padding: 10px 15px 10px 10px;
}

THEAD TR TH.payment_notice {
	padding: 20px 20px 10px 5px;
	/*	background: #053373;*/
	background: white;
	text-align: left;
	color: #053373;
	border: 0;
}

/* BANK TABLE */

.payment_notice {
	margin-bottom: 5px;
}

.bank_table THEAD TH {
	text-align: center;
	background-color: #084dae;
	color: #fff;
}

.bank_table TBODY TR:hover {
	background-color: #f0f0f0 !important;
}

.bank_table TBODY TR.active {
	background-color: #cfc !important;
}

.bank_table TBODY TD {
	cursor: pointer;
	border: 1px solid transparent;
}
.bank_table.completepage{
	margin: 20px auto 40px;
}

/* PAYMENT INFO */

TABLE.payment_table TD.left {
	font-weight: bold;
}

TABLE.payment_table TD {
	background-color: #f5f5f5;
}

TABLE.payment_table {
	/*	border: 1px solid #e0e0e0;*/
}


/* order_table */

TABLE.order_table TBODY TR TD {
	border-bottom: 1px solid #000;
}

TABLE.order_table TBODY TR TD OL {
	margin: 0px 0;
	padding: 0px 0;
	margin-left: 25px;
}

.remark_table {
	width: 100%;
	max-width: 100%;
}

ul.tabs .tab-link {
	padding: 10px 15px;
}

ul.tabs li {
	border: 1px solid #ccc !important;
	margin-top: -1px;
	margin-left: -1px;
	border-right: 2px;
}

ul.tabs li.current {
	border: 2px solid #1f72bf !important;
	position: relative;
	z-index: 2;
	box-shadow: 0px 0px 4px #1f72bf;
}

#ssl_detail {
	margin: 10px 0;
	padding: 0px 10px 0px 15px;
	border: none;
	border-left: 1px solid #eee;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

#ssl_detail select {
	width: 100%;
	overflow: hidden;
}

/* LnwThailandAddress */
.row-contact-options {
	background-color: #fff4d5;
	border-bottom: 1px solid #ff8100;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-topright: 1em;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	margin-right: 20px;
	float: right;
	clear: both;
}

.row-contact-options label {
	font-size: 80%;
	float: right;
	clear: right;
	font-size: 0.8em;
	cursor: pointer;
	color: #00a2de;
	text-decoration: underline;
}

.row-contact-options select {
	color: #666;
}

/* order complete */
.summary_container{

}

@media screen and (min-width: 1280px) {

	.md-mt-1 {
		margin-top: 1em;
	}

	.md-mt-2 {
		margin-top: 2em;
	}

	.md-mt-3 {
		margin-top: 3em;
	}

	.order_box6 {
		flex: 1 1 16%;
	}

	.order_box6 .order-desc {
		font-size: 13px;
		line-height: 22px;
	}
}

@media screen and (max-width: 760px) {

	.sm-mt-1 {
		margin-top: 1em;
	}

	.sm-mt-2 {
		margin-top: 2em;
	}

	.sm-mt-3 {
		margin-top: 3em;
	}

	h1 {
		padding-top: 1em;
	}

	h2.title {
		font-size: 1.7em;
	}

	h2.title .lightgray {
		font-size: 1rem;
	}

	.header-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.header-container .wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.subheader {
		height: 100px;
	}

	.subheader .text {
		font-size: 1.4rem;
		padding: .4rem 1.0rem;
	}

	.aboutpat div:last-child {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.width100 {
		width: 100%;
	}

	.width80 {
		width: 80%;
	}

	.shortcut_tab {
		display: none;
	}

	.pcontainer .wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.nav-container .wrapper {
		/*		text-align: left;*/
		padding-left: 0px;
		padding-right: 0px;
	}

	.subnav-container .subnavi,
	.nav-container .navigation {
		padding-right: 60px;
	}

	.footer_menu_new li {
		flex-grow: 1;
		min-width: 150px;
	}

	.footer_menu_new_container .flexLR {
		flex-wrap: wrap-reverse;
	}

	.footer_menu_new_container .flexLR .pat_footer_menu {
		width: 100%;
	}

	.domain_checkbox,
	table.domain_checkbox {
		width: 100%;
		padding-left: 0;
	}

	.domain_checkbox td,
	.domain_checkbox div {
		min-width: 80px;
		text-align: left;
		padding: 5px;
	}

	.domain_checkbox input {
		display: inline-block;
		;
		text-align: left;
		margin: 5px 0px;
	}

	.domain_checkbox span {
		display: block !important;
		float: none;
	}

	table.domain_checkbox td,
	table.domain_checkbox div {
		min-width: 0;
		text-align: center;
		padding: 5px;
	}

	table.domain_checkbox input {
		display: block;
		text-align: center;
		margin: 5px auto 0px;
	}

	table.domain_checkbox span {
		display: block !important;
		float: none;
	}

	.relate-topic {
		text-align: left;
	}

	.pcontainer .wrapper .overflowX {
		margin-right: -20px;
	}

	#idDomainCheckResult {
		display: flex;
		min-width: 0;
		width: 100%;
	}

	.desk_float {
		float: none;
		text-align: center;
	}

	.nav-container::after,
	.subnav-container .wrapper::after {
		width: 15%;
		height: 47px;
		position: absolute;
		top: 0;
		right: 0;
		content: '';
		display: block;
		z-index: 9999;
		background: linear-gradient(to right, rgba(31, 114, 191, 0) 0%, rgba(31, 114, 191, 1) 90%);
		-webkit-user-select: none;
		/* Safari 3.1+ */
		-moz-user-select: none;
		/* Firefox 2+ */
		-ms-user-select: none;
		/* IE 10+ */
		user-select: none;
		/* Standard syntax */
	}

	.subnav-container .wrapper::after {
		height: 100%;
	}

	.nav-container .navigation,
	.subnav-container .subnavi {
		display: flex;
		white-space: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		flex-wrap: nowrap;
		/*
        -webkit-flex-flow:column wrap;
        display: none;
*/
	}

	.nav-container .navigation.responsive {
		display: flex;
	}

	.nav-container .navigation > li {
		border-left: none;
		/*        border-top:#1962a6 solid 1px;*/
		/*        width:100%;*/

	}

	.nav-container .navigation li a {
		font-size: 14px;
		padding: 1em;
	}

	.nav-container .navigation > li:hover ul {
		display: none;
		/*        position:relative;*/
	}

	.nav-container .navigation > li ul {
		border-top: solid 1px #155693;
	}

	.nav-container .navigation > li ul li a {
		text-align: center;
	}

	.nav-container .burger {
		display: inline-block;
		color: white;
		padding: 0.3em 0.5em 0.5em;
		font-size: 1.5em;
	}

	.nav-container .burger:hover {
		cursor: pointer;
	}

	.nav-container .burger span {
		font-size: 0.7em;
	}

	.nav-container .nav-mobile {
		position: relative;
	}

	.nav-container .contact {
		display: block;
		position: absolute;
		right: 1em;
		top: 1em;
		color: white;
		font-size: 1em;
	}

	#id_content .pcontainer.subnav-container .wrapper {
		padding: 0;
	}

	.subnav-container .subnavi li a {
		padding: 1em;
		font-size: 0.9em;
	}

	/*---------------*End Nav*--------------*/
	.promo-container {
		background-size: cover;
		height: 230px;
	}

	.promo-container img {
		width: 100%;
		margin: auto;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: 0px;
	}


	/*-----------------*Header*----------------*/
	.header-container {
		position: relative;
	}

	.logo-zone img {
		width: 140px;
		height: auto;
	}

	.header-container {
		padding: 0.5em 0.5em 1em 0.5em;
	}

	.header-mobile-button {
		display: inline-block;
		margin-top: 10px;
		padding: 0.6em 1em;
		color: #5aaefe;
		width: auto;
		border: 1px #5aaefe solid;
	}

	.login-container {
		display: none;
		background-color: white;
		border: 1px #f2f2f2 solid;
		min-width: 200px;
		padding: 0;
		position: absolute;
		top: 75px;
		right: 0px;
		width: 100%;
		box-shadow: 0px 0px 3px #ccc;
		z-index: 9;
	}

	.login-container.responsive {
		display: flex;
		-webkit-flex-flow: column wrap;
	}

	.pat-login,
	.g-login {
		float: none;
	}

	.pat-login {
		width: 100%;
	}

	.pat-login .forgotpass {
		padding-bottom: 10px;
		border-bottom: 1px #f2f2f2 solid;
	}

	#userLogin {
		/*        background-color:transparent;*/
		/*        border:none;*/
		height: auto;
		display: flex;
		width: 100%;
		flex-wrap: nowrap;
	}

	#userLogin form {
		width: 100%;
	}

	#userLogin label {
		display: block;
		margin-bottom: 3px;
		max-width: 40%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	#userLogin label input[type=text],
	#userLogin label input[type=password] {
		width: 100%;
		margin-bottom: 5px;
	}

	#gAccountLogin {
		text-align: center;
	}

	.pat-login,
	.g-login {
		padding: 1em;
		margin: 0;
	}

	.g-login a {
		display: inline-block;
		margin: 0px auto;
	}

	#userLogin input[type=submit] {
		width: 128px;
	}

	#id_member_zone .forgotpass {
		text-align: center;
	}

	.logged-in.header-container .wrapper {
		display: block;
		padding: 0px 5px;
	}

	.logged-in #id_member_zone:after {
		content: '';
		display: block;
		clear: both;
	}

	.logged-in #id_member_zone {
		margin-top: 5px;
		text-align: center;
	}

	.logged-in #userLogin input[type=submit] {
		margin-top: 10px;
	}

	#id_member_zone.member-logged-in {
		min-width: 320px;
		width: 100%;
	}

	#userLogin,
	#gAccountLogin {
		margin-bottom: 5px;
	}

	FORM#register_form TD#left_column {
		width: auto;
		padding: 10px 20px;
	}

	FORM#register_form TD.right_column {
		display: none;
	}
	[uri_string="/register"] TABLE.paragraph TD.l,
	[uri_string="/register"] TABLE.paragraph TD.lt,
	[uri_string="/register"] TABLE.paragraph TD.r,
	[uri_string="/register"] TABLE.paragraph TD.rt {
		display: none;
	}

	[uri_string="/register"] TABLE.paragraph TD.c {
		width: 100%;
	}

	#tbplan {
		width: 100%;
		table-layout: auto;
	}

	#id_content[uri_string="/hosting/detail"] .pcontainer .wrapper .overflowX {
		margin-left: -20px;
	}

	.order_box6 a {
		text-align: center;
		display: block;
		margin: 0px auto;
	}

	.order_box6 .order-desc {
		text-align: left;
	}

	.flex-Half {
		flex-wrap: wrap;
	}

	.flex-Half > div {
		flex: 1 1 100%;
	}

	.logged-in-menu {
		float: none;
		text-align: center;
	}

	.logged-in-menu table {
		margin: 0px auto;
	}

	.support-content .contact_channels {
		flex: 1 1 auto;
		padding: 0px;
	}

	.via_bank_container {
		text-align: center;
	}

	.via_bank_container .arrow_right {
		display: block;
		margin: -70px auto -70px auto;
		transform: rotate(90deg);
	}

	.via_bank_container img {
		margin: 0px auto;
	}

	.via_bank.bankTable {
		width: 100%;
		table-layout: auto;
		white-space: nowrap;
	}

	.remark_table,
	.remark_table table,
	.remark_table tr,
	.remark_table thead,
	.remark_table tbody,
	.remark_table th,
	.remark_table td {
		display: block;
	}

	.logged-in-menu a,
	.logged-in-menu input {
		font-size: 12px;
	}

	.order_step_container {
		max-width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		display: none;
	}

	ul.tabs .tab-link {
		display: block;
	}

	.tableMobile {
		table-layout: auto;
		display: block !important;
		padding-left: 0px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.tableMobile td {
		display: block;
		width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 0px !important;
		line-height: 24px;
		max-width: 300px;
	}

	.displayBlockMobile {
		display: block;
	}

	.tableFlexMobile tbody {
		display: flex;
	}

	.flex {
		flex-wrap: wrap;
	}

	#nav.dropdown {
		white-space: nowrap;
		overflow-x: scroll;
	}

}

@media (hover: none) {
	.nav-container .navigation li ul {
		display: none;
	}

	.subnav-container-mobile ul {
		padding: 10px 0 0 0;
		margin: 0;
	}

	.subnav-container-mobile li {
		border-left: none;
		display: block;
		padding: 0;
	}

	.subnav-container-mobile li a {
		font-size: 14px;
		padding: 1em;
		color: white;
		display: block;
	}

	.subnav-container-mobile li ul {
		border-top: solid 1px #155693;
	}

	.subnav-container-mobile li ul li a {
		text-align: center;
	}
}
#id_content [uri_string="/order/completed"] .wrapper{
	max-width: 700px;
}
#id_content [uri_string="/order/completed"] {
	padding-bottom: 80px;
}
/* ============= Design 2020 ============= */
@import url('https://fonts.googleapis.com/css?family=Kanit:200,400,500');

body.mainPage .header-container{
	display: none;
}
body.mainPage .nav-container{
	display: none;
}
body.mainPage #id_content{
	max-width: 100%;
}
#footer .slick-slider{
	margin-bottom: 0;
}
#footer .slick-dots{
	bottom: 0;
	margin: 0 auto;
}
#footer .slick-dots li{
	height: 6px;
	border-radius: 3px;
	background: rgba(128,128,128,0.5);
}
#footer .slick-dots li.slick-active{
	background: #fff;
}
#footer .footer-container-2020{
	background: #007bff;
}
.theme2020 .container{
	max-width: 1200px;
	padding: 60px 12px;
	margin: auto;
	box-sizing: content-box;
}
.theme2020 .icon_new {
	display: inline-block;
	background: coral;
	border-radius: 3px;
	color: white;
	padding: 2px 5px;
	font-size: 9px;
	font-weight: bold;
	margin:0;
}
.theme2020 a.btn{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	padding: 0 16px;
	font-size: 16px;
	min-width: 60px;
	text-align: center;
	font-family: 'Kanit';
	font-weight: 400;
	color: #fff;
	background: #007bff;
}
.theme2020 a.btn:hover{
	background: #0569dd;
}
.theme2020 button.btn{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	padding: 0 16px;
	font-size: 16px;
	min-width: 60px;
	text-align: center;
	font-family: 'Kanit';
	font-weight: 400;
	color: #fff;
	background: #007bff;
}
.theme2020 button.btn:hover{
	background: #0569dd;
	cursor: pointer;
}
.theme2020 h2{
	font-family: 'Kanit';
	font-weight: 500;
	font-size: 32px;
	color: #000;
	padding: 0;
}
.theme2020 h2 span{
	color: #007bff;
}
.theme2020 p * {
	font-family: 'Kanit';
}
.theme2020 p {
	font-family: 'Kanit';
	font-weight: 200;
	font-size: 14px;
	color: #666;
}
.theme2020 a.more{
	font-family: 'Kanit';
	font-weight: 400;
	font-size: 16px;
	color: #007bff;
}
.theme2020 a.more:hover{
	color: #0569dd;
}
@media (min-width: 1000px){
	.theme2020 .container{
		padding: 90px 24px;
	}
	.theme2020 h2{
		font-size: 40px;
	}
	.theme2020 p{
		font-size: 20px;
	}
	.theme2020 a.more{
		font-size: 20px;
	}
}
/* --- Header --- */
.header{
	height: 60px;
	background: #007bff;
}
.header.headerTransparent{
	height: 0;
	background: transparent;
}
.header .container{
	max-width: 1200px;
	padding: 60px 12px;
	margin: auto;
	padding-top: 0;
	padding-bottom: 0;
	height: 60px;
	display: flex;
	justify-content: space-between;
}
.header a{
	color: rgba(255,255,255,0.9);
	font-family: 'Kanit';
	font-weight: 400;
	font-size: 16px;
}
.header a:hover{
	color: #fff;
}
.header .headerLeft{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.header .headerRight{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.header .headerLeft div.hamburger:before{
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	background-image: url(../_images/theme2020/menu_white.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
}
.headerMenu{
	position: relative;
	height: 80px;
}
.headerMenu > a{
	line-height: 80px;
}
.headerMenu ul{
	display: none;
	list-style: none;
	padding: 0;
	position: absolute;
	top: 60px;
	left: 0;
	min-width: 160px;
	padding: 12px 0;
	z-index: 3;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.headerMenu li a{
	display: block;
	padding: 12px 16px;
	padding-right: 56px;
	position: relative;
	text-align: left;
	white-space: nowrap;
	color: #007bff;
}
.headerMenu li a:hover{
	color: #0569dd;
}
.headerMenu li a img{
	height: 12px;
	vertical-align: middle;
}
.headerMenu li.label a:after{
	position: absolute;
	right: 16px;
	top: 16px;
	bottom: 16px;
	display: block;
	font-size: 10px;
	width: auto;
	padding: 0px 6px;
	border-radius: 12px;
	line-height: 16px;
	color: #fff;
}
.headerMenu li.label.order a:after {
	content: 'BUY';
	background: #f78b00;
}
.headerMenu li.label.new a:after {
	content: 'NEW';
	background: #ff244e;
}
.headerMenu{
	display: none;
}
.header a.register{
	display: none;
}
.header .headerLeft div{
	margin-right: 12px;
}
.header .headerLeft div.logo{
	margin-right: 0;
}
.header .headerLeft div.logo a{
	height: 36px;
	width: 152px;
	display: block;
	background-image: url(../_images/theme2020/logo_white.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.header a.loginBtn{
	color: #007bff;
	background: #fff;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	border-radius: 15px;
	font-size: 12px;
}
.header a.loginBtn:hover{
	background: #00cd78;
	color: #fff;
}
@media (min-width: 750px){
	.header a.register{
		display: block;
		font-size: 12px;
	}
	.header .headerRight a{
		margin-left: 12px;
	}
}
@media (min-width: 1000px){
	.header .hamburger{
		display: none;
	}
	.headerMenu{
		display: block;
	}
	.header .headerLeft div{
		margin-right: 16px;
	}
	.header .headerRight a{
		margin-left: 16px;
	}
	.header .headerLeft div.logo{
		margin-right: 36px;
	}
	.header{
		height: 80px;
	}
	.header .container{
		height: 80px;
	}
	.header .headerLeft div.logo a{
		height: 50px;
		width: 211px;
	}
	.header a.loginBtn{
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		padding: 0 16px;
		font-size: 16px;
	}
	.header a.register{
		font-size: 16px;
	}
}
@media (min-width: 1200px){
	.headerMenu:hover ul{
		display: block;
	}
	.header .headerLeft div{
		margin-right: 30px;
	}
	.header .headerRight a{
		margin-left: 20px;
	}
	.header .headerLeft div.logo{
		margin-right: 48px;
	}
	.header .container{
		padding-left: 0;
		padding-right: 0;
	}
}
/* --- Cover --- */
.theme2020 .cover{
	background: #0569dd url(../_images/theme2020/header.png) no-repeat;
	background-size: cover;
	background-position: center;
}
.theme2020 .cover .container{
	padding-top: 80px;
	padding-left: 24px;
	padding-right: 24px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.theme2020 .coverContent{
	flex-basis: 100%;
	margin-bottom: 30px;
}
.theme2020 .coverContent .coverHeadline{
	font-family: 'Kanit';
	font-size: 36px;
	text-align: left;
	color: #fff;
}
.theme2020 .coverContent .coverHeadline:before{
	content: '';
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 15px;
	background: url(../_images/theme2020/header_check.svg) no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
.theme2020 .coverContent p{
	color: #fff;
}
.theme2020 .coverBoxContainer{
	flex-basis: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.theme2020 .coverBox{
	flex-basis: 100%;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	padding: 16px;
	margin-bottom: 20px;
}
.theme2020 .coverBox h2{
	font-size: 20px;
	color: #007bff;
	padding: 0;
	text-align: left;
}
.theme2020 .coverBox p{
	color: #000;
	font-weight: 400;
	font-size: 12px;
}
.theme2020 .coverBox input{
	width: 100%;
	padding: 12px 8px;
	border-radius: 8px;
	margin-bottom: 1em;
	border: 1px solid #ccc;
}
.theme2020 .coverBox button {
	border: none;
}
.theme2020 .coverBox input:focus{
	border: 1px solid #007bff;
	outline: none;
}
.theme2020 .coverBox input::placeholder{
	color: #ccc;
}
.theme2020 .coverBox a.btn{
	width: auto;
	display: block;
	background: #00cd78;
}
.theme2020 .coverBox button.btn{
	width: 100%;
	display: block;
	background: #00cd78;
}
@media (min-width: 750px){
	.theme2020 .coverContent{
		flex-basis: 36%;
		margin-bottom: 0;
	}
	.theme2020 .coverBoxContainer{
		flex-basis: 62%;
	}
	.theme2020 .coverBox{
		flex-basis: 49%;
	}
}
@media (min-width: 1000px){
	.theme2020 .cover .container{
		padding-top: 140px;
	}
	.theme2020 .coverContent{
		flex-basis: 48%;
		margin-bottom: 0;
	}
	.theme2020 .coverBoxContainer{
		flex-basis: 50%;
	}
	.theme2020 .coverBox{
		flex-basis: 48%;
	}
	.theme2020 .coverContent .coverHeadline{
		font-size: 60px;
	}
	.theme2020 .coverContent .coverHeadline:before{
		width: 60px;
		height: 60px;
		margin-right: 24px;
	}
	.theme2020 .coverContent p{
		font-size: 20px;
	}
	.theme2020 .coverBox p{
		font-size: 14px;
	}
}
@media (min-width: 1200px){
	.theme2020 .coverContent{
		flex-basis: 44%;
		margin-bottom: 0;
	}
	.theme2020 .coverBox{
		padding: 24px;
	}
	.theme2020 .coverBox h2{
		font-size: 24px;
	}
	.theme2020 .coverContent .coverHeadline{
		font-size: 72px;
	}
	.theme2020 .coverContent .coverHeadline:before{
		width: 72px;
		height: 72px;
		margin-right: 30px;
	}
	.theme2020 .coverBox input{
		margin-bottom: 1.2em;
	}
	.theme2020 .coverBox a.btn{
		transition: all 0.2s;
	}
	.theme2020 .coverBox a.btn:hover{
		box-shadow: 0 5px 5px rgba(0,0,0,0.07);
	}
}

/* --- Service --- */
.theme2020 .service{
	background: #fafafa;
}
.theme2020 .service h2 span{
	white-space: nowrap;
}
.theme2020 .service p{
	text-align: center;
}
.theme2020 .service a.more{
	text-decoration: underline;
}
.theme2020 .serviceItem{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 30px -3%;
}
.theme2020 .serviceItem > div{
	flex-basis: 44%;
	margin: 3%;
	padding: 24px 16px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.05);
	text-align: center;
	color: #000;
	cursor: pointer;
}
.theme2020 .serviceItem > div:hover{
	background: #007bff;
	color: #fff;
}
.theme2020 .serviceIcon{
	margin: auto;
	margin-bottom: 1em;
	width: 36px;
	height: 36px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.theme2020 .serviceDomain .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_domain.svg);
}
.theme2020 .serviceDomain:hover .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_domain_w.svg);
}
.theme2020 .serviceHosting .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_hosting.svg);
}
.theme2020 .serviceHosting:hover .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_hosting_w.svg);
}
.theme2020 .serviceWordpress .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_wp.svg);
}
.theme2020 .serviceWordpress:hover .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_wp_w.svg);
}
.theme2020 .serviceSSL .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_ssl.svg);
}
.theme2020 .serviceSSL:hover .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_ssl_w.svg);
}
.theme2020 .serviceVPS .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_vps.svg);
}
.theme2020 .serviceVPS:hover .serviceIcon{
	background-image: url(../_images/theme2020/service_icon_vps_w.svg);
}
@media (min-width: 750px){
	.theme2020 .serviceItem{
		margin-left: -1%;
		margin-right: -1%;
	}
	.theme2020 .serviceItem > div{
		flex-basis: 18%;
		margin: 1%;
	}
}
@media (min-width: 1000px){
	.theme2020 .serviceItem{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.theme2020 .serviceItem > div{
		padding: 36px 16px;
	}
	.theme2020 .serviceIcon{
		width: 48px;
		height: 48px;
		margin-bottom: 1em;
	}
}

/* --- Domain --- */
.theme2020 .domain{
	background: #007bff;
}
.theme2020 .domain h2{
	color: #fff;
	font-size: 28px;
}
.theme2020 .domain a.more{
	text-decoration: underline;
	color: #fff;
}
.theme2020 .domain a.more:hover{
	color: rgba(255,255,255,0.9);
}
.theme2020 .domainForm{
	margin: 30px auto;
	max-width: 640px;
	position: relative;
}
.theme2020 .domainForm input{
	width: 100%;
	border: 0;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 100px;
	height: 40px;
}
.theme2020 .domainForm input:focus{
	outline: none;
	box-shadow: 0 7px 15px rgba(0,0,0,0.1);
}
.theme2020 .domainForm button.btn {
	border: none;
}
.theme2020 .domainForm .btn{
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 20px 20px 0;
	background: #00cd78;
	white-space: nowrap;
	text-align: center;
}
@media (min-width: 750px){
	.theme2020 .domainForm input{
		padding-right: 120px;
	}
	.theme2020 .domainForm .btn{
		padding-right: 20px;
	}
	.theme2020 .domainForm .btn:before{
		content: '';
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-right: 8px;
		background: url(../_images/theme2020/search.svg) no-repeat;
		background-size: contain;
		background-position: center;
		vertical-align: middle;
	}
}
@media (min-width: 1000px){
	.theme2020 .domainForm{
		margin: 60px auto;
	}
	.theme2020 .domain h2{
		font-size: 40px;
	}
	.theme2020 .domainForm{
		max-width: 800px;
	}
	.theme2020 .domainForm input{
		border-radius: 30px;
		padding-left: 30px;
		padding-right: 160px;
		font-size: 16px;
		height: 60px;
	}
	.theme2020 .domainForm input:focus{
		box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	}
	.theme2020 .domainForm .btn{
		border-radius: 0 30px 30px 0;
		height: 60px;
		line-height: 60px;
		padding-left: 30px;
		padding-right: 36px;
		background: #00cd78;
		font-size: 20px;
	}
}

/* --- hosting --- */
.theme2020 .hosting{
	background: #0d3b72;
	position: relative;
	margin-bottom: 50px;
}
.theme2020 .hosting .container{
	padding-bottom: 140px;
}
.theme2020 .hosting h2{
	color: #fff;
}
.theme2020 .hosting p{
	color: #c1d8ff;
	text-align: center;
}
.theme2020 .hosting .minor{
	color: #c1d8ff;
	text-align: center;
	padding-bottom: 2em;
}
.theme2020 .hosting a.more:after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url(../_images/theme2020/chevron-down.svg) no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
.theme2020 .hostingPlanContainer{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 30px -2%;
}
.theme2020 .hostingPlan{
	flex-basis: 100%;
	margin: 30px 2%;
	background: #fff;
	border-radius: 12px;
	padding: 24px 16px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	position: relative;
}
.theme2020 .hostingPlan div{
	font-family: 'Kanit';
	font-weight: 400;
}
.theme2020 .hostingPlan .name{
	text-align: center;
	color: #007bff;
	font-size: 18px;
}
.theme2020 .hostingPlan .price{
	text-align: center;
	color: #000;
	font-size: 48px;
	font-weight: 500;
}
.theme2020 .hostingPlan .priceunit{
	text-align: center;
	color: #333;
	font-size: 14px;
}
.theme2020 .hostingPlan p{
	color: #a2a2a2;
	font-size: 14px;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.theme2020 .hostingPlan .separator{
	border-bottom: 1px solid #eee;
	margin: 1em auto;
}
.theme2020 .hostingPlan .detail{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	margin: 0.75em auto;
	max-width: 200px;
}
.theme2020 .hostingPlan .detail .detailLabel{
	flex-basis: 50%;
	color: #a2a2a2;
	text-align: left;
	font-size: 16px;
}
.theme2020 .hostingPlan .detail .detailInfo{
	flex-basis: 50%;
	color: #000;
	text-align: left;
	font-size: 16px;
}
.theme2020 .hostingPlan .detail.first .detailInfo{
	color: #00cd78;
}
.theme2020 .hostingPlan .btn{
	display: block;
	text-align: center;
	margin-top: 1em;
}
.theme2020 .hostingPlan .badgeContainer{
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	text-align: center;
}
.theme2020 .hostingPlan .badge{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	font-weight: 200;
	font-size: 14px;
	color: #fff;
	background: #00cd78;
	border-radius: 4px;
	margin: 0 8px;
}
.theme2020 .hostingPlan .badgeOrange{
	background: #f78b00;
}

@media (min-width: 750px){
	.theme2020 .hostingPlan{
		flex-basis: 46%;
	}
}
@media (min-width: 1000px){
	.theme2020 .hostingPlanContainer{
		margin: 45px -1%;
	}
	.theme2020 .hostingPlan{
		flex-basis: 23%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

.theme2020 .hostingMore{
	display: none;
	border-top: 1px solid rgba(0,123,255,0.25);
}
.theme2020 .hostingMore .hostingPlanContainer{
	padding-top: 40px;
	margin-top:0;
	margin-bottom:0;
}
.theme2020 .hostingMore .hostingPlan{
	flex-basis: 46%;
}
.theme2020 .hostingMore .hostingPlan .price{
	font-size: 36px;
}
.theme2020 .hostingMore .hostingPlan p{
	display: none;
}
.theme2020 .hostingMore .hostingPlan .detail{
	margin: 0.5em auto;
}
.theme2020 .hostingMore .hostingPlan .detail .detailLabel{
	font-size: 14px;
	line-height: 1.2em;
}
.theme2020 .hostingMore .hostingPlan .detail .detailInfo{
	font-size: 14px;
	line-height: 1.2em;
}
@media (min-width: 750px){
	.theme2020 .hostingMore .hostingPlan{
		flex-basis: 29%;
	}
}
@media (min-width: 1000px){
	.theme2020 .hostingMore .hostingPlanContainer{
		margin: 0 -1%;
	}
	.theme2020 .hostingMore .hostingPlan{
		flex-basis: 18%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

.theme2020 .guarantee{
	background: #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	width: 96%;
	max-width: 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border-radius: 16px;
}
.theme2020 .guarantee h2{
	color: #000;
	text-align: left;
	font-size: 24px;
}
.theme2020 .guarantee p{
	color: #666;
	text-align: left;
	font-size: 12px;
	margin-top: 0.5em;
}
.theme2020 .guaranteeLeft{
	flex-basis: 100%;
}
.theme2020 .guaranteeRight{
	flex-basis: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.theme2020 .guaranteeRight div{
	flex-basis: 50%;
	text-align: left;
	color: #000;
	font-family: 'Kanit';
	font-weight: 400;
	font-size: 14px;
	white-space: nowrap;
}
.theme2020 .guaranteeRight div span{
	color: #00cd78;
	font-family: 'Kanit';
	font-weight: 400;
}
@media (min-width: 750px){
	.theme2020 .guarantee{
		padding: 28px;
		border-radius: 24px;
	}
	.theme2020 .guaranteeLeft{
		flex-basis: 45%;
	}
	.theme2020 .guaranteeRight{
		flex-basis: 55%;
	}
	.theme2020 .guaranteeRight div{
		margin: 0.5em auto;
	}
	.theme2020 .guaranteeRight div:before{
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-right: 4px;
		background: url(../_images/theme2020/check.svg) no-repeat;
		background-size: contain;
		background-position: center;
		vertical-align: middle;
	}
	.theme2020 .guarantee p{
		margin-bottom: 0;
	}
}
@media (min-width: 1000px){
	.theme2020 .guarantee h2{
		font-size: 32px;
	}
	.theme2020 .guarantee p{
		font-size: 16px;
	}
	.theme2020 .guaranteeRight div{
		font-size: 20px;
	}
	.theme2020 .guaranteeRight div:before{
		width: 24px;
		height: 24px;
		margin-right: 8px;
	}
}

/* --- other --- */
.theme2020 .other{

}
.theme2020 .other .row{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
}
.theme2020 .otherImg{
	flex-basis: 100%;
	text-align: center;
}
.theme2020 .otherImg img{
	max-width: 100%;
	display: block;
}
.theme2020 .otherContent{
	flex-basis: 100%;
	padding: 0 24px;
}
.theme2020 .otherContent h2{
	text-align: left;
	line-height: 1.2em;
}
.theme2020 .otherContent a.more:after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../_images/theme2020/readmore.svg) no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
@media (min-width: 750px){
	.theme2020 .otherImg{
		flex-basis: 50%;
	}
	.theme2020 .otherContent{
		flex-basis: 48%;
	}
	.theme2020 .other .row.imgRight .otherImg{
		order: 2;
	}
	.theme2020 .other .row.imgRight .otherContent{
		order: 1;
	}
}
@media (min-width: 1000px){
	.theme2020 .otherContent a.more:after{
		width: 24px;
		height: 24px;
	}
}

/* --- review --- */
.theme2020 .review{
	background: #e1edff;
}
.theme2020 .review .container{
	max-width: none;
}
.theme2020 .review h2{
	font-size: 20px;
}
.theme2020 .review-slick{
	margin-top: 40px;
	margin-bottom: 0;
}
.theme2020 .reviewItemWrapper{
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 0 16px;
	box-sizing: content-box;
}
.theme2020 .reviewItem{
	background: #fff;
	border-radius: 8px;
	padding: 24px 16px;
	width: 280px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.07);
}
.theme2020 .reviewItem .text{
	color: #000;
	margin-bottom: 2em;
}
.theme2020 .reviewItem img{
	height: 16px;
	margin-right: 4px;
	display: inline-block;
}
.theme2020 .review-slick .slick-prev,
.theme2020 .review-slick .slick-next{
	display: block!important;
	background: #007bff;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	z-index: 2;
	margin: 0;
	transform: translateY(-50%);
}
.theme2020 .review-slick .slick-prev{
	left: -6px;
}
.theme2020 .review-slick .slick-next{
	right: -6px;
}
.theme2020 .review-slick .slick-prev:before,
.theme2020 .review-slick .slick-next:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.theme2020 .review-slick .slick-prev:before{
	background-image: url(../_images/theme2020/chevron-prev.svg);
	margin-right: 2px;
}
.theme2020 .review-slick .slick-next:before{
	background-image: url(../_images/theme2020/chevron-next.svg);
	margin-left: 2px;
}
@media (min-width: 1000px){
	.theme2020 .review h2{
		font-size: 28px;
	}
	.theme2020 .review-slick{
		margin-top: 60px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.theme2020 .review-slick .slick-prev,
	.theme2020 .review-slick .slick-next{
		height: 40px;
		width: 40px;
	}
	.theme2020 .review-slick .slick-prev:before,
	.theme2020 .review-slick .slick-next:before{
		height: 24px;
		width: 24px;
	}
	.theme2020 .review-slick .slick-prev{
		left: -36px;
	}
	.theme2020 .review-slick .slick-next{
		right: -36px;
	}
}
@media (min-width: 1600px){
	.theme2020 .reviewItem{
		width: 360px;
	}
	.theme2020 .review-slick .slick-prev,
	.theme2020 .review-slick .slick-next{
		height: 48px;
		width: 48px;
	}
	.theme2020 .review-slick .slick-prev:before,
	.theme2020 .review-slick .slick-next:before{
		height: 30px;
		width: 30px;
	}
}

/* --- support --- */
.theme2020 .support{

}
.theme2020 .support .row{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
}
.theme2020 .supportImg{
	flex-basis: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.theme2020 .supportImg img{
	max-width: 100%;
	display: block;
}
.theme2020 .supportContent{
	flex-basis: 100%;
	padding: 0 24px;
}
.theme2020 .supportContent h2{
	text-align: left;
	line-height: 1.5em;
}
.theme2020 .supportContent h2 span{
	white-space: nowrap;
}
.theme2020 .supportContent h2 span:first-child{
	font-size: 48px;
}
.theme2020 .supportContent h2 span:last-child{
	color: inherit;
}
.theme2020 .supportMore{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 24px;
}
.theme2020 .supportMore div{
	flex-basis: 100%;
}
.theme2020 .supportMore div img{
	margin-bottom: 0.5em;
	width: 36px;
}
.theme2020 .supportMore div h3{
	font-family: 'Kanit';
	font-weight: 400;
	color: #000;
	font-size: 16px;
}
.theme2020 .supportMore div p{
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}
@media (min-width: 750px){
	.theme2020 .supportImg{
		flex-basis: 50%;
		margin-bottom: 0;
	}
	.theme2020 .supportContent{
		flex-basis: 48%;
	}
	.theme2020 .supportMore div{
		flex-basis: 30%;
	}
}
@media (min-width: 1000px){
	.theme2020 .supportContent h2 span:first-child{
		font-size: 60px;
	}
	.theme2020 .supportMore div img{
		width: 48px;
	}
	.theme2020 .supportMore div p{
		font-size: 16px;
	}
	.theme2020 .supportMore div h3{
		font-size: 18px;
	}
}

/* --- Mobile Menu --- */
.sidePane{
	-webkit-overflow-scrolling: touch;
	background: #fff;
	overflow-y: overlay;
	box-shadow: 0 0 40px rgba(0,0,0,.2);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	width: 90%;
	transform:translate3d(-100%,0,0);
	visibility: hidden;
	transition: all 0.4s;
	max-width: 400px;
}
.sidePane.sidePaneRight{
	left:auto;
	right: 0;
	transform:translate3d(100%,0,0);
}
.sidePane.show{
	transform: translateZ(0);
	visibility: visible;
}
.modalOverlayArea{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99998;
	background: rgba(0,0,0,0.5);
	visibility: hidden;
}
.modalOverlayArea.show{
	visibility: visible;
}
@media (max-width: 1000px){
	.header .container{
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		right: 0;
	}
	.header .container.fixedTop{
		background: #fff;
		box-shadow: 0 0 24px rgba(0,0,0,0.1);
	}
	.header .container.fixedTop .headerLeft div.logo a{
		background-image: url(../_images/theme2020/logo.png);
	}
	.header .container.fixedTop .headerLeft div.hamburger:before{
		background-image: url(../_images/theme2020/menu.svg);
	}
	.header .container.fixedTop a.register{
		color: #007bff;
	}
	.header .container.fixedTop a.loginBtn{
		background: #007bff;
		color: #fff;
	}
	.shortcut_tab{
		display: none;
	}
}

.sidePane .container{
	position: relative;
	padding-top: 24px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.sidePane .sideLogo{
	margin-left: 24px;
}
.sidePane .sideLogo img{
	height: 50px;
}
.sidePane .sidePaneClose{
	position: absolute;
	top: 24px;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../_images/theme2020/x.svg) no-repeat;
	background-size: 30px;
	background-position: center;
}
.sidePane .sideMenuContainer{
	margin-top: 24px;
	border-top: 1px solid #eee;
}
.headerMenu.sideMenu{
	display: block;
	height: auto;
}
.headerMenu.sideMenu span{
	display: block;
	border-bottom: 1px solid #eee;
	height: 60px;
	line-height: 60px;
	padding: 0 24px;
	font-family: 'Kanit';
	font-weight: 400;
	color: #000;
	font-size: 16px;
}
.headerMenu.sideMenu ul{
	position: static;
	top: auto;
	left: auto;
	box-shadow: 0 0 0;
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	background: #fcfcfc;
	border-radius: 0;
}
.headerMenu.sideMenu ul li{
	height: 60px;
	line-height: 60px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 48px;
	padding-right: 24px;
}
.headerMenu.sideMenu ul li a{
	padding: 0;
	display: inline;
	font-family: 'Kanit';
	font-weight: 400;
	color: #007bff;
	font-size: 16px;
}
.headerMenu.sideMenu li.label a:after{
	position: static;
	display: inline-block;
	margin-left: 8px;
}
/* --- User on header --- */
.header #id_member_zone{
	max-width: 360px;
}
.header #id_member_zone a{
	font-size: 14px;
	font-family: inherit;
	margin: 0;
}
.header #id_member_zone .userLogin{
	display: none;
	background: transparent;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	height: auto;
	color: #fff;
	border: 0px;
	padding: 0;

}
.header #id_member_zone .userLogin a.ctrlPanel{
	font-size: 14px;
	font-family: inherit;
	display: inline-block;
	background: #fff;
	color: #007bff;
	border-radius: 3px;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	margin-left: 12px;
}
.header #id_member_zone .userLogin a.ctrlPanel:before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	background: url(../_images/theme2020/settings.svg) no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
.header #id_member_zone .userLogin a.ctrlPanel:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header #id_member_zone .userLogin a.admin{
	text-decoration: underline;
	color: #eeff41;
	font-weight: bold;
}
.header #id_member_zone .logged-in-menu{
	display: none;
	float: none;
	text-align: right;
}
.header #id_member_zone .logged-in-menu form{
	display:inline;
	margin:0px;
	padding:0px;
}
.header #id_member_zone .logged-in-menu a,
.header #id_member_zone .logged-in-menu input{
	color: rgba(255,255,255,0.5);
	margin-left: 8px;
	display: inline-block;
}
.header #id_member_zone .logged-in-menu a:hover,
.header #id_member_zone .logged-in-menu input:hover{
	text-decoration: underline;
	color: #fff;
}
.header #id_member_zone div.userIcon:before{
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	background-image: url(../_images/theme2020/user_white.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
}
.header .container.fixedTop #id_member_zone div.userIcon:before{
	background-image: url(../_images/theme2020/user.svg);
}
@media (min-width: 1200px){
	.header #id_member_zone .userLogin{
		display: flex;
	}
	.header #id_member_zone .logged-in-menu{
		display: block;
	}
	.header #id_member_zone div.userIcon{
		display: none;
	}
}
.cartShortCut{
	position: fixed;
	top: 70px;
	right: 10px;
	display: block;
	z-index: 99;
}
.cartShortCut div{
	border-radius: 6px;
	background:darkorange;
	padding: 12px 16px;
	color: #fff;
}
.cartShortCut div:before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	background: url(../_images/theme2020/cart.svg) no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
.cartShortCut div span{
	margin-right: 4px;
}
.cartShortCut div span.count{
	font-weight: bold;
}
@media (min-width: 750px){
	.cartShortCut{
		top: 80px;
	}
}
@media (min-width: 1000px){
	.cartShortCut{
		top: 100px;
	}
}
@media (min-width: 1200px){
	.cartShortCut{
		top: 140px;
	}
}
@media (min-width: 1600px){
	.cartShortCut{
		top: 140px;
		right: 50px;
	}
}
/* --- User on Side Pane --- */
#sideUser.sidePane .sidePaneClose{
	top: 0;
}
#sideUser.sidePane .container{
	padding-top: 0;
}
#sideUser a{
	font-size: 16px;
}
#sideUser .btn{
	display: block;
	height: 60px;
	line-height: 60px;
	border-radius: 12px;
	padding: 0 16px;
	font-size: 20px;
	margin: 24px 0;
	text-align: center;
	font-family: 'Kanit';
	font-weight: 400;
	color: #fff;
	background: #007bff;
}
#sideUser .sideUserNeedLogin{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 24px;
	height: calc(100vh - 24px);
	text-align: center
}
#sideUser .sideUserNeedLogin > div{
	flex-basis: 100%;
}
#sideUser .userLogin{
	padding: 0 24px;
}
#sideUser .userLogin label{
	font-size: 16px;
	height: 60px;
	line-height: 60px;
}
#sideUser .userLogin label:before{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background: url(../_images/theme2020/user.svg) no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
#sideUser .userLogin .btn{
	margin-bottom: 48px;
}
#sideUser .logged-in-menu{
	border-top: 1px solid #eee;
	float: none;
}
#sideUser .logged-in-menu a,
#sideUser .logged-in-menu input{
	display: block;
	border-bottom: 1px solid #eee;
	height: 60px;
	line-height: 60px;
	padding: 0 24px;
	font-family: 'Kanit';
	font-weight: 400;
	color: #007bff;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

#id_content[uri_string="/register"]{
	max-width: 1000px;
}
/* --- Domain Checker --- */
.vue_domain_checker{
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1000px){
	.vue_domain_checker{
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
}
.vue_domain_checker form .btn{
	border-radius: 24px;
	border: 0;
	font-size: 18px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 20px;
}
@media (min-width: 480px){
	.vue_domain_checker form{
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.vue_domain_checker form fieldset.form-input{
		flex-basis: calc(100% - 200px);
	}
	.vue_domain_checker form fieldset.form-btn{
		flex-basis: 200px;
	}
	.vue_domain_checker form .form-control{
		border-radius: 24px 0 0 24px;
		padding-top: 0;
		padding-bottom: 0;
		line-height: 48px;
		height: 48px;
	}
	.vue_domain_checker form .btn{
		border-radius: 0 24px 24px 0;
		font-size: 18px;
		width: 100%;
		padding: 0;
		line-height: 48px;
	}
}
.vue_domain_checker .list-group-item .p2{
	line-height: 36px;
}
.vue_domain_checker .list-group-item .p2 span.checkDomainAvailable{
	color: #00cd78;
}
.vue_domain_checker .list-group-item .p2 span.checkDomainAvailable:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../_images/theme2020/check.svg) no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
.vue_domain_checker .list-group-item .p2.checkDomainStatus span.checkDomainChecking{
	color: #007BFF;
	margin-left: 4px;
}
.vue_domain_checker .list-group-item .p2.checkDomainStatus span.checkDomainError,
.vue_domain_checker .list-group-item .p2.checkDomainStatus span.checkDomainRegisterd{
	color: #F35C53;
}
.vue_domain_checker .list-group-item .p2.checkDomainStatus .btn{
	height: 36px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 36px;
	font-size: 14px;
	color: #007bff;
	border: 1px solid #007bff;
	margin-left: 8px;
}
.vue_domain_checker .list-group-item .p2.checkDomainStatus .btn:hover{
	background: #007bff;
	color: #fff;
}
span.mobile-show{
	display: none;
}
span.mobile-hide{
	display: inline;
}
span.ipad-show{
	display: none;
}
span.ipad-hide{
	display: inline;
}
@media (max-width: 480px){
	.vue_domain_checker .list-group-item .p2.checkDomainStatus span{
		font-size: 12px;
	}
	span.mobile-show{
		display: inline;
	}
	span.mobile-hide{
		display: none;
	}
}
@media (max-width: 1000px){
	span.ipad-show{
		display: inline;
	}
	span.ipad-hide{
		display: none;
	}
}
.vue_domain_checker .premiumDomainBadge{
	display: inline-block;
	padding: 4px 8px;
	font-size: 14px;
	color: #fff;
	background: #ffa900;
	border-radius: 4px;
	line-height: normal;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	margin-left: 8px;
}
.vue_domain_checker .premiumDomainBadge:before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../_images/theme2020/star_white.svg) no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
	margin-right: 4px;
}
@media (max-width: 480px){
	.vue_domain_checker .premiumDomainBadge{
		display: block;
		padding: 0;
		color: #ffa900;
		margin-left: 0;
		background: transparent;
	}
	.vue_domain_checker .premiumDomainBadge:before{
		background: url(../_images/theme2020/star.svg) no-repeat;
	}
}
.vue_domain_checker .premiumDomainBadge .premiumDomainDesc{
	display: none;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 30px;
	background: #333;
	color: #fff;
	border-radius: 4px;
	width: 280px;
	padding: 12px;
	opacity: 0;
	transition: opacity 0.2s;
	white-space: break-spaces;
	line-height: 1.5em;
	font-size: 12px;
}
.vue_domain_checker .premiumDomainBadge:hover .premiumDomainDesc{
	display: block;
	opacity: 1;
}
@media (min-width: 750px){
	.vue_domain_checker .premiumDomainBadge .premiumDomainDesc{
		left: 100px;
		top: 0;
		width: 360px;
	}
}
@media (min-width: 1000px){
	.vue_domain_checker .premiumDomainBadge .premiumDomainDesc{
		left: 150px;
		width: 400px;
		font-size: 14px;
	}
}
@media (min-width: 1200px){
	.vue_domain_checker .premiumDomainBadge .premiumDomainDesc{
		width: 480px;
		top: 50%;
		transform: translateY(-50%);
	}
}
.vue_domain_checker .premiumDomainBuy{
	display: flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
}
.vue_domain_checker .premiumDomainBuy .minor{
	font-size: 12px;
	color: #ccc;
}
.vue_domain_checker .list-group-item .p2.checkDomainStatus .premiumDomainBuy .btn{
	background: #007bff;
	color: #fff;
}
.vue_domain_checker .list-group-item .p2.checkDomainStatus .premiumDomainBuy .btn:hover{
	background: #0569dd;
	color: #fff;
}
.vue_domain_checker .premiumDomainCost{
	display: inline-block;
	text-align: right;
	line-height: normal;
}
@media (max-width: 480px){
	.vue_domain_checker .premiumDomainBuy{
		flex-wrap: wrap-reverse;
		max-width: 40vw;
	}
	.vue_domain_checker .premiumDomainCost{
		margin-top: 8px;
	}
	.vue_domain_checker .premiumDomainBuy .minor{
		margin-top: 4px;
	}
}

.footer_menu_new_container a {
	color: #ccc;
}