img{cursor: pointer;}

@font-face {
    font-family: 'dbadminx';
    src: url('/assets/ff/DB Adman X.eot');
    src: url('/assets/ff/DB Adman X.eot?#iefix') format('embedded-opentype'),
         url('/assets/ff/DB Adman X.woff') format('woff'),
         url('/assets/ff/DB Adman X.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: 'dbo_xmedium';
  src: url('/assets/dbozonex-medium.eot');
  src: url('/assets/dbozonex-medium.eot?#iefix') format('embedded-opentype'), 
		url('/assets/dbozonex-medium.svg#db_ozone_xmedium') format('svg'), 
		url('/assets/dbozonex-medium.woff') format('woff'), 
		url('/assets/dbozonex-medium.ttf') format('truetype');
  font-weight: normal;
}

 i{font: -webkit-body !important;}
.f_th{font-family: 'dbadminx';}
.font_14{font-size: 14px;}
.font_15{font-size: 15px;}
.font_16{font-size: 16px;}
.font_18{font-size: 18px;}
.font_24{font-size: 24px;}
.f_thai2{color:#001f52;font-family: 'dbadminx';font-size: 30px;font-weight: bold;line-height: 30px;}
.f_thai{color:#001f52;font-family: 'dbo_xmedium';font-size: 48px;font-weight: bold;line-height: 30px;}
.f_blue{color:#001f52;}
.font14_f{font: 14px "Helvetica", serif;color:#001f52;}
.font18_f{font: 18px "Helvetica", serif;color:#001f52; font-weight:bold;}
.font20_f{font: 15px "Helvetica", serif;color:#001f52; font-weight:bold;}
.text_r{text-align: right;}
.text_c{text-align: center;}
.left{float:left;}
.right{float:right;}
.mt_08{margin-top:-8px;}
.mb_5{margin-bottom: 5px;}
.mb_10{margin-bottom: 10px !important;}
.mb_20{margin-bottom: 20px !important;}
.mb_040{margin-left: -40px;}
.mo{margin:0px;}
.po{padding:0px;}
.pt_5{padding-top:5px !important;}
.pt_20{padding-top:20px !important;}
.pr_20{padding-right:20px;}
.pr_40{padding-right:40px;}
.pl_20{padding-left:20px;}
.pl_50{padding-left:50px;}
.w260{width:260px;}
.w300{width:300px;}
.h_35{height:35px;}
.h_40{height:40px;}
.l_35{line-height:35px;}
.l_40{line-height:40px;}
.h_90{height:90px;}
.h_120{height:120px;}
.h_170{height:170px;}
.w_fifty{width:50%;}
.clear{clear:both;}
.smooth{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} 
input { -webkit-transition: box-shadow .3s;transition: box-shadow .3s;}
input:focus {box-shadow: 0px 0px 7px blue;}
.bg_brown{background-color:#a3a3a3;}
.border_none{border-style: solid; border-width: 0px; }
.height30{height:30px;}
.width250{width:250px;}
.contact_content{font-family: 'dbadminx'; font-size: 24px; margin:0px; padding:0px;}

.text {width:650px;padding-left:14px;margin-top:20px;}
.text div, .text div:active{float:left;width:35px; height:35px; color:#324b74; font: 24px "Helvetica", serif; margin-left:1px; margin-right:1px; margin-bottom:10px; line-height: 35px; text-align:center;}
.text div:focus, .text div:hover {cursor: pointer ; float:left;width:35px; height:35px; background-image:url('/assets/bg_text.png'); color:#324b74; font: 24px "Helvetica", serif; margin-left:1px; margin-right:1px; margin-bottom:10px; line-height: 35px; text-align:center;}
.text div div{text-align:center;padding: 0;vertical-align: middle;display: table-cell;margin: 0;}
.text div:first-child{ padding-left:0px;}
.texta {width:650px;padding-left:14px;margin-top:20px;}
.texta div, .texta div:active{float:left;width:35px; height:35px; color:#324b74; font: 30px "dbadminx", serif; margin-left:1px; margin-right:1px; margin-bottom:10px; line-height: 35px; text-align:center;}
.texta div:focus, .texta div:hover {cursor: pointer ; float:left;width:35px; height:35px; background-image:url('/assets/bg_text.png'); color:#324b74; font: 30px "dbadminx", serif; margin-left:1px; margin-right:1px; margin-bottom:10px; line-height: 35px; text-align:center;}
.texta div div{text-align:center;padding: 0;vertical-align: middle;display: table-cell;margin: 0;}
.texta div:first-child{ padding-left:0px;}


.text2 {width:628px;padding:30px 0 60px 120px;  text-align:center;}
.text2 div, .text2 div:active{float:left;width:35px; height:35px; color:#324b74; font: 24px "Helvetica", serif; margin-left:1px; margin-right:1px; margin-bottom:10px; line-height: 35px; text-align:center;}
.text2 div{ color:#919191;cursor: pointer; position:inherit;}
.text2 div:focus, .text2 div:hover {cursor: pointer ; float:left;width:35px; height:35px; background-image:url('/assets/bg_text.png'); color:#324b74; font: 24px "Helvetica", serif; margin-left:1px; margin-right:1px; margin-bottom:10px; line-height: 35px; text-align:center;}
.text2{margin: 0px auto;}
.text3{color:#cdcdcd; font-style:bold; font: 20px "dbadminx", serif;  margin-left:1px; margin-right:1px; margin-bottom:10px;}
.text4{color:#000; font-style:bold; font: 24px "dbadminx", serif;  margin-left:1px; margin-right:1px; margin-bottom:10px;}
.text4a {width:428px;padding:30px 0 60px 120px;  text-align:center;margin: 0px auto;}
.text4a div, .text4a div:active{float:left;width:35px; height:35px; color:#324b74; font: 24px "Helvetica", serif; margin-left:1px; margin-right:1px; margin-bottom:10px; line-height: 35px; text-align:center;}
.text4a div{ color:#919191;cursor: pointer; position:inherit;}
.text4a div:focus, .text4a div:hover {cursor: pointer ; float:left;width:35px; height:35px; background-image:url('/assets/bg_text.png'); color:#324b74; font: 24px "Helvetica", serif; margin-left:1px; margin-right:1px; margin-bottom:10px; line-height: 35px; text-align:center;}
.blue{color:#001f52}

div.menu{margin-top:10px;}
div.menu img{margin-right:10px;}
div.menusong img{margin-right:10px;margin-top:10px;}
.clear{clear:both}

.title{position:absolute; top:0px; left:0px; z-index:4; height:175px; width:100%; background-image:url('/assets/title.png'); background-repeat:no-repeat; background-position: right bottom;}
.bg_song{width:50%;height:890px; z-index:2; position:absolute; left: 0; background-image:url('/assets/a_bg.png');background-repeat:no-repeat;background-position: right;}
.bg_gray{width:100%;height:890px; z-index:1; position:absolute; right: 0; background-image:url('/assets/b_bg.png');background-repeat:repeat;}
.bg_top{width:450px;height:350px; z-index:2; position:absolute; right: 0;  background-image:url('/assets/c_bg.png');background-repeat:no-repeat;}
.right_menu{position:absolute; right: 0;top: 50%; z-index:5;}

 
.copyright{position: absolute;bottom: 0px;left: 30%;z-index: 3;width: 682px;height: 150px;color: #3e557b;font: 18px "Helvetica", serif;text-align:center;}
.copyright a{cursor: pointer;}

.an_title{position:absolute; top:0px; left:0px; z-index:4; height:175px; width:100%; background-image:url('/assets/anouncer/title.png'); background-repeat:no-repeat; background-position: right bottom;}
.bg_an_song{width:50%;height:100%; min-height:900px; z-index:2; position:absolute; left: 0; background-image:url('/assets/anouncer/a_bg.png');background-repeat:no-repeat; }
.bg_an_gray{width:100%;height:100%; z-index:1; position:absolute; right: 0; background-image:url('/assets/anouncer/b_bg.png');background-repeat:repeat;}
.menusong div{float:left;width:314px; line-height:50px;height:50px;margin-right: 10px;margin-top: 10px; cursor: pointer;background-image:url('/assets/anouncer/song_bt.png');background-repeat:no-repeat;text-align: center;color:#fff;font-family: "dbadminx"; font-size:22px;}

.sr_title{position:absolute; top:0px; left:0px; z-index:4; height:175px; width:100%; background-image:url('/assets/showreels/title.png'); background-repeat:no-repeat; background-position: right bottom;}
.bg_sr_gray{width:100%;height:100%; /*min-height:900px; */z-index:1; position:absolute; left: 0; background-image:url('/assets/showreels/b_bg.png');background-repeat:repeat;}
.sr_footer{position:absolute;bottom: 0px;left:0px; z-index:3; width:282px;height:250px;background-image:url('/assets/anouncer/footer.png');background-repeat:no-repeat;}
.sr_img-circle{width:180px; height:180px;  margin: 0 18px 5px 18px; display: block; border-radius: 50%;display: inline-block;/*height: auto !important;*/vertical-align: middle;
border-style: solid !important;
border-width: 2px !important;
border-color: #fff !important;
}
}

.ab_title{position:absolute; top:0px; left:0px; z-index:4; height:175px; width:100%; background-image:url('/assets/about/title.png'); background-repeat:no-repeat; background-position: right bottom;}
.bg_ab_song{width:50%;height:100%;min-height:800px; z-index:2; position:absolute; left: 0; background-image:url('/assets/about/a_bg.png');background-repeat:no-repeat;background-position: right;}
.bg_ab_gray{width:100%;height:100%; z-index:1; position:absolute; right: 0; background-image:url('/assets/about/b_bg.png');background-repeat:repeat;}
.bg_ab_top{width:450px;height:350px; z-index:2; position:absolute; right: 0;  background-image:url('/assets/about/c_bg.png');background-repeat:no-repeat;}
.ab_intro {
background-repeat: no-repeat;
/*background-position: center center;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale')";
text-align: center;
padding-top: -50px;
}

.ct_title{position:absolute; top:0px; left:0px; z-index:4; height:175px; width:100%; background-image:url('/assets/contact/title.png'); background-repeat:no-repeat; background-position: left bottom;}
.bg_ct_gray{width:100%;height:100%; z-index:1; position:absolute; right: 0; background-image:url('/assets/contact/ct_bg.png');background-repeat:repeat;}
.ct_footer{position:absolute;bottom:0px;left:0px; z-index:3; width:282px;height:250px;background-image:url('/assets/contact/footer.png');background-repeat:no-repeat;}
.ct_textbox{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color:#a3a3a3;border-style: solid; border-width: 0px;height:30px;width: 275px; }
.ct_textarea{/*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color:#a3a3a3;border-style: solid; */border: 1px solid #ccc; width: 275px;   }
.ct_bt_sent{background: url('/assets/contact/bt_send_001.png') no-repeat;width:80px; height:33px;border:0px;cursor:pointer; }
.ct_bt_sent:hover, .ct_bt_sent:active {background: url('/assets/contact/bt_send002.png') no-repeat;width:80px; height:33px;border:0px;cursor:pointer; }
.ct_bt_map{background: url('/assets/contact/bt_map_002.png') no-repeat;width:130px; height:33px;border:0px;cursor:pointer; }
.ct_bt_map:hover, .ct_bt_map:active {background: url('/assets/contact/bt_map_002.png') no-repeat;width:130px ; height:33px;border:0px;cursor:pointer; }
.ct_bt_gg{background: url('/assets/contact/bt_google_002.png') no-repeat;width:130px; height:33px;border:0px;cursor:pointer; }
.ct_bt_gg:hover, .ct_bt_gg:active {background: url('/assets/contact/bt_google_002.png') no-repeat;width:130px; height:33px;border:0px;cursor:pointer; }
form.contact-form {background: none !important;}
.contact{color:#001f52;}
.ct_img , .ct_img:focus, .ct_img:hover, .ct_img:actve{border-style: solid !important; border-width: 2px !important; border-color:#001f52 !important;}



.st_title{position:absolute; top:0px; left:0px; z-index:4; height:175px; width:100%; background-image:url('/assets/about/title.png'); background-repeat:no-repeat; background-position: right bottom;}
.st_content{position:absolute;top:50px;right:0px; z-index:4;  width:100%; }
.st_img{width:233px !important;height:144px !important; margin: 0 10px 10px 0;border-style: solid !important;border-width: 2px !important;border-color: #fff !important;}

.bg_st_song{width:60%;height:100%;min-height:720px; z-index:2; position:absolute; left:50% ;top:0px; background-image:url('/assets/studio/s_bg.png');background-repeat:no-repeat; }
.bg_st_gray{  background-color:#fff;}
.st_content{font-family: 'dbadminx'; font-size: 16px; margin:0px; padding:0px;font-weight: normal; }
.st_content2{font-family: 'Helvetica'; font-size: 16px; margin:0px; padding:0px;font-weight: normal; }
.st_content3{font-family: 'dbadminx'; font-size: 20px; margin:0px; padding:0px;font-weight: normal;}
.st_content3 ul{list-style: square !important;}
.st_content3 ol{list-style: decimal !important;}
.st_service{color:#001f52;font-family: 'dbo_xmedium';font-size: 18px;font-weight: bold;line-height: 22px;margin-bottom: 10px !important;}





.gallery-wrap { margin: 0 auto; overflow: hidden; width: 1100px; }
.gallery { position: relative; left: 0; top: 0; }
.gallery__item { float: left; list-style: none;   }
.gallery__img { display: block; border: 4px solid #40331b; height: 175px; width: 160px; }

.gallery__controls { margin-top: 10px; }
.gallery__controls-prev { cursor: pointer; float: left; }
.gallery__controls-next { cursor: pointer; float: right; }

/*
    For clearfix information visit:
    http://nicolasgallagher.com/micro-clearfix-hack/
*/
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}