@charset "utf-8";
/*
* <div class="sanook-ch-la _s-grid-12_ch-grid-8-4">
*     <article>1st Column</article>
*     <aside>2nd Column</aside>
* </div>
*/
/*Clear Layout after float*/
[class*="ch-la"]:after, [class*="-agch-la"]+*:after, [class*="-gch-la"]>*:after, .separator:after, .pt-switch:after { content: ' '; display: block; clear: both;}
*+html [class*="-ch-la"], *+html [class*="-agch-la"]+*, *+html [class*="-gch-la"]>*, *+html .separator, *+ .pt-switch { height: 1%;}

/*Make any inline-box become Block-box*/
[class*="-ch-la"]>*, [class*="-gch-la"]>*>*,  [class*="-agch-la"]+*>* { float: left;}
[class*="-ch-la"]>*, [class*="-gch-la"]>*>*,  [class*="-agch-la"]+*>*, article, figure, section, footer, aside, header, hgroup, .separator { display: block; }
.separator { clear: both; width: 99.5%;}

/*Reset UL OL LI for framework*/
body,ul[class*="-ch-la"]>li, ol[class*="-ch-la"]>li, div[class*="-gch-la"]>*>li, section[class*="-gch-la"]>*>li, article[class*="-gch-la"]>*>li, aside[class*="-gch-la"]>*>li, 
footer[class*="-gch-la"]>*>li, [class*="-agch-la"]+*>li, [class*="_ch-bull"]>li { list-style-type: none;}
body, ul[class*="-ch-la"], ol[class*="-ch-la"], [class*="-ch-la"]>ul, [class*="-ch-la"]>ol, [class*="-gch-la"]>*>ul, [class*="-gch-la"]>*>ol,  [class*="-agch-la"]+ol, [class*="-agch-la"]+ul,  [class*="-agch-la"]+*>*  { margin: 0; padding: 0;}

a img { border: none;}

/*Text*/
/*Font Weight Bold*/
[class*="_s-txt"][class*="_bo"] {font-weight: bold}
[class*="_s-txt"][class*="_no"] {font-weight: 400;}

/*Font Style*/
[class*="_s-txt"][class*="_it"] {font-style: italic;}
[class*="_s-txt"][class*="_nm"] {font-style: normal;}

[class*="_ch-txt"][class*="_it"]>* {font-style: italic;}
[class*="_ch-txt"][class*="_nm"]>* {font-style: normal;}


/*Font size*/
[class*="_s-fs"][class*="_90pc"] {font-size: 90%;}
[class*="_s-fs"][class*="_85pc"] {font-size: 85%;}
[class*="_s-fs"][class*="_80pc"] {font-size: 80%;}

[class*="_ch-fs"][class*="_90pc"]>* {font-size: 90%;}
[class*="_ch-fs"][class*="_85pc"]>* {font-size: 85%;}
[class*="_ch-fs"][class*="_80pc"]>* {font-size: 80%;}

/*Text align*/
[class*="_s-txt"][class*="_ce"] {text-align: center;}
[class*="_s-txt"][class*="_le"] {text-align: left;}
[class*="_s-txt"][class*="_re"] {text-align: right;}

[class*="_ch-txt"][class*="_ce"]>* {text-align: center;}
[class*="_ch-txt"][class*="_le"]>* {text-align: left;}
[class*="_ch-txt"][class*="_re"]>* {text-align: right;}


/************List Style******************/
 [class*="_ch-lis"][class*="_n"]>li { list-style-type: none;}
 
 /******************************/

/*Basic box floating*/
[class*="_s"][class*="-fr"] { float: right;}
[class*="_s"][class*="-fl"] { float: left;}
[class*="_s"][class*="-fn"] { float: none;}

/*Basic box Position*/
[class*="_s-ps"][class*="-rel"] { position: relative;}
[class*="_s-ps"][class*="-abl"] { position: absolute;}
[class*="_s-ps"][class*="-fix"] { position: fixed;}
[class*="_s-ps"][class*="-sta"] { position: static;}
[class*="_s-ps"][class*="-inh"] { position: inherit;}

/*Basic Box Display*/
[class*="_ch-dp-n"]>* { display: none;}
[class*="_ch-dp-b"]>* { display: block;}
[class*="_ch-dp-ib"]>* { display: inline-block;}
[class*="_ch-dp-ri"]>* { display: run-in;}

[class*="_gch-dp-n"]>*>* { display: none;}
[class*="_gch-dp-b"]>*>* { display: block;}
[class*="_gch-dp-ib"]>*>* { display: inline-block;}
[class*="_gch-dp-ri"]>*>* { display: run-in;}

[class*="_agch-dp-n"]+*>* { display: none;}
[class*="_agch-dp-b"]+*>* { display: block;}
[class*="_agch-dp-ib"]+*>* { display: inline-block;}
[class*="_agch-dp-ri"]+*>* { display: run-in;}

[class*="_s-dp-n"] { display: none;}
[class*="_s-dp-b"] { display: block;}
[class*="_s-dp-ib"] { display: inline-block;}
[class*="_s-dp-ri"] { display: run-in;}

/*Layout*/

[class*="_ch-pd"][class*="-s5x"]>* { padding: 5px;}
[class*="_ch-pd"][class*="-s10x"]>* { padding: 10px;}
[class*="_ch-pd"][class*="-s15x"]>* { padding: 15px;}
[class*="_ch-pd"][class*="-s20x"]>* { padding: 20px;}

/**/
[class*="_gch-pd"][class*="-s10x"]>*>* { padding: 10px;}
/*Grid
* Normal Screen
* #Module width 60px
*/
[class*="_ch-grid"] { margin: 0 auto;}
[class*="_ch-grid"]>*, [class*="_s-grid"] { margin: auto 10px;}

[class*="_ch-grid"]>br { margin: 0 !important}
[class*="_ch-grid-12"]>*, [class*="_s-grid-12"] {width: 960px; margin: auto auto;}

[class*="_ch-grid-9-3"]>*:first-child {width: 700px;}
[class*="_ch-grid-9-3"]>*:first-child+* {width: 220px;}

[class*="_ch-grid-8-4"]>*:first-child {width: 620px;}
[class*="_ch-grid-8-4"]>*:first-child+* {width: 300px;}

[class*="_ch-grid-7-5"]>*:first-child {width: 540px;}
[class*="_ch-grid-7-5"]>*:first-child+* {width: 380px;}

[class*="_ch-grid-6-6"]>*:first-child {width: 460px;}
[class*="_ch-grid-6-6"]>*:first-child+* {width: 460px;}

[class*="_ch-grid-5-7"]>*:first-child {width: 380px;}
[class*="_ch-grid-5-7"]>*:first-child+* {width: 540px;}

/*Eg gridumns*/
[class*="_ch-grid-3-3-3-3x"]>* {width: 220px;}
[class*="_ch-grid-4-4-4x"]>* {width: 300px;}


/*Grid Layout*/
@media tv and (min-width: 1800px) and (max-width: 2050px) {
	/*Only TV*/
}
@media all and (min-width: 780px) and (max-width: 1024px) {
	/*Tablet # Module width 45px*/
	[class*="_ch-grid-12"]>* {760px}
	[class*="_ch-grid-8-4"]>*:first-child {width: 500px;}
	[class*="_ch-grid-8-4"]>*:first-child+* {width: 220px;}
}
@media all and (min-width: 1200px) and (max-width: 1360px) {
	/*Module width 80px*/
	[class*="_ch-grid-12"]>* {width: 1180px}
	[class*="_ch-grid-3-3-3-3x"]>* {width: 275px;}
	[class*="_ch-grid-4-4-4x"]>* {width: 372.5px;}
}
@media all and (min-width: 1580px) and (max-width: 1600px) {
	/*Module width 110px*/
	[class*="_ch-grid-12"]>* {width: 1540px}
	[class*="_ch-grid-3-3-3-3x"]>* {width: 365px;}
	[class*="_ch-grid-4-4-4x"]>* {width: 492.5px;}
}

@media all and (min-width: 480px) and (max-width: 600px) and (orientation:portrait) {
	/*iPad and iPhone at Landscape*/
	[class*="_ch-grid-"]>* {width: 480px;}
}