/*
html {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}

html {
	  	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	  	filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: url('/assets/svg/grayscale.svg');
		filter: gray;
		-webkit-filter: grayscale(1);
	}
*/

@font-face {
    font-family:'Myanmar3';
    src:local('Myanmar3'), url('/fonts/dtac2013/myanmar3.ttf')format("truetype");
    -webkit-font-smoothing: antialiased ;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);
    font-weight: normal;
    font-style: normal;
    unicode-range: U +1000 -109 F;
}
@font-face {
    font-family: 'myanmar3regular';
    src: url('/fonts/dtac2013/myanmar3-webfont.eot');
    src: url('/fonts/dtac2013/myanmar3-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/dtac2013/myanmar3-webfont.woff2') format('woff2'),
        url('/fonts/dtac2013/myanmar3-webfont.woff') format('woff'),
        url('/fonts/dtac2013/myanmar3-webfont.ttf') format('truetype');
    -webkit-font-smoothing: antialiased ;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);
    font-weight: normal;
    font-style: normal;
    unicode-range: U +1000 -109 F;
}
.Myanmar3{
    font-family:'Myanmar3';
}
html {
    		background-image: none!important;
		}
body {
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.clearpadding { padding: 0px; }
.clearfix { clear: both;}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}



a,
a:hover {
    color: #333;
}

.wrapper-inner {
    max-width: 1180px;
    width: auto;
    width: 1180px\9;
    margin:0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.font-dtac2013 {
    font-family: "dtac2013";
    font-style: normal;
    font-weight: normal;
}

.font-dtacTopic {
    font-family: "dtac2013_bl";
    font-style: italic;
    font-weight: normal;
}

.font-italic {
    font-family: "dtac2013_bl";
    font-style: italic;
    font-weight: normal;
}

.font-c-red {
    color: #ff0000;
}
.font-c-blue {
    color: #0091d2;
}
.font-c-gray {
    color: #666;
}
.font-c-white {
    color: #FFF;
}
.font-c-black {
    color: #000;
}
.font-c-pink{
	color:#ED2492;
}
.font-c-light-blue{
	color:#0096D9;
}
.font-c-light-black{
	color:#333333;
}

#dtac-body {
    min-height: 100px;
}
.ctBox3{}
.ctBox3 div.boxPromote:nth-child(4) {clear:both;}



/**************
Typography
***************/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "dtac2013", Tahoma, Arial, sans-serif;
    font-weight: normal;
    text-rendering: optimizelegibility;
    display:inline-block;
}

h1, .h1 { font-size: 32px; }
h2, .h2 { font-size: 24px; line-height:27px;}
h3, .h3 { font-size: 22px; line-height:27px; }

/*h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }
*/

h1 small,
h2 small {
    font-weight: normal;
    color: #bfbfbf;
}

.font-small {
    font-size: 13px;
}

/**************
header article
**************/
.article-title {
    padding:10px 0px 10px 0px;
    display:table;
    width:100%;
    max-width:100%;
    overflow: hidden;
}
.article-title > div {
    display:table-row;
    line-height:1.5em;
    white-space:nowrap;
}
.article-title h1,.article-title h2 {
    display:table-cell;
    width:1px;
    table-layout:fixed;
    padding-right: 10px;
    font-size:27px;
}
.article-title .continue {
    overflow: hidden;
    display: table-cell;
    vertical-align:middle;
    width:1px;
    table-layout:fixed;
    padding-left: 10px;
}
.article-title span.spacer {
    display: table-cell;
}
.article-title span.spacer:after {
    display:inline-block;
    width:100%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background-color:#0091d2 !important;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
.article-title span.bg-white:after { background: #FFF; }

/**************  Botton  ***************/
.btn {
    font-size: 18px;
}
.btn:hover {
    text-decoration: underline;
}

.btn-lg {
    border-radius:0px !important;
}

.product-btn-bg {
    margin-top: 10px;
    margin-bottom:10px;
    max-width: 300px;
}

.register-btn {
    margin:20px 0px;
}

.btnRegister {
    padding-right: 50px;
    max-width: 300px;
    width: 100%;
    text-align: left;
    font-size: 26px;
}
.btnRegister:hover,
.btnRegister:active,
.btnRegister:visited {
    color: #FFF;
}

.btnDtac {
    font-family: "dtac2013";
    border-radius: 0px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #83007A),
        color-stop(0.7, #FC007A)
    );
    background: -o-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background: -moz-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background: -webkit-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background: -ms-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background: linear-gradient(to right, #83007A 0%, #FC007A 70%);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#83007A', endColorstr='#FC007A'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#83007A', endColorstr='#FC007A')"; /* IE8 */
    border:0;
    color: #FFF;
    padding: 7px 16px;
}
.btnDtac:hover {
    text-decoration: underline;
    color: #FFF;
}
.btnDtac:active,
.btnDtac:visited {
    color: #FFF;
}

.btnBuyonline {
    color: #FFF;
    width: 100%;
    display: block;
    text-transform:lowercase;
    background: url("/media/images/dtac-store-shopping.png") #fc007a right center no-repeat, -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #83007A),
        color-stop(0.7, #FC007A)
    );
    background: url("/media/images/dtac-store-shopping.png") right center no-repeat, -o-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background: url("/media/images/dtac-store-shopping.png") right center no-repeat, -moz-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background: url("/media/images/dtac-store-shopping.png") right center no-repeat, -webkit-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background: url("/media/images/dtac-store-shopping.png") right center no-repeat, -ms-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background: url("/media/images/dtac-store-shopping.png") right center no-repeat, linear-gradient(to right, #83007A 0%, #FC007A 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83007A', endColorstr='#FC007A',GradientType=1 );
    padding: 7px 16px;
    font-size: 18px;
    text-align: left;
}
.btnBuyonline:hover,
.btnBuyonline:active,
.btnBuyonline:visited
{
    color: #FFF;
}

.btnViewmore {
    color: #FFF;
    width: 100%;
    font-size: 18px;
    display: block;
    text-transform:lowercase;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #83007A),
        color-stop(0.7, #FC007A)
    );
    background:  -o-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background:  -moz-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background:  -webkit-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background:  -ms-linear-gradient(right, #83007A 0%, #FC007A 70%);
    background:  linear-gradient(to right, #83007A 0%, #FC007A 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83007A', endColorstr='#FC007A',GradientType=1 );
}
.btnViewmore:hover,
.btnViewmore:active,
.btnViewmore:visited
{
    color: #FFF;
}


a.morelink,
a.morelink:active,
a.morelink:visited
{
    font-size: 16px;
    color: #333;
    margin:10px 0px;
}
a.morelink:hover {
    text-decoration: underline;
    color: #1AB7EA;
}

/*------------------------------------*
Breadcrumb
*------------------------------------*/

.breadcrumb { background: none!important; padding-left:5px !important;color: #333333;}
.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:visited,
.breadcrumb a:active { color: #333333; }
/*
.breadcrumb.font-c-white >li+li:before { color:#FFF; }

.breadcrumb.font-c-white li.active,
.breadcrumb.font-c-white a { color: #FFF; }

.crumbs {
font-size: 14px;
background-color:transparent;
}
.crumbs .btn-back {
display: block;
float: left;
vertical-align: middle;
text-align: left;
position: relative;

text-decoration: none;
color: #fff;

background:rgb(0,0,0);
background: transparent\9;
background:rgba(0,0,0,0.3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9e9e9e,endColorstr=#9e9e9e);
zoom: 1;
margin-right: 20px;
}
.crumbs .btn-back span {
height: 37px;
line-height: 37px;
padding: 0px 30px 0px;
vertical-align: middle;
background: transparent url('/media/images/btn-back.png') no-repeat 10px 10px;
display: inline-block;
}
*/
.btn-back {
    display: block;
    float: left;
    vertical-align: middle;
    text-align: left;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9e9e9e,endColorstr=#9e9e9e);
    zoom: 1;
    margin-right: 20px;
}
.btn-back > span {
    color: #FFF;
    height: 37px;
    line-height: 37px;
    padding: 0px 30px 0px;
    vertical-align: middle;
    background: transparent url('/media/images/btn-back.png') no-repeat 10px 10px;
    display: inline-block;
}
.btn-back a:hover,
.btn-back a:active,
.btn-back a:visited
{
    color: #FFF;
}
.btn-back:hover > span { color: #FFF; text-decoration: underline; }

/*------------------------------------*
$Button more detail
*------------------------------------*/
.more {
    background: url("/media/images/arrow-sm.png") no-repeat 0px 0px;
    display: inline-block;
    display: block\9;
    float: left\9;
    padding-right: 15px;
}
.more-xs {
    line-height: 20px;
    height: 20px;
    padding-left: 30px;
    font-size: 14px;
}
.more-md {
    line-height: 30px;
    height: 30px;
    padding-left: 40px;
}

.more-lg {
    line-height: 60px;
    height: 60px;
    padding-left: 70px;
}


/*****************
slider
*****************/
.swiper-container {
    height: auto;
    width: 100%;
    max-height: 520px;
    overflow: hidden;
    height:540px\0;
}

.swiper-pagination {
    position: relative;
    bottom: 30px;
    padding: 0px;
    z-index: 10000;
    clear:both;
    text-align: center;
    display:;
    left:  600px\9;
}
.swiper-pagination-switch {
    border: 1px solid #ccc;
    width: 12px;
    height: 12px;
    background: #fff;
    cursor: pointer;
    display: inline-block;
    display: block\9;
    float: left\9;
    margin:0px 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    zoom: 1;
}
.swiper-pagination-switch:first-child {
    margin-left: 0px;
}
.swiper-pagination-switch.swiper-active-switch {
    border: 1px solid #ff0079;
    background: #ff0079;
    cursor: default;
}
.swiper-pagination-container {
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.service-wrapper {
    padding:30px 0px;
    overflow: hidden;
}


/*---------------------
Slider
------------------*/
.slide-desc {
    color: #FFF;
}
.slide-image .img-price {
    /*position: absolute;
    top: 30%;
    */
    float: left;
    margin-left: 15px;
    margin-top: -100%;
}
.slide-image .img-mobile { 
    float: left; margin-left: -5px; 
    margin-top: -5px;
}
.slide-desc .txt-brand { display: none; }

.slide-inner {
    max-width: 1180px;
    padding-left:10px;
    padding-right:10px;
    margin:0px auto;
}
.slide-inner > div {
    max-height: 520px;
    height:520px\0;
    position: relative;
}

.swiper-slide a.more,
.swiper-slide a.more:active,
.swiper-slide a.more:visited {
    color: #FFF;
}
.swiper-slide a.more:hover {
    color: #FFF;
}

.samsung-bg {
    background:url('/w_files/banner/slider1/bg.jpg') no-repeat center center;
    background-size: cover;
}

/*----- Faq -------*/
.faq-content { padding-bottom:80px; }
.faq-content > div {  }
.faq-content > div a {
    display: block; width: 100%; padding:15px 20px 15px 0px; border-bottom:1px solid #ccc;
    background: url("/media/images/btn-next.png") no-repeat right center;
}

.col-xs-15,.col-xxs-15 {width: 20%;float: left;}
.col-xxs-15,.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 5px;padding-left:5px;}



.bin-active-click{ opacity:0.3; cursor:default !important;}
.container-fluid > .row >.boxDevicePromote{ margin:10px 0px; padding-bottom:10px;}
.item-box{ border-bottom:1px solid #ccc;  padding-bottom: 15px;}
.feature-stories>.title-stories>.boxPromote{ margin-bottom:15px;}
.stories-detail{ margin:10px 0px}
.colMarginB {margin-bottom:15px; height:145px;}
.box-remark{ font-size:13px;}
.obj-ussd{display:inline-table; margin-top:0px;}
.space-content-box{ margin-bottom:18px; margin-top:10px;}
.space-content-box-topic{ margin-bottom:25px; margin-top:25px;}
.space-content-topic{ margin-bottom:15px;}
.space-left-10{margin-left:10px;}


#rm-termcons-main{ font-size:13px;}
#rm-termcons-main li{ line-height:18px; margin-bottom:5px;}
.body-img-nr{background:url("//adapter.dtac.co.th/service/header-footer/images/2014/obj_image_no-repeat.png") 100px 100px no-repeat;}
.txt-hl-dtac2013{  font-family: "dtac2013";font-style: normal;font-weight: normal; font-size:16px; line-height:22px;}
.txt-al-center{ text-align:center;}
.txt-df-nor{font-size:14px; font-family:"Tahoma,sans-serif"; color:#333;}
.txt-df-sm{font-size:12px; font-family:"Tahoma,sans-serif"; color:#333;}
.txt-ussd{ font-size:28px; color:#fff; float:left; background-position:0px -363px; height:45px; margin:2px; padding: 3px 3px;  font-family: "dtactogetherthedit"; min-width:20px; text-align:center;}
.txt-ussd-big{ font-size:38px; color:#fff; float:left; background-position:0px -363px; height:45px; margin:2px; padding: 3px 3px;  font-family: "dtactogetherthedit"; min-width:20px; text-align:center;}
.txt-ussd-call{ text-indent: -99999px; width:24px; height:45px; margin:2px 1px; background-position:-272px -363px; float:left;}
.txt-ussd-next{ text-indent: -99999px; width:15px; height:45px; margin:2px 0px; background-position:-250px -363px; float:left;}
.txt-ussd-md{ font-size:14px; color:#fff; float:left; background-position:0px -363px; height:45px; margin:3px 1px; padding: 10px 15px;  font-family: "dtactogetherthedit"; min-width:24px; text-align:center;}
.txt-ussd-sm{ font-size:14px; color:#fff; float:left; background-position:0px -363px; height:45px; margin:3px 1px; padding: 12px 15px;  font-family: "dtactogetherthedit"; min-width:24px; text-align:center;}
.bd1-gray-bgw ,.bd1-gray-bgw-h-auto{border:1px solid #ccc; padding:10px; background:#fff;}

.pd-tb10-lr-30{padding:10px 30px;}
.txt-big-sp{ font-size:32px}
.txt-tc-topic{ font-weight:bold; margin:5px 10px 5px 0px;}
.txt-remark{ font-weight:bold; margin:0 15px 0 0; color:#19b5e9; font-family:"dtac2013";}
.txt-al-center>img{ display:inline;}
.txt-al-center>a{ display:inline-block;}

a.brn-text_st1{background:url("//adapter.dtac.co.th/service/header-footer/images/2014/obj_image_no-repeat.png") 0px -363px; no-repeat; font-size:18px; color:#fff; text-decoration:none; height:45px; margin:3px 1px; padding: 10px 20px;  font-family: "dtactogetherthedit"; min-width:24px; text-align:center; display:inline-block;cursor:pointer;}
a.brn-text_st1-sm{background:url("//adapter.dtac.co.th/service/header-footer/images/2014/obj_image_no-repeat.png") 0px -374px; no-repeat; font-size:18px; color:#fff; text-decoration:none; margin:5px 10px; padding: 5px 20px 0px;  font-family: "dtactogetherthedit"; min-width:24px; text-align:center; display:inline-block; cursor:pointer;}
a.brn-text_st1:hover{color:#eee;}

img.img-al-left{float: left;margin: 0 15px 10px 0;}
img.img-al-right{float: right;margin: 0 0 10px 15px;}

ul.ul-dtac-list-1{ padding:0px 5px; margin:0px;}
ul.ul-dtac-list-1>li{margin-bottom:5px;    background: url("/media/images/bullet_ccc.gif") no-repeat scroll 0 9px rgba(0, 0, 0, 0);padding-left: 20px; list-style: none outside none;}

/*--------- termAndConds --------*/
#termAndConds .panel-default {border: medium none;}
#termAndConds .dtac-rule > a {background: url("/media/images/postpaid/list-rule.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);padding-left: 40px;}
#termAndConds .panel-default > .panel-heading {background:none;}
#termAndConds .panel-body{font-size: 13px;}
/*---------- table data -----------*/
table.tableStyle-1{ border: 1px solid #ccc; }
table.tableStyle-1 thead {background-color: #0091d2;}
table.tableStyle-1 thead tr {background-color: #0091d2; height:50px;}
table.tableStyle-1 thead tr th {color: #fff;vertical-align: middle;}
table.tableStyle-1 tr td{ margin:10px 5px;}
/*---------- codeBox -----------*/
.method-1-box div {
    float: left;
}
.method-1-box::after {
    content: "";
    clear: both;
    float: none;
    display: block;
}
.how-to-call-oversea-method-box h4,
.new-lao-method-box h4 {
    color: #000;
    line-height: 44px;
}
.how-to-call-oversea-method-box p,
.new-lao-method-box p {
    font-size: 14px;
    font-family: "dtac2013", Tahoma, Arial, sans-serif;
    line-height: 44px;
    margin-bottom: 0;
    color: #fff;
}
.method-1-box {
    min-height: 44px;
    margin-bottom: 20px;
}
.method-1 {
    margin-right:25px;
}
.method-1 h3 {
    color: #000;
    line-height: 44px;
    font-size: 18px;
}
.plus-box {
    width: 50px;
    background-color: #00408d;
}
.plus-box h4 {
    font-size: 26px;
    text-align: center;
    font-family: "dtac2013", Tahoma, Arial, sans-serif;
    line-height: 44px;
    display: block;
    color: #fff;
}
.plus-box p {
    font-size: 18px;
    text-align: center;
    font-family: "dtac2013", Tahoma, Arial, sans-serif;
    line-height: 44px;
    display: block;
    color: #fff;
}
.arrow-box {
    width: 20px;
}
.arrow-box div {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #00ace5;
    margin-left: 7px;
    margin-top: 16px;
}
.code-box {
    background: #00529c;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTI5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzAwNjRhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzAwNzFiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdiYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #00529c 0%, #0064aa 34%, #0071b7 54%, #007bbf 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00529c), color-stop(34%, #0064aa), color-stop(54%, #0071b7), color-stop(100%, #007bbf));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #00529c 0%, #0064aa 34%, #0071b7 54%, #007bbf 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #00529c 0%, #0064aa 34%, #0071b7 54%, #007bbf 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #00529c 0%, #0064aa 34%, #0071b7 54%, #007bbf 100%);
    /* IE10+ */
    background: linear-gradient(to right, #00529c 0%, #0064aa 34%, #0071b7 54%, #007bbf 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00529c', endColorstr='#007bbf', GradientType=1);
    /* IE6-8 */
}
.code-box p {
    padding: 0 18px;
}
.area-box {
    background: #007fc2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2ZjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk0ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #007fc2 0%, #0094d2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #007fc2), color-stop(100%, #0094d2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #007fc2 0%, #0094d2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #007fc2 0%, #0094d2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #007fc2 0%, #0094d2 100%);
    /* IE10+ */
    background: linear-gradient(to right, #007fc2 0%, #0094d2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fc2', endColorstr='#0094d2', GradientType=1);
    /* IE6-8 */
}
.area-box p {
    padding: 0 24px;
}
.code-target {
    background: #0098d7;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOThkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzAwOWVkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwOWZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzAxYTFkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzAwYTJkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzAwYTJlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwYTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwYTRlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzAwYTVkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzAwYTZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzAwYTZlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFhZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #0098d7 0%, #009edd 27%, #009fdb 33%, #01a1df 42%, #00a2dd 44%, #00a2e0 46%, #00a4de 52%, #00a4e1 53%, #00a5df 56%, #00a6e4 65%, #00a6e2 73%, #00aae7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0098d7), color-stop(27%, #009edd), color-stop(33%, #009fdb), color-stop(42%, #01a1df), color-stop(44%, #00a2dd), color-stop(46%, #00a2e0), color-stop(52%, #00a4de), color-stop(53%, #00a4e1), color-stop(56%, #00a5df), color-stop(65%, #00a6e4), color-stop(73%, #00a6e2), color-stop(100%, #00aae7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #0098d7 0%, #009edd 27%, #009fdb 33%, #01a1df 42%, #00a2dd 44%, #00a2e0 46%, #00a4de 52%, #00a4e1 53%, #00a5df 56%, #00a6e4 65%, #00a6e2 73%, #00aae7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #0098d7 0%, #009edd 27%, #009fdb 33%, #01a1df 42%, #00a2dd 44%, #00a2e0 46%, #00a4de 52%, #00a4e1 53%, #00a5df 56%, #00a6e4 65%, #00a6e2 73%, #00aae7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #0098d7 0%, #009edd 27%, #009fdb 33%, #01a1df 42%, #00a2dd 44%, #00a2e0 46%, #00a4de 52%, #00a4e1 53%, #00a5df 56%, #00a6e4 65%, #00a6e2 73%, #00aae7 100%);
    /* IE10+ */
    background: linear-gradient(to right, #0098d7 0%, #009edd 27%, #009fdb 33%, #01a1df 42%, #00a2dd 44%, #00a2e0 46%, #00a4de 52%, #00a4e1 53%, #00a5df 56%, #00a6e4 65%, #00a6e2 73%, #00aae7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098d7', endColorstr='#00aae7', GradientType=1);
    /* IE6-8 */
}
.code-target p {
    padding: 0 16px;
}
.phone-sym-box {
    width: 24px;
    margin-left: 8px;
}

@media (min-width: 640px) and (max-width: 767px) {
    .space-content-box {
        min-height: 75px;
    }
}
@media (min-width: 481px) and (max-width: 639px) {
    .space-content-box {
        min-height: 85px;
    }
}

@media (max-width: 768px) {
    .method-1-box div {
        float: none;
        clear: both;
        display: inline-block;
    }
    .how-to-call-oversea-method-box {
        text-align: center;
    }


    .arrow-box div  {
        width: 0; 
        height: 0; 
        border-left: 8px solid transparent;
        border-right:8px solid transparent;
        border-top: 13px solid #00ace5;
        margin-left: 0px;
        margin-top:10px;	
    }
    .phone-sym-box {
        margin-top: 10px;
    }	
}
@media (max-width: 480px) {
    .arrow-box {
        margin: 0 auto;
        width: 20px;
    }
    .method-1-box div {
        clear: both;
        display: block;
        float: none;
    }
    .plus-box {
        margin: 0 auto;

    }
    .phone-sym-box {
        margin-left: 8px;
        margin-top: 10px;
        width: auto;
    }	
}


/*-------- accordian-v ---------*/
.wrapper-inner .accordion-v{
    font-size:14px; font-family:"Tahoma,sans-serif"; color:#333;
    border-bottom:1px solid #0091d2;
}


.wrapper-inner .accordion-v .ui-accordion-header-active{
    background: url("/media/images/arrow-down-1.png") no-repeat scroll 0px 10px #fff !important;
}


.wrapper-inner .accordion-v .ui-accordion-header {
    background: url("/media/images/arrow-side-1.png") no-repeat scroll 2px 8px #fff; outline:none !important;
    border-top:1px solid #0091d2;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 10px 10px 10px 30px;
    min-height: 0;
    color: #333;
    border-radius:0px;
}
.wrapper-inner .accordion-v.ui-accordion-icons {
    padding-left: 15px;
}
.wrapper-inner .accordion-v .ui-accordion-icons .ui-accordion-icons {
    padding-left: 15px;
}
.wrapper-inner .accordion-v.ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
}
.wrapper-inner .accordion-v .ui-accordion-content {
    padding: 10px 20px;
    border-top: 0;
    overflow: hidden;
}
/*-------- list number cicle---------*/
ol.topic-list-number .topic-list-number-data{ font-size:14px; font-family:"Tahoma,sans-serif"; color:#333;}
ol.topic-list-number{
    display:inline;
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-family: "dtac2013";
    font-size:32px;
    color:#0091d2;
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol.topic-list-number>li>span{
    position: relative;
    display: block;
    padding: 15px 0 15px 35px;
    margin: 2px 15px 5px 35px;
    background:none;
    text-decoration: none;
}

ol.topic-list-number>li>span:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -30px;
    top: 42px;
    margin-top: -40px;
    background: #fff;
    height: 50px;
    width: 50px;
    line-height: 45px;
    border: 1px solid #0091d2;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

/* Accordion */
.topic-package-box {
    margin-bottom: 5px;
}

.accordion-menu * {
    outline: 0;
}

.accordion-menu > div > div {
    -webkit-box-sizing: initial;
    box-sizing: initial;
    background: url("/media/images/postpaid/bg-acc.png") repeat-x top center #089edb;
    color: #FFF;
}

.accordion-menu h3 {
    border: #00ace7;
    border-radius: 0;
    z-index: 1200;
}


.ui-accordion .ui-accordion-header {
    background: url("/media/images/arrow-side.png") no-repeat scroll 96% center #00ace7;
    color: #fff;
    margin-top: 5px;
    /*padding: 1em;*/
}

.ui-accordion .ui-accordion-header-active {
    background: url("/media/images/arrow-down.png") no-repeat scroll 96% center #00ace7 !important;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: auto;
}

.hilight-blue {
    background: transparent;
    border-bottom: 1px solid #fff;
    color: #FFF;
    padding: 10px 0 !important;
    margin: 0.5em 10px;
    list-style: none;
}

.accordion-menu li {
    padding: 10px 20px;
    font-size: 16px;
}

.accordion-menu li.active {
    background: none repeat scroll 0 0 #fff;
    color: #0b91d1 !important;
    margin: 5px 10px;
    padding: 10px;
}

.accordion-menu a {
    color: #FFF;
    text-decoration: none;
}
.accordion-menu .active a {
    color: #0b91d1;
}
.icon-circle{ margin-top:20px;}
.icon-circle-list {
    width: 15px;
    height: 10px;
    display: inline-block;
    display: block\9;
    float: left\9;
    padding: 0 !important;
    background: url("/media/images/postpaid/icon-list.png") 0px 12px;
    margin: 0 8px 0 5px;
}
li.active > .icon-circle-list {
    background: url("/media/images/postpaid/icon-list.png") 0px 23px;
}



@media (max-width:480px){
    .visible-xxs{display:block !important}table.visible-xxs{display:table}tr.visible-xxs{display:table-row !important}th.visible-xxs,td.visible-xxs{display:table-cell !important}
    .hidden-xxs{display:none !important}

    .breadcrumb-wrapper { display: none; }

    #dtac-body>.wrapper-inner { padding-top: 45px; }
    .article-title h1 { display:inline; white-space: normal; }
    .slide-inner > div:first-child { padding-top: 35px; overflow: hidden; }

    .col-xxs-offset-0{margin-left:0px}
    .col-xxs-6 { width: 50%; float: left; }
    .col-xxs-10 { width: 83.3333%; float: left; } 
    .col-xxs-12 { width: 100%; display: block; margin-left:0px; margin-right:0px; }


    /*----- Slider -------*/
    .slideimg-left-default {
        z-index: 2;
        position: absolute;
        right: 0px;
        height: 100%;
    }

    .slide-desc { color: #333; }
    .swiper-container {
        width:100%;
        height: auto;
    }
    .slide-image {
        position: relative;
        height: 220px;
        overflow: hidden;
    }
    .slide-image .img-price {
        left: 20px;
        z-index: 10;
    }

    .slide-desc {
        margin-top: 0px;
        padding:20px 30px;
        background: #FFF;
        color: #666;
    }
    .slide-desc .img-brand { display: none; }
    .slide-desc .txt-brand { display: block; }
    .slide-desc h1 {
        font-style: italic;
    }

    .btn-more-store {
        color: #333;
    }

    .slide-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    .slide-inner .left-box {
        height: 220px;
        padding-left:0px;
        padding-right:0px;
    }
    .slide-inner .right-box {
        height: 240px;
        max-height: 300px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom: 20px;
        background-color: #FFF;
    }

    .keyword-desktop { display: none; }
    .keyword-mobile { display: block; }

    .samsung-bg {
        background-position: left top;
        background-size: auto 250px;
    }
    .swiper-slide a.more,
    .swiper-slide a.more:hover,
    .swiper-slide a.more:active,
    .swiper-slide a.more:visited {
        color: #333;
    }

    .swiper-pagination-switch { background: #bbb; }

    .article-title span.spacer:after { width: 0; content: ""; }


    ol.topic-list-number{ font-size:20px;}
    ol.topic-list-number>li>span:before{ width:30px; height:30px; line-height:28px;}
    ol.topic-list-number>li>span{padding: 15px 0 20px 5px;}

}

/* Small devices (Smartphones, 480px and up) */
@media (min-width: 480px) {
    #dtac-body>.wrapper-inner { padding-top: 80px; }
    .slide-inner > div { padding-top: 80px; }
    .keyword-desktop { display: block; }
    .keyword-mobile { display: none; }


}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #dtac-body>.wrapper-inner { padding-top: 0px; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .slide-inner > div { padding-top: 110px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}


/*-------pla---------*/


@media (min-width: 10px) and (max-width: 479px)  {
    .product-btn-bg{max-width:initial !important;}
    h2, .h2 {line-height: 26px !important;}

}
@media (min-width: 480px) and (max-width: 767px)  {
    #dtac-body > .mainSubmenu{ padding-top:0px !important;}
    .ctBox3 div.boxPromote:nth-child(4) {clear:none;}
    .ctBox3 div.boxPromote:nth-child(3) {clear:both;}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px){
    .product-btn-bg {
        margin-top: 10px !important;
        margin-bottom: 0;
    }
    .stories-detail{ margin:0 0 10px 0;}

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px){
    .swiper-container{
        border: 1px solid #00f;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .item-box{ border-bottom:0px solid #ccc;}
}
@media (min-width: 480px) and (max-width: 991px)  {
    .btnBuyonline {
        background: url("/media/images/dtac-store-shopping-sm.png") right center no-repeat, -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, #83007A),
            color-stop(0.7, #FC007A)
        );
        background: url("/media/images/dtac-store-shopping-sm.png") right center no-repeat, -o-linear-gradient(right, #83007A 0%, #FC007A 70%);
        background: url("/media/images/dtac-store-shopping-sm.png") right center no-repeat, -moz-linear-gradient(right, #83007A 0%, #FC007A 70%);
        background: url("/media/images/dtac-store-shopping-sm.png") right center no-repeat, -webkit-linear-gradient(right, #83007A 0%, #FC007A 70%);
        background: url("/media/images/dtac-store-shopping-sm.png") right center no-repeat, -ms-linear-gradient(right, #83007A 0%, #FC007A 70%);
        background: url("/media/images/dtac-store-shopping-sm.png") right center no-repeat, linear-gradient(to right, #83007A 0%, #FC007A 70%);
    }
    .swiper-pagination {
        bottom: 25px !important;
    }
    /*
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left:0px !important; padding-right:0px !important;}
    */
}

@media (min-width: 0px) and (max-width: 767px) {
    .btnBuyonline {
        padding: 7px 43px 7px 15px;
        width: auto;
    }
}



#dtac-header #search-results #search-results-data .s-text-bottom, #dtac-header #search-results-mb #search-results-data-mb .s-text-bottom{display:none !important;}

/*----- social css -----*/

.page-share-holder {
    float: right;
}
.page-share-holder .share-count {
    
    color: #0091d2;
    display: inline-block;
    float: left;
    margin-right: 13px;
    text-align: center;
    width: 80px;
}
.page-share-holder .social-btn:before {
    display: block;
    float: left;
    height: 18px;
    margin-right: 9px;
    width: 18px;
}
.page-share-holder .social-btn.fb {
    background: none repeat scroll 0 0 #2c5f9f;
}
.page-share-holder .social-btn.tw {
    background: none repeat scroll 0 0 #1ac2f7;
}
.page-share-holder .social-btn {
    color: #fff;
    display: inline-block;
    float: left;
    margin-right: 4px;
    padding: 9px 10px;
}
.page-share-holder .social-btn i {
    font-size: 18px;
}
.page-share-holder .social-more>a {
    background-color: rgba(0,0,0,0.5);
    display: block;
    float: left;
    padding: 8px 12px;
    margin-right: 4px;
    color: #fff;
}
.page-share-holder .social-more > .dropdown-menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border: 0 none;
    border-radius: 0;
}
.page-share-holder .social-more > .dropdown-menu > li > a {
    color: #fff;
}
.social-wrap {
    height: 50px;
}

/*---- table ----*/
table > thead > tr > th,
table > tbody > tr > th, 
table > tfoot > tr > th {
    font-size: 18px;
}


/*---- bootstrap collapse ----*/
.panel-title {
    font-size: 18px;
}



/*---- device ----*/
.device-item .price {
    font-size: 38px;
}
.device-item .price span {
    font-size: 20px;
}
.buy-option-box label {
    font-size: 17px;
}


.swiper-slide .btnViewmore,
.swiper-slide .btnBuyonline {
    width: 70%;
    font-size: 18px;
}
.swiper-slide .btnDtac {
    font-size: 18px;
}

.btnDtacDefault {
    background: url("/media/images/store/arrow-side-store.png") no-repeat scroll 95% center, linear-gradient(to right, #83007a 0%, #fc007a 70%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    margin: 5px 0;
    padding: 7px 20px;
    text-align: left;
}
.dp-block {
    display: block;
}
.font-c-pink {
    color: #eb268e;
}

#dtac-footer footer .wrap {
    position: relative;
}

.contact-bubble { 
    background-color: #eb268e;
    border-radius: 4px;
    font-family: "dtac2013";
    font-size: 21px;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    position: relative;
    width: 300px;
}
.contact-bubble a,
.contact-bubble a:hover,
.contact-bubble a:active,
.contact-bubble a:focus {
    color: #fff;
}  
.contact-bubble:after { 
    top: 100%; 
    left: 10%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
    border-color: rgba(235, 38, 142, 0); 
    border-top-color: #eb268e; 
    border-width: 13px; 
    margin-left: -13px; 
}


.contact-bubble-wrapper {
    position: absolute;
    top: 40px;
    left: 15px;
}

@media (min-width: 0px) and (max-width: 900px) {
    .contact-bubble-wrapper {
        top: -10px;
        left: 0;
        background: #fff;
        position: relative;
    }
    .contact-bubble {
        margin: 0px auto 25px;
    }
}

/*------ term and cont ------*/
.panel-default {
    border: medium none;

}
.panel-default > .panel-heading {
    background-color: transparent;
}
.panel {
    box-shadow: none;
    border: 1px solid transparent !important;
}
.dtac-rule > a {
    background: url("../../media/images/postpaid/list-rule.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 40px;
}

/*--------- landing theme ---------*/
.landing-default>header,
.landing-default .img-banner {
    margin-bottom: 30px;
}
.landing-default .landing-ct .landing-h {
    margin-bottom: 30px;
}

.landing-theme-pre .head-article .spacer:after {
    background-color: #fff !important;
}
html.theme-prepaid .head-article .spacer:after {
    background-color: #fff !important;
}
.table-blue th {
    background-color: #0077c1;
    color: #fff;
    font-family: 'dtac2013';
    text-align: center;
    vertical-align: middle;
}

html.theme-postpaid {
    background-position: 0 -470px !important;
}
html.theme-prepaid {
    background-image: url("/media/images/dtac_background_top_prepaid.jpeg") !important;
    background-position: 0 -470px !important;
}



/*--- no more table ---*/
@media only screen and (max-width: 767px) {
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }



    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr { border: 1px solid #ccc; }

    .no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        padding-top: 60px !important;
    }

    .no-more-tables td:before {
        /* Now like a table header */
        background-color: #0077c1;
        display: block;
        font-family: 'dtac2013';
        font-weight: bold;
        left: 0;
        padding: 10px !important;
        position: absolute;
        text-align: left;
        top: 0;
        white-space: nowrap;
        width: 100%;
        color: #fff;
    }

    /*
    Label the data
    */
    .no-more-tables td:before { content: attr(data-title); }
}

.icon-4g {
    background: url("/media/images/store/device-icon.png") no-repeat scroll 0 -88px rgba(0, 0, 0, 0);
}
.icon-15-month {
    background: url("/media/images/store/device-icon.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);
}
.icon-life-time {
    background: url("/media/images/store/device-icon.png") no-repeat scroll 0 -44px rgba(0, 0, 0, 0);
}
.icon-store-package {
    height: 44px;
    margin-bottom: 5px;
    padding-left: 0px;
    width: 44px;
    display: block;
}

/* trust */
#trust-contact{
    margin-top:10px;
}
/*4 Column*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 25%;
    float: left;
}

.col-xs-5ths>* {
    display:inline-block;
}

.col-xs-5ths h4 {
    line-height:20px;
    text-align:left;
    margin-left:5px;
}
.col-xs-5ths h4 small {
    font-size:80%;
}
#trust .row {
    margin:0;
}
#trust .col-xs-5ths {
    background:#f2f2f2;
    border-left:1px dashed #FFF;
    padding:15px 0;
    text-align:center;
}
#trust .col-xs-5ths:first-child {
    border-left:none;
}
#trust-contact h3 {
}
#trust-contact p {
    display:inline-block;
}
#trust-contact i {
    margin-right:5px;
    display:inline-block;
}
#trust-contact a {
    text-decoration:underline;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 25%;
        float: left;
    }
   
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 25%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 25%;
        float: left;
    }
}
/*End 4 Column*/

/*5 Column*/
/*
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}

.col-xs-5ths {
width: 20%;
float: left;
}

.col-xs-5ths>* {
display:inline-block;
}

.col-xs-5ths h4 {
line-height:20px;
text-align:left;
margin-left:5px;
}
.col-xs-5ths h4 small {
font-size:80%;
}
#trust .row {
margin:0;
}
#trust .col-xs-5ths {
background:#f2f2f2;
border-left:1px dashed #FFF;
padding:15px 0;
text-align:center;
}
#trust .col-xs-5ths:first-child {
border-left:none;
}
#trust-contact h3 {
}
#trust-contact p {
display:inline-block;
}
#trust-contact i {
margin-right:5px;
display:inline-block;
}
#trust-contact a {
text-decoration:underline;
}

@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
.row {
margin-right:0 !important;
}
}

@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}

@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
*/
/*End 5 Column*/
@media (max-width: 1024px) {
    #trust .col-xs-5ths {
        border-left:2px dashed #FFF;
    }
    #trust .row, #trust-contact .row {
        padding:0 10px;
        margin:0;
    }
    .col-xs-5ths h4 {
        text-align:center;
        clear:both;
        display:block;
        margin-left:0;
    }
}
@media (max-width: 768px) {
    .col-xs-5ths h4 {
        font-size:100%;
        line-height:15px;
    }
    #trust-contact i, #trust-contact p {
        float:left;
    }
    #trust-contact>div>div {
        clear:both;
    }
}
@media (max-width: 479px) {
    .pro-list-wrapper > article:last-child { border-bottom-width: 1px; }
    .pro-list-wrapper .more { display: none; }
    .col-xs-5ths h4 {
        font-size:80%;
        line-height:normal;
    }
    #trust img {
        max-height:35px;
    }
    #trust .col-xs-5ths {
        padding:15px 0 0;
        min-height:100px;
    }
    .col-xs-5ths h4 {
        font-family:Tahoma, sans-serif;
    }
    #trust .row {
        margin:0 -10px;
        padding:0;
    }
    #trust #trust-contact .row {
        margin:0;
        padding:0;
    }
}
	  

/*Prepaid*/
.font-c-prepaid {
    color: #ef06f8;
}

.plus-box-prepaid {background-color: #8D0000;width:50px;}
.plus-box-prepaid p {
    font-size: 18px;
    text-align: center;
    font-family: "dtac2013", Tahoma, Arial, sans-serif;
    line-height: 44px;
    display: block;
    color: #fff;
}
.code-box-prepaid {
    /*  background: #9C0000;*/
    background: #ef06f8;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTI5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzAwNjRhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzAwNzFiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdiYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #9C0000 0%, #AA0000 34%, #B70000 54%, #BF0000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9C0000), color-stop(34%, #AA0000), color-stop(54%, #B70000), color-stop(100%, #BF0000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #9C0000 0%, #AA0000 34%, #B70000 54%, #BF0000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #9C0000 0%, #AA0000 34%, #B70000 54%, #BF0000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #9C0000 0%, #AA0000 34%, #B70000 54%, #BF0000 100%);
    /* IE10+ */
    background: linear-gradient(to right, #9C0000 0%, #AA0000 34%, #B70000 54%, #BF0000 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9C0000', endColorstr='#BF0000', GradientType=1);
    /* IE6-8 */
}
.code-box-prepaid p {
    padding: 0 18px;
}
.area-box-prepaid {
    background: #C20000;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #C20000 0%, #D20000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C20000), color-stop(100%, #D20000));
    background: -webkit-linear-gradient(left, #C20000 0%, #D20000 100%);
    background: -o-linear-gradient(left, #C20000 0%, #D20000 100%);
    background: -ms-linear-gradient(left, #C20000 0%, #D20000 100%);
    background: linear-gradient(to right, #C20000 0%, #D20000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C20000', endColorstr='#D20000', GradientType=1);
}
.area-box-prepaid p {
    padding: 0 24px;
}
.code-target-prepaid {
    background: #d70000;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOThkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzAwOWVkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwOWZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzAxYTFkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzAwYTJkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzAwYTJlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwYTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwYTRlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzAwYTVkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzAwYTZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzAwYTZlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFhZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #d70000 0%, #dd0000 27%, #db0000 33%, #df0101 42%, #e00000 44%, #e00000 46%, #de0000 52%, #de0000 53%, #df0000 56%, #e40000 65%, #e20000 73%, #e70000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d70000), color-stop(27%, #dd0000), color-stop(33%, #db0000), color-stop(42%, #df0101), color-stop(44%, #e00000), color-stop(46%, #e00000), color-stop(52%, #de0000), color-stop(53%, #de0000), color-stop(56%, #df0000), color-stop(65%, #e40000), color-stop(73%, #e20000), color-stop(100%, #e70000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #d70000 0%, #dd0000 27%, #db0000 33%, #df0101 42%, #e00000 44%, #e00000 46%, #de0000 52%, #de0000 53%, #df0000 56%, #e40000 65%, #e20000 73%, #e70000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #d70000 0%, #dd0000 27%, #db0000 33%, #df0101 42%, #e00000 44%, #e00000 46%, #de0000 52%, #de0000 53%, #df0000 56%, #e40000 65%, #e20000 73%, #e70000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #d70000 0%, #dd0000 27%, #db0000 33%, #df0101 42%, #e00000 44%, #e00000 46%, #de0000 52%, #de0000 53%, #df0000 56%, #e40000 65%, #e20000 73%, #e70000 100%);
    /* IE10+ */
    background: linear-gradient(to right, #D70000 0%, #DD0000 27%, #DB0000 33%, #DF0101 42%, #DD0000 44%, #E00000 46%, #DE0000 52%, #E10000 53%, #DF0000 56%, #E40000 65%, #E20000 73%, #E70000 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d70000', endColorstr='#e70000', GradientType=1);
    /* IE6-8 */
}
.code-target-prepaid p {
    padding: 0 16px;
}
/*Prepaid*/
/*
.ui-accordion .ui-accordion-header-active {
    background: url("/media/images/arrow-down.png") no-repeat scroll 96% center #ef06f8 !important;
}
.ui-accordion .ui-accordion-header {
    background: url("/media/images/arrow-side.png") no-repeat scroll 96% center #ef06f8;
    color: #fff;
    margin-top: 5px;padding: 1em;
}
#prepaid-theme .package-list-2016 .item-2016 h2{
    color: #ef06f8;
}

#promotion-tap li.active a {
    color:  #ef06f8 !important;
}
#tab-content-promotion h4, #tab-content-promotion .form-group .col-sm-3 p {
    color:  #ef06f8 !important;
}





.accordion-menu h3 {
	border: medium none #ef06f8;
	border-radius: 0;
	z-index: 1200;
}
.special-promotion-list {
	background: none repeat scroll 0 0 #ef06f8;
	line-height: 1.6em;
	margin: 15px 0;
	padding: 20px 20px 10px !important;
}
.accordion-menu li.active {
	color: #ef06f8 !important;
}
.accordion-menu .active a {
	color: #ef06f8;
}
.accordion-menu > div > div {
	background: url("/media/images/bg-acc-red.png") repeat-x scroll center top #ef06f8;
	box-sizing: initial;
	color: #fff;
}*/


