@charset "utf-8";
/* CSS Document */


* {margin:0;padding:0;}
body {background:#ccc url(../di/body.png) center top repeat-x;font-size:13px; font-family:Tahoma, Geneva, sans-serif;}
p {color:#5a5a5a;}
li { list-style:none;}
a { text-decoration:none; display:block;}
img,fieldset {border:none;}
.clear {clear:both;}
.a-list a {display:block; padding-left:12px; background:url(../di/a-list.png) 0 -26px no-repeat; color:#5a5a5a; margin:5px 0;}
.a-list a:hover { text-decoration:underline; color:#b97a1b; background-position:0 4px;}
.wrapper {
	width:940px;
	margin:0 auto; 
	position:relative; 
	background:#fff;
	margin-top:30px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/*header*/
header {
	background:#fff url(../di/bg-header.png) repeat-x;
	display:block;
	height:95px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
header hgroup {display:block;float:left; width:400px;height:95px;background: url(../di/logo.png) no-repeat;}
header hgroup * {text-indent:-9999px; }
.header-r {float:right;width:540px;}
.header-sub {display:block; width:100%; height:31px;position:relative;}
.header-sub * {float:left; display:block;}
.sub2 {position:absolute; background:url(../di/header-sub2.png) no-repeat; width:325px;height:35px;padding-left:70px; left:163px;}
.sub2 a {text-indent:-9999px;height:20px;}
.sub2 a:hover { background:#5a5a5a;opacity:0.3;}
.sub2-1{width:108px;}
.sub2-2{width:94px;}
.sub2-3{width:105px;}
.header-sub1 {height:28px;padding:5px 0 0; margin-bottom:5px;}
.header-sub1>p {
    padding: 8px 8px 0 0;
    text-align: right;
    width: 410px;}
.lang {width:24px;height:24px; background:url(../di/lang.png) no-repeat; overfow:hidden;margin:3px 0 0 4px;text-indent:-9999px; }
.thai {background-position:0 0;}
.thai:hover{ background-position:0 -30px;}
.eng{background-position:-27px 0;}
.eng:hover{background-position:-27px -30px;}
.china {background-position:-54px 0;}
.china:hover {background-position:-54px -30px;}

.signin,.search,.shared a {height:20px; text-indent:-9999px;margin-left:2px; background:url(../di/header-sub3.png) no-repeat;}  
.signin{width:58px;}
.submit{
	background:url(../di/signin.png) no-repeat;
	width:66px !important; 
	border:none;
    clear: both;
    height: 20px !important;
    margin: 32px 0 0 123px !important;
	text-indent:-9999px;
}
.signout{ width:64px; height:21px; background:url(../di/sign_out_btn.png) no-repeat; }
.submit:hover {cursor:pointer;}
.search{width:56px;background-position:-60px 0;}
.shared a {width:20px;}
.shared a.shared1{background-position:-120px 0;}
.shared a.shared2{background-position:-141px 0;}
.shared a.shared3{background-position:-162px 0;}
.shared a.shared4{background-position:-184px 0;}
.shared a.shared5{background-position:-207px 0;}

.header-sub3 {width:292px; float:right;}
a#phone{ padding-top:1px; padding-left: 3px; }
.si-li,.se-li {position:relative;}
.d-signin,.d-search {display:none; position:absolute; width:208px; padding:10px;height:143px; background: url(../di/bg-popup.png) no-repeat; top:20px;right:-10px;overflow:hidden;z-index:3;}
.d-signin label,.d-signin input { 
	display: block;
	float: none;
	height: 17px;
    margin: 2px 0 3px 10px;
    width: 177px;
}
.sel-d {
	display: block;
    margin:5px 0 0 10px;
    width: 178px;
}
.d-search p {
	display:block;
    float: none;
   margin:5px 0 3px 10px;
}
.d-search input.searchfield{width:178px;margin:10px 0;}
.d-search input {
	width:15px;
}


/*nav*/
nav {clear:both;display:block; position:relative; height:35px;width:100%;}
nav>ul {display:block; position:absolute;background: url(../di/bg-nav.png) no-repeat;height:58px; left:-25px;width:925px;padding-left:25px;}
nav ul.ul-nav2 {background:url(../di/bg-nav2.png) no-repeat;}
nav ul.nav-portal {background:url(../di/bg-nav2.png) no-repeat;}
nav li {float:left;}
nav a.anav {display:block;height:31px; text-indent:-9999px;}
nav a.anav:hover { background:#5a5a5a;opacity:0.3;}
nav a.nav1 {width:138px;}
nav a.nav2 {width:158px;}
nav a.nav3 {width:145px;}
nav a.nav4 {width:127px;}
nav a.nav5 {width:192px;}
nav a.nav6 {width:160px;}

/*main-content*/
.content{overflow:hidden; background:#fff;}
.main-content  {width:694px;padding:15px; overflow:hidden; float:right; background:#fff;}
.main-content h1 { /*background:url(../di/mainh1.png) no-repeat;text-indent:-9999px; height:38px; width:281px;*/ color:#C09C62; margin-top:10px;}
.main2{width:910px !important; float:none;}
.cont-img {width:100%; height:auto;margin:0 0 20px 0;}
.main-content-l {width:479px; float:left;padding-right:5px; border-right:dotted 1px #ccc;}
.mainl2 {width:690px;}
.main-content-l p {margin:10px 0;}
.main-content-r {width:209px; float:right;}
.main-content-r h2 { background:url(../di/mainrh2.png) no-repeat ;text-indent:-9999px; height:32px;border-bottom:dotted 1px #ccc; }
.main-content-r ul {margin-left:10px;}
.breadcrumbs {color:#826442;margin-top:10px;}
.breadcrumbs a {color:#c09c62;display:inline; margin:0 5px;}
.breadcrumbs a:hover { text-decoration:underline;}
/*aside*/
.a-cont {width:216px; min-height:625px; background:url(../di/bg-aside.jpg) repeat-x #fff; display:block;}
.a-cont h2 { background:url(../di/contact.png) no-repeat bottom;text-indent:-9999px; height:32px; padding-top:60px;}
.a-cont p,.a-cont .a-list {margin:15px;}
.a-cont p ,.a-cont .a-list a{ font-style:italic;}

/*footer*/
footer {
	width:100%;
	height:88px; 
	background:url(../di/footer.png) no-repeat #fff;
	display:block;
	clear:both;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:20px;
}
footer * {visibility:hidden;}
.ipv6 {width:88px;height:31px; background:url(../di/button-ipv6-small.gif) no-repeat; overfow:hidden;margin:3px 0 0 4px;text-indent:-9999px; float:right; }

/*hilight*/
.hilight {width:712px; float:left; margin:0 0 5px 15px; overflow:hidden;}
.hilight2 {width:614px; float:left; margin:0 0 5px 15px; overflow:hidden;}
/*sut-nav*/
.sut-nav {width:192px;float:right;overflow:hidden;margin-right:15px;}
.sut-nav a {width:192px; height:51px; background:url(../di/nav-sut.png) no-repeat; text-indent:-9999px; margin-bottom:5px;}
.sut-nav a.sutn1{ background-position:0 0; }
.sut-nav a.sutn1:hover{ background-position:-220px 0; }
.sut-nav a.sutn2{ background-position:0 -64px;}
.sut-nav a.sutn2:hover{ background-position:-220px -64px;}
.sut-nav a.sutn3{ background-position:0 -130px;}
.sut-nav a.sutn3:hover{ background-position:-220px -130px;}
.sut-nav a.sutn4{ background-position:0 -195px;}
.sut-nav a.sutn4:hover{ background-position:-221px -195px;}
.sut-nav a.sutn5{margin-bottom:0px; background-position:0 -260px;}
.sut-nav a.sutn5:hover{ background-position:-220px -260px;}

/*article*/
.pad15 {padding:5px 15px; overflow:hidden;}
.pad15 article {margin-left:4px; float:left;}
.pad15 article:first-child {margin-left:0;}
.article3colum {overflow:hidden;width:296px; position:relative; padding:1px 1px 30px; border:1px solid #e6e5e5; min-height:230px; }
.article3colum  h2 { background:url(../di/bg-h2.png) no-repeat; text-indent:-9999px;}
.article3colum  h2.h2-2 { background-position: 0 -32px;}
.article3colum  h2.h2-3 { background-position:0 -64px;}
.read-all { background:url(../di/read-all2.png) no-repeat; display:block;width:94px; height:16px; position:absolute; bottom:5px; right:5px; text-indent:-9999px;}
.read-all:hover { background-position:0 -30px;}
.a-list2 {display:block;float:left;padding:5px;}
.a-list2 li {clear:both;}
.a-list2 img {float:left; margin-right:5px;}
.a-list2 a,.all-ul a,.div-portal a,.padli strong {display:inline !important; padding-left:12px; background:url(../di/a-list.png) 0 -26px no-repeat; color:#5a5a5a; margin:5px 0;}
.a-list2 a:hover,.all-ul li>a:hover{ text-decoration:underline; color:#b97a1b; background-position:0 4px;}
.a-list2 span,.post-date {color:#b97a1b; font-size:11px;}
.a-list2 a.a-list-new{ background:url(../di/a-list-new.png) 0 0px no-repeat !important; }

.a-list3 {display:block;float:left;padding:5px; margin-bottom:50px; width:100%;}
.a-list3 li {/*clear:both;*/ width:150px; height:150px; float:left; margin-left:35px; margin-right:35px; margin-top:20px; text-align:center;}
.a-list3 img { margin-right:5px;}
.a-list3 a,.all-ul a,.div-portal a,.padli strong {display:inline !important; padding-left:12px; color:#5a5a5a; margin:5px 0;}
.a-list3 a:hover,.all-ul li>a:hover{ text-decoration:underline; color:#b97a1b; background-position:0 4px;}
.a-list3 span,.post-date {color:#b97a1b; font-size:11px;}

#a-list3 {display:block;float:left;padding:5px; width:680px; margin-left: -25px; margin-bottom:0px;}
#a-list3 li {/*clear:both;*/ width:150px; height:150px; float:left; margin-left:15px; margin-right:0px; margin-top:0px; text-align:center;}
#a-list3 li.song {/*clear:both;*/ width:160px; height:50px; float:left; margin-left:7px; text-align:center; }
#a-list3 img { margin-right:5px;}
#a-list3 a,.all-ul a,.div-portal a,.padli strong {display:inline !important; padding-left:12px; color:#5a5a5a; margin:5px 0;}
#a-list3 a:hover,.all-ul li>a:hover{ text-decoration:underline; color:#b97a1b; background-position:0 4px;}
#a-list3 span,.post-date {color:#b97a1b; font-size:11px;}

#a-list3 p.media-info{ background-color: #333333; display: block; height: 40px; margin-left: 12px; padding-left: 5px; margin-top: -42px; position: relative; width: 145px; opacity:0.6; filter:alpha(opacity=60); color: #FFFFFF; font-weight: bold; text-align: left; }
#a-list3 p.media-info:hover{ color:#e7930f; text-decoration:none; }
#a-list3 p.media-info-song{ background-image: url(../di/media_song_background.png); background-repeat: no-repeat; display: block; height: 47px; margin-left: 12px; margin-top: 20px; position: relative; width: 160px; padding-top:10px; }
#a-list3 p.media-info-song:hover{ color:#e7930f; text-decoration:none; }
div#media-box{ border: 1px solid #CCCCCC; margin-bottom: 10px; padding: 5px; width: 670px; }

/*navigate*/
.navigate {overflow:hidden;margin:0 15px 5px ;}
.navigate li {float:left; margin-left:4px;}
.navigate li:first-child {margin-left:0;}
.navigate a {display:block; height:45px; width:109px; /*background:url(../di/nav-sut2.png) no-repeat; overflow:hidden; text-indent:-9999px;*/}

#special_menu {overflow:hidden;margin:0 15px 5px ;}
#special_menu li {float:left; margin-left:4px;}
#special_menu li:first-child {margin-left:0;}
#special_menu a {display:block; height:45px; width:109px;}
/*
a.gat1:hover {background-position:0 -55px;}
a.gat2{background-position:-127px 0;}
a.gat2:hover{background-position:-127px -55px;}
a.gat3{background-position:-254px 0;}
a.gat3:hover{background-position:-254px -55px;}
a.gat4{background-position:-382px 0;}
a.gat4:hover{background-position:-382px -55px;}
a.gat5{background-position:-510px 0;}
a.gat5:hover{background-position:-510px -55px;}
a.gat6{background-position:-638px 0;}
a.gat6:hover{background-position:-638px -55px;}
a.gat7{background-position:-766px 0;}
a.gat7:hover{background-position:-766px -55px;}
a.gat8{background-position:-894px 0;}
a.gat8:hover{background-position:-894px -55px;}
*/
/*all-ul*/
.all-ul {display:block; overflow:hidden; font-size:12px !important; padding:5px 15px 15px; margin-top:15px;}
.all-ul ul{display:block;float:left; width:150px;}
.all-ul ul#row-4{ margin-left:40px; }
.all-ul ul#row-5{ width:120px; }
.all-ul ul#row-6{ margin-left:10px; width:140px; }
.all-ul li { line-height:18px; text-align:left;}
.ul-relate li {position:relative; float:none;line-height:18px;}
.ul-relate>li:hover { background:url(../di/relate-hover.png) 0 2px no-repeat;}
.ul-relate>li>a:hover {text-decoration: none;background-position:0 -26px; color:#5a5a5a; }
.ul-relate li:hover  .relate-abs {display:block;}
.ul-relate li:hover  .relate-abs:hover {display:block;}
.relate-abs {display:none; width:720px;overflow:hidden; position:absolute;left:150px; background:#fff; z-index:1;top:-1px; padding:15px; border:1px solid #e6e5e5; min-height:170px;}

.abs-l {width:370px;float:left; padding-right:10px;}
.abs-l img {float:left; margin:0 15px 15px 0;}
.abs-l strong { font-size:18px; color:#a88758;}

.relate2 .relate-abs {top:-19px;}
.relate3 .relate-abs {top:-37px;}
.relate4 .relate-abs {top:-55px;}
.relate5 .relate-abs {top:-73px;}
.relate6 .relate-abs {top:-91px;}
.relate7 .relate-abs {top:-109px;}

/*nav-portal*/
.nav-portal>li {display:block; position:relative;}
.nav-portal>li:hover .div-portal {display:block !important;}
.nav-portal>li:hover .div-portal:hover {display:block !important;}
.div-portal  { display:none;background:#fff;position:absolute;top:30px;width:170px; height:auto; border:1px solid #e6e5e5;z-index:4;padding:0 15px 15px;}
#width  { display:none;background:#fff;position:absolute;top:30px;width:900px; height:auto; border:1px solid #e6e5e5;z-index:4;padding:0 15px 15px;}
#width .a-list2 { float:none; }
#width .ul-relate-new li { width:140px; margin-right:10px; }
#width .ul-relate-new li a { font-size:12px; }
/*section-l*/
.section-l {width:646px;padding:15px 0;float:left;}

/*slide*/
.box1{width:615px; overflow:hidden;margin-left:15px; background: url(../di/box1repeat.png) bottom repeat-x;}
.main-box{overflow:hidden;border:1px solid #e6e5e5;}
.article2colum{overflow:hidden;width:296px; position:relative; padding:1px 4px 30px;float:left; }
.article2colum  h2 { background:url(../di/h2box1.png) no-repeat; text-indent:-9999px;}
.article2colum  h2.h2-2 { background-position: 0 0;}
.article2colum  h2.h2-3 { background-position:-309px 0;}
.article2colum  h2.h2-4 { background-position:-615px 0;}
.article2colum  h2.h2-5 { background-position:-924px 0;}
.article2colum  h2.h2-6 { background-position:-1236px 0;}
.article2colum  h2.h2-7 { background-position:-1545px 0;}
.article2colum  h2.h2-8 { background-position:-1854px 0;}
.article2colum  h2.h2-9 { background-position:-2166px 0;}
.padli li{padding:5px 0 5px 5px;}
a.hover:hover strong{ text-decoration:underline; color:#B97A1B; background-position:0 4px; }
.box1 .bx-wrapper{padding-top:37px;}
.box1 .bx-pager {position:absolute;display:block;height:37px; background:url(../di/tab.png) 1px 0 no-repeat; top:0; width:100%;}
.box1 .bx-pager a {float:left; height:32px;margin-top:5px;text-indent:-9999px; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0; }
.bx-prev,.bx-next {display:none;}

.box1 .pager-1 {width:139px;background:url(../di/tab1.png) 0 -50px no-repeat;margin:5px 2px 0 3px; }
.box1 .pager-2 {width:144px;background:url(../di/tab2.png) 0 -50px no-repeat;}
.box1 .pager-3 {width:88px;background:url(../di/tab3.png) 0 -50px no-repeat;margin-left:1px;}
.box1 .pager-4 {width:85px;background:url(../di/tab4.png) 0 -50px no-repeat; }
.box1 .pager-5 {width:83px;background:url(../di/tab5.png) 0 -50px no-repeat;margin-left:1px; }
.box1 .pager-6 {width:67px;background:url(../di/tab6.png) 0 -50px no-repeat;}
.box1 .pager-active {background-position:0 0px !important;}
.box1 a.pager-link:hover{background:#000;opacity:0.3;}

/*facebook1*/
.facebook-main {display:block;border:1px solid #e6e5e5;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; margin:15px 0 0 15px;padding-left:60px;width:553px; overflow:auto;height:340px; background:url(../di/bgface1.png) no-repeat left;}

/*section-r*/
.section-r {width:277px; display:block;overflow:hidden;float:right;margin:15px 15px 0 0;}
form.menu {border:1px solid #e6e5e5;width:275px;}
form.menu select{width:275px; border:none;}

.dashboard h2 { background:url(../di/dashboard.png) top no-repeat; display:block;height:30px;/*margin-top:15px;*/text-indent:-9999px;}
.dashboard>div {border:1px solid #e6e5e5;width:275px;height:309px; overflow:auto;}

.media h2{ background: url(../di/media.png) top no-repeat; display:block;height:30px;margin-top:15px;text-indent:-9999px;}
.media>div{border:1px solid #e6e5e5;width:275px;height:220px;position:relative;}
.media .bx-wrapper{padding-top:24px;}
.media .bx-pager {position:absolute;display:block;height:24px; top:0; width:100%;}
.media .bx-pager a {float:left; height:24px;text-indent:-9999px;}
.media .pager-1 {width:47px;background:url(../di/med1.png) no-repeat;}
.media .pager-2 {width:47px;background:url(../di/med2.png) no-repeat;}
.media .pager-3 {width:79px;background:url(../di/med3.png) no-repeat;}
.media .pager-4 {width:56px;background:url(../di/med4.png) no-repeat;}
.media .pager-5 {width:46px;background:url(../di/med5.png) no-repeat;}
.media .pager-active,.media .bx-pager a.pager-link:hover {background-position:0 -30px;}

.change {margin-top:15px;}
.change h2{ background: url(../di/changeh2.png)  no-repeat; display:block;height:25px;text-indent:-9999px;}
.change h2.chan1{background-position:0 0;}
.change h2.chan2{background-position: 0 -40px ;}
.change h2.chan3{background-position: -1px -80px ;}
.change h2.chan4{background-position: 0 -120px;}
.change h2+div{border:1px solid #e6e5e5;width:275px;height:170px;position:relative;}
.change .bx-wrapper {padding-top:53px;}
.change .bx-pager {position:absolute;display:block;height:24px; top:0; width:100%;}
.change .bx-pager a {float:left; height:53px; width:69px; text-indent:-9999px;}
.change .pager-1 {background: url(../di/check.png) no-repeat;  opacity:0.6;}
.change .pager-2 {background:url(../di/check.png) -69px 0  no-repeat;opacity:0.6;}
.change .pager-3 {background:url(../di/check.png) -139px 0 no-repeat;opacity:0.6;}
.change .pager-4 {background:url(../di/check.png) -208px 0 no-repeat;opacity:0.6;}
.change .pager-active,.change a.pager-link:hover { opacity:1;}
.facebook-like {margin-top:15px;border:1px solid #e6e5e5;width:275px;height:255px;overflow:hidden; background:url(../di/bgface2.png) 2px 2px no-repeat;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
.bottom1,.bottom2{text-indent:-9999px;width:100%;}
.bottom1{ background:url(../di/bg-bottom.png) 2px 0 no-repeat; height:29px;}
.bottom2{ background:url(../di/bg-bottom2.png) 2px 0 no-repeat; height:50px;}

ul.social_main{ margin-top:20px; margin-left:30px; }
ul.social_main a#title{ color:#5A5A5A; background: url("../di/a-list.png") no-repeat scroll 0 -26px transparent; color: #5A5A5A; display: inline !important; margin: 5px 0; padding-left: 12px; }
ul.social_main a#title:hover{ color:#B97A1B; text-decoration:underline; background-position: 0 4px;}
ul.social_sub a#title{ float:left; display:block; width:350px; }
ul.social_sub{ margin-top:10px; margin-bottom:15px; }
ul.social_sub li{ margin-left:30px; height:30px; }
ul.social_sub li.sub{ margin-left:60px; }
ul.social_sub li ul.shared{ float:left; }
ul.social_sub li ul.shared li{ float:left; margin-left:70px; }
ul.social_sub li.sub ul.shared{ float:left; margin-left:-30px; }

#search-result *{ display: inherit; float: none; }
#search-result img{ float: left; margin-right:10px; }

.static_sign{ width: 99px; height: 95px; background: url("../di/logo_smartcenter.png"); position:fixed; left:75px; top:0px; }

#portal-news:hover{ background-color: #feecc0; }
#portal-news2{ background-color: #f2f2f2; }
#portal-news2:hover{ background-color: #feecc0; }

ul#index_menu_1{ width:154px; }
ul#index_menu_2{ width:145px; }
ul#index_menu_3{ width:154px; }
ul#index_menu_4{ width:153px; }
ul#index_menu_5{ width:163px; }
ul#index_menu_6{ width:140px; }

ul#row-1{ width:158px; }
ul#row-2{ width:146px; }
ul#row-3{ width:148px; }
ul#row-4{ width:150px; }
ul#row-5{ width:123px !important; }
ul#row-6{ width:135px !important; }

ul#row2-1{ width:156px; }
ul#row2-2{ width:145px; }
ul#row2-3{ width:153px; }
ul#row2-4{ width:154px; }
ul#row2-5{ width:163px; }
ul#row2-6{ width:135px; }

h1.list{ color: #e7930f; background-image: url('../di/h1-icon.png'); background-repeat: no-repeat; background-position: 7px 5px; padding-left: 22px; }
ul#content-list{ padding-top: 20px; }
ul#content-list li.item{ border: #d9d9d9 1px solid; padding: 10px; padding-bottom: 50px; }
ul#content-list li.item a{ font-weight: bold; }
ul#content-list li.item p{ margin-top: 0; padding-left: 115px; }
ul#content-list li.item span{ padding-left: 10px; }
ul#content-list li.item:hover{ background-color: #fff0d1; }

div.pagination {
width:625px;
clear:both;
padding:10px 0 10px 0;
margin:0px;
text-align:center;
float:left;
clear:both;
font-size:11px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #5A5A5A;
text-decoration: none; 
color: #5A5A5A;
display: inline-block;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #5A5A5A;
color: #fff;
background-color: #5A5A5A;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #5A5A5A;
font-weight: bold;
background-color: #5A5A5A;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #CCCCCC;
color: #ccc;
}

ul#row2-6 > li:nth-child(3n+3){
background-image: url("../di/dental_head.jpg");
color: transparent;
margin-left: -12px;
margin-top: 35px;
margin-bottom: 13px;
background-position: -10px;
}