/*===================================================================================================================*/
/*                                                    Component                                                      */
/*===================================================================================================================*/
a { text-decoration: none; outline: none; behavior:expression(this.onFocus=this.blur());}
.cpn-boxzero { margin: 0; padding: 0;}
ul.cpn-boxzero li { list-style: none;}
.cpn-inBlock { display: inline-block; *display: inline; zoom: 1;}
.cpn-inBlock-row { letter-spacing: -0.31em; *letter-spacing: normal;}
.cpn-inBlock-row > .cpn-inBlock-cell,
ul.cpn-inBlock-row > li { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top;}
.cpn-ul-decimal { padding-left: 24px;}
.cpn-ul-decimal > li { list-style-type: decimal;}
.cpn-ul-disc { padding-left: 24px;}
.cpn-ul-disc > li { list-style-type: disc;}.cpn-clear-left { clear: left;}
.cpn-clear-right { clear: right;}
.cpn-clear-both { clear: both;}
a.txt-link { color:#fff ; }
a.txt-link:hover { color: #125573; }
@font-face {
    font-family: 'anakotmai';
    src: url('../../Anakotmai-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*===================================================================================================================*/
/*                                                        UI                                                         */
/*===================================================================================================================*/
/* button(/a) */
.ui-btn { height: 340px; background: url(../../../img/resources/btn.jpg) repeat-x; color: #fff; border: 0; letter-spacing: normal; line-height: normal; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; padding: 0 20px;border:1px solid #7d1717;}
.ui-btn:hover { color: #ff0;}
a.ui-btn { height: 25px; padding-top: 5px; display: inline-block; *display: inline; zoom: 1;}

/* tabs */
.ui-ul-tabs { margin-bottom: 20px;}
.ui-ul-tabs > li > a { display: block; height: 38px; background: url(../../../img/resources/tabs.jpg) repeat-x; margin:0px 8px; padding: 0px 20px 0;line-height:38px; color: #fff; text-align: center; border-radius: 4px; -moz-border-radius:4px; -ms-border-radius:4px;border:1px solid #000;}
.ui-ul-tabs > li > a.lnk-active { background-image: url(../../../img/resources/tabsActive.jpg); cursor: text;border:1px solid #7d1717;}
.ui-ul-tabs > li > a:hover { color: #ff0;}
.ui-ul-tabs > li > a.lnk-active:hover { color: #fff;}

/* table */
.ui-table02 { width: 80%; letter-spacing: 2px; line-height: 2em;}
.ui-table02 th,
.ui-table02 td { border: 1px solid #307da1; padding: 3px 15px; color: #fff; word-break: break-all;}
.ui-table02 th { background-color: #032834; font-weight: normal;  text-align: center;}
.ui-table02 td { background-color: #1c6080;}
.ui-table02 td.td-align-center { text-align: center;}
.align-right { text-align: right; }

/*===================================================================================================================*/
/*                                                      Theme                                                        */
/*===================================================================================================================*/
/* event */
.theme-event { width: 953px; margin: 5px;  border: 2px solid #fff; color: #fff; vertical-align: top;height:139px;display:inline;background:#1f1f1f; position:static !important;}
li.theme-event:hover{border: 2px solid #ff0;}
li.theme-event:hover .theme-event-title{color:#ffb967;}
.theme-event-img { width: 953px; height: 139px;}
.theme-event-title { margin-top: 5px; padding: 0 15px; color: #fff; font-weight: normal;}
.theme-event-desc { display: block; padding: 0 15px; letter-spacing: 2px;}

/* content-desc */
.theme-content-desc { letter-spacing: 2px; line-height: 2em; margin-bottom: 20px; }
.theme-content-desc > h3 {background: url(../../../img/resources/descTitle.png) no-repeat;font-size: 14px; color: #000; text-indent:20px; line-height: 41px; height:55px;}
.theme-content-desc > h3 > span { font-size: 20px; letter-spacing: 0;}
.theme-content-desc > div > h4 { color: #fff; font-weight: normal; margin: 0;}
.theme-content-desc li a { color: #fff; }
.theme-content-desc li a:hover { color: #e3a72d; }
/*===================================================================================================================*/
/*                                                      Layout                                                       */
/*===================================================================================================================*/
body { color: #fff; font: 13px "anakotmai", Arial, Helvetica, sans-serif;}
.lay-are-event {}
.lay-are-event img{border:1px solid #fff;}
.lay-are-contents {padding-top:10px;}
.lay-are-btn { clear: both; text-align: center;}

.theme-content-desc{letter-spacing:0px;}
.theme-content-desc > h3{padding-left:5px; text-indent:5px;font-size:13px;}