body{margin:0;}
.S-CARDHEADER{
	/*box-shadow:1px 1px 5px 1px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
	position:fixed;
	z-index:1;
	top:13px;
	left:0;
	width:auto;
}
.S-CARDHEADER2{
	box-shadow:1px 1px 5px 1px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	position:fixed;
	z-index:2;
	width:100%;
	display: inline-block;
	top:0;
	left:0;
}
.S-CARDHEADER3{
	box-shadow:1px 1px 5px 1px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	background-color:#FFFFFF;
	position:fixed;
	z-index:3;
	width:100%;
	display: inline-block;
	top:0;
	left:0;
}
.msgbg{
	background-color:#FFFFFF;
	position:fixed;
	display: inline-block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.7;
}
.preloadbg{
	background-color:#000000;
	position:fixed;
	display: inline-block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.6;
}
.msg{
	box-shadow:1px 1px 5px 1px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	background-color:#FFFFFF;
	position:fixed;
	display: inline-block;
	padding:10px;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	border-radius:1px;border:solid #40bcff 1px;
	opacity:1;
	z-index:4;

}
.msgwh{width:30%;height:30%}
.msgwh70{width:70%;height:70%}



.S-FOOTER{
	background-color:#221F1F;
	/*width:100%;*/
	margin-top:100px;
	display: inline-block;
}
.M{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*margin-right: -15px;
  margin-left: -15px;*/
}
.C1{
  -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
  max-width: 14.285714%;
}
.C3{
  -ms-flex: 0 0 42.857142%;
        flex: 0 0 42.857142%;
  max-width: 42.857142%;
}
.C7{
  -ms-flex: 0 0 100%;
        flex: 0 0 100%;
  max-width: 100%;
}
.S-SETCABORDER{
	border:solid #F0F0F0 1px;
	margin:-1px;
	padding:6px 0px;
}
.CH40{
  height:40px;

}




/*------------ANY BTN-------------*/
.S-LINE-BUE{border-radius:1px;border:solid #40bcff 1px;}
.S-LINE-BUEB{border-bottom:solid #40bcff 1px;}

.S-LINE-GAY{border-radius:1px;border:solid #9DA192 1px;}
.S-LINE-GAY2{border-radius:1px;border:solid #F0F0F0 1px;}
.S-LINE-RED{border-radius:1px;border:solid #E50914 1px;}
.S-LINE-RED2{border-radius:1px;border:solid #E50914 2px;}
.S-LINESTR-RED{text-decoration: underline red;}

.S-LINE-GAYL{border-left:solid #F0F0F0 2px;}
.S-LINE-GAYR{border-right:solid #F0F0F0 2px;}

.S-LINE-GAYB{border-bottom:solid #F0F0F0 2px;}

.S-LINE-BAKB{border-bottom:solid #221F1F 2px;}

.S-LINE-REDB{border-bottom:solid #E50914 4px;}
.S-LINE-CUS{border-radius:4px; border:solid #E50914 1px;}
li{border-bottom: 1px dotted #F0F0F0;}

.S-BTN{cursor:pointer;white-space:nowrap}
.S-BTN-GAY{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#9DA1A2;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.S-BTN-GAY:hover{color:#221F1F;background-color:#inherit!important}

.S-BTN-TOOL:hover{opacity:0.7;cursor:pointer;}


.S-BTN-GAY2{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#9DA1A2;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.S-BTN-GAY2:hover{color:#221F1F;background-color:#inherit!important;text-decoration: underline red}



.S-BTN-GAY-NON{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#9DA1A2;background-color:inherit;text-align:center;cursor:default;white-space:nowrap}
.S-BTN-GAY-NON2{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#5E6168;background-color:inherit;text-align:center;cursor:default;white-space:nowrap}

.S-BTN-WHI{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#FFFFFF;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.S-BTN-WHI-NON{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#FFFFFF;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;cursor:pointer;}

.S-BTN-WHI2{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#F5F5F5;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.S-BTN-WHI2:hover{opacity:0.6;}

.S-BTN-BAK{outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#221F1F;background-color:inherit;text-align:center;cursor:pointer;}
.S-BTN-BAK:hover{text-decoration: underline red}

.S-BTN-BAK2{outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#221F1F;background-color:inherit;text-align:center;cursor:pointer;}


.S-BTN-BAK-NON{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#221F1F;background-color:inherit;text-align:center;cursor:default;white-space:nowrap}

.S-BTN-LISTBAK{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#221F1F;background-color:inherit;text-align:center;cursor:pointer;}
.S-BTN-LISTBAK:hover{background-color:#E50914;color:#F0F0F0;}

.S-BTN-RED{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#E50914;background-color:inherit;text-align:center;cursor:pointer}
.S-BTN-RED:hover{text-decoration: underline red}

.S-BTN-RED2{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#E50914;background-color:inherit;text-align:center;cursor:pointer}

img.S-IMGHO:hover{opacity:0.6;cursor:pointer}
img.PADD:hover{padding:4px}

.S-BTNPAG-RED{cursor:pointer;white-space:nowrap;text-decoration:none;color:#FFFFFF;background-color:#E50914;border:solid #E50914 1px;}
.S-BTNPAG-RED-NON{cursor:default;white-space:nowrap;text-decoration:none;color:#FFFFFF;background-color:#E50914;border:solid #E50914 1px;}

.S-BTNPAG-GAY{cursor:pointer;white-space:nowrap;text-decoration:none;color:#9DA1A2;background-color:#FFFFFF;border:solid #F0F0F0 1px;}
.S-BTNPAG-GAY-NON{text-decoration:none;cursor:default;white-space:nowrap;color:#9DA1A2;background-color:#FFFFFF;border:solid #F0F0F0 1px;}


.S-MOREBTNFACE{border:none;display:inline-block;outline:0;padding:6px 30px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#221F1F;background-color:#000!important;text-align:center;cursor:pointer;white-space:nowrap;opacity:0.75}
.S-MOREBTNFACE:hover{border:none;display:inline-block;outline:0;padding:6px 30px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#221F1F;background-color:#000!important;text-align:center;cursor:pointer;white-space:nowrap;}

/*------------ Nanigation Header BTN-------------*/
.S-NAVIBTN{border:none;display:inline-block;outline:0;padding:0px 0px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#9DA1A2;background-color:inherit;text-align:left;cursor:pointer;white-space:nowrap}
/*.S-NAVIBTN:hover{color:#221F1F!important;background-color:#E0FFFF!important}*/


/*------------POSITION CAPTION -------------*/

.S-SPACING1{letter-spacing:4px}
.S-CAPTION{position:absolute;top:40%;left:12%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.S-CAPTSLID{position:absolute;top:50%;left:8%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}



/*------------MAR POINT -------------*/
.S-MART5{margin-top:5px}
.S-MART10{margin-top:10px}
.S-MART15{margin-top:15px}
.S-MART20{margin-top:20px}
.S-MART25{margin-top:25px}
.S-MART30{margin-top:30px}
.S-MART35{margin-top:30px}
.S-MART40{margin-top:40px}
.S-MART45{margin-top:45px}
.S-MART50{margin-top:60px}
.S-MART100{margin-top:100px}
.S-MART160{margin-top:160px}
.S-MART250{margin-top:250px}


.S-MARPT30{margin-top:30%}
.S-MARPT80{margin-top:81%}


.S-MARTB16{margin-top:16px;padding-bottom:16px}
.S-MARTB15{margin-top:5px;padding-bottom:5px}
.S-MARTB25{margin-top:25px;margin-bottom:25px}
.S-MARTB30{margin-top:30px;margin-bottom:30px}


/*------------PAD POINT -------------*/

.S-PAD4{padding:4px;}
.S-PAD5{padding:5px;}
.S-PAD15{padding:15px;}
.S-PAD20{padding:20px;}
.S-PADTB3LR15{padding:3px 15px}
.S-PADTB6LR15{padding:6px 15px}
.S-PADTBLR15{padding:15px 5px}

.S-PADL5{padding-left:5px;}
.S-PADL15{padding-left:15px;}

.S-PADL40{padding-left:40px;}

.S-PADL80{padding-left:80px;}

.S-PADR5{padding-right:5px;}
.S-PADR15{padding-right:15px;}

.S-PADTB3{padding:3px 0px;}
.S-PADT15{padding-top:15px;}
.S-PADT20{padding-top:20px;}
.S-PADT30{padding-top:30px;}
.S-PADT40{padding-top:40px;}
.S-PADTB1{padding-top:28px;padding-bottom:28px;}
.S-PADTB2{padding:10px 0px}
.S-PADL15R15{padding-left:15px;padding-right:15px;}



.S-PADLTBR1{padding:3px 1px}
.S-PADLTB20R15{padding:20px 15px}
.S-PADLTB20R0{padding:20px 0px}

.S-PADLTBR5{padding:3px 5px}
.S-PADLTBR10{padding:3px 10px}
.S-PADLTBR15{padding:3px 15px}
.S-PADLTBR18{padding:3px 18px}
.S-PADLTBR20{padding:3px 20px}
.S-PADLTBR25{padding:3px 25px}
.S-PADLTBR30{padding:3px 30px}
.S-PADLTBR35{padding:3px 35px}
.S-PADLTBR40{padding:3px 40px}
.S-PADLTBR50{padding:3px 50px}
.S-PADLTBR60{padding:3px 60px}
.S-PADLTBR70{padding:3px 70px}
.S-PADLTBR80{padding:3px 80px}
.S-PADLTBR90{padding:3px 90px}
.S-PADLTBR100{padding:3px 100px}
.S-PADLTBR150{padding:3px 150px}

.S-PADL3T3B100R{padding-top:3px;padding-bottom:3px;padding-right:150px;padding-left:100px;}
.S-PADTB3L160R110{padding-top:3px;padding-bottom:3px;padding-right:170px;padding-left:115px;}

.S-PADL3T3B15R15{padding-top:2px;padding-bottom:2px;padding-right:15px;padding-left:15px;}

.S-PADLT1BR80{padding:1px 60px}



/*------------Obj FIX-------------*/


.S-CONTAINER{position:relative}
.S-FIXRB{position:absolute;bottom:0;right:0;}
.S-FIXR1B0{position:absolute;bottom:0%;right:1%;}
.S-FIXR1B50{position: absolute;right: 1%;bottom: 50%;}
.S-FIXR60B10{position:absolute;bottom:10%;right:20%;}


.S-FIXR5T0{position:absolute;right:5%;top:0%;}
.S-FIXR0T0{position:absolute;top:100%;right:0%;}

.S-FIXL15B20{position:absolute;left:15%;bottom:20%;}
.S-FIXL15B0{position:absolute;left:15%;bottom:0px;}
.S-FIXL10B0{position:absolute;left:10%;bottom:0px;}
.S-FIXL5B0{position:absolute;left:5%;bottom:0px;}
.S-FIXL5T0{position:absolute;left:5%;top:0%}
.S-FIXL0B0{position:absolute;bottom:0%;left:0%;}

.S-FIXLB{position:absolute;bottom:15px;left:15px;}
.S-FIXLB2{position:absolute;bottom:15px;left:2px;}
.S-FIXL120B15{position:absolute;bottom:15px;left:120px;}




.S-FIXCENT30L50{position: absolute;top: 30%;left: 50%;transform: translate(-50%, -50%)}
.S-FIXCENT40L50{position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%)}
.S-FIXCENT50L50{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}

.S-FIXCENT50L40{position: absolute;top: 50%;left: 40%;transform: translate(-50%, -50%)}
.S-FIXCENT60L50{position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%)}
.S-FIXCENB0L50{position: absolute;bottom:10%;left: 50%;transform: translate(-50%, -50%)}


.S-FIXCT50L50{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}

.S-FIXCENT50L0{position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%)} /*------------ LEFT ------------*/
.S-FIXCENT50R0{position: absolute;top: 50%;right: 0%;transform: translate(0%, -50%)} /*------------ RIGHT ------------*/

/*--------------------------------*/
.S-FIXPLAYBTN{position:absolute;bottom:5%;left:15px}
.S-FIXSEEKBAR{position:absolute;bottom:6%;left:65px}
.S-FIXMUTEBN{position:absolute;bottom:5%;right:35%}
.S-FIXFULLBTN{position:absolute;bottom:5%;right:5%}



/*------------ Text --------------*/

.S-TXTLEF{text-align:left}
.S-TXTCEN{text-align:center;}
.S-TXTRIG{text-align:right;}

.S-TXTBOL{font-weight: bold;}
.S-TXTITA{font-weight: italic;}

.S-TXTFIXRED{color:#E50914;}
.S-TXTFIXBCK{color:#221F1F;}
.S-TXTFIXGAY{color:#5E6168;}/*F0F0F0*/
.S-TXTFIXGAY2{color:#9DA1A2;}/*F0F0F0*/
.S-TXTFIXWHI{color:#F5F5F5;}
.S-TXTFIXWHI2{color:#FFFFFF;}
.S-TXTWHI2{color:#fdfefe;}


input.S-MOREBTNPOIRED{border:none;display:inline-block;outline:0;padding:6px 25px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#F5F5F5;background-color:#E50914;;text-align:center;white-space:nowrap;cursor:pointer}/*cursor:pointer*/

/*-------------- BG ---------------------*/

.S-BGFIXRED{background-color:#E50914}
.S-BGFIXBCK{background-color:#221F1F}
.S-BGFIXGAY{background-color:#5E6168}
.S-BGFIXWHI{background-color:#F5F5F5}
.S-BGF0F0F0{background-color:#F0F0F0}
.S-BGE1E1E1{background-color:#E1E1E1}
.S-BGFFFFFF{background-color:#FFFFFF}
.S-BG000000{background-color:#000!important;opacity:0.3}

.S-BGFIXSKY{background-color:#87CEEB}
.S-BGFIXGLO{background-color:#87CEFA}




input.V1{
  font-family: "Kanit";
  outline: none;
  background: #F0F0F0;
  width: 100%;
  height: 34.5px;
  border: 0 solid;
  box-sizing: border-box;
  font-size: 18px;
}
input.V2{
  font-family: "Kanit";
  outline: none;
  background: #F0F0F0;
  width: 80%;
  height: 34.5px;
  border: 0 solid;
  box-sizing: border-box;
  font-size: 14px;
}
input.V3{
  font-family: "Kanit";
  outline: none;
  background: #F0F0F0;
  width: 100%;
  height: 34.5px;
  border: 0 solid;
  box-sizing: border-box;
  font-size: 30px;
}
input.V4{
  font-family: "Kanit";
  //outline: none;
  //background: #F0F0F0;
  width: 100%;
  height: 34.5px;
  //border: 0 solid;
  //box-sizing: border-box;
  font-size: 20px;
  color:#9DA1A2;
}

select.ListBox1{background: #F0F0F0;width: 100%;font-family: "Kanit";font-size: 14px; height: 40px;line-height: 1;border: 1;border-radius: 1;}

/*-------------- font -------------------*/
@font-face {font-family: DB Adman X;src: url(../font/DB-Adman-X.ttf);}
@font-face {font-family: tahoma;src: url(../font/tahoma.ttf);}
@font-face {font-family: CSPraJad;src: url(../font/CSPraJad.ttf);}
@font-face {font-family: Kanit;src: url(../font/nfont/Kanit-Regular.ttf);}

a{font-family: 'Kanit', sans-serif;}
/*a{font-family: DB Adman X, sans-serif;}*/

/*1440px*/

.DF36{font-size: 2.500vw;}
.DF34{font-size: 2.361vw;}
.DF32{font-size: 2.222vw;}
.DF30{font-size: 2.083vw;}
.DFC46{font-size: 46px;}
.DFC44{font-size: 44px;}
.DF28{font-size: 1.944vw;}
.DF26{font-size: 1.805vw;}
.DF24{font-size: 1.666vw;}
.DF22{font-size: 1.527vw;}
.DF20{font-size: 1.388vw;}
.DF18{font-size: 1.250vw;}
.DF16{font-size: 1.111vw;}
.DF14{font-size: 0.972vw;}
.DF12{font-size: 0.833vw;}
.DF10{font-size: 0.694vw;}
.DF8{font-size: 0.555vw;}

.S-LINEH{line-height: 130%;}


label.FS28{font-size: 28px;font-family: Kanit, sans-serif;}
label.FS26{font-size: 26px; font-family: Kanit, sans-serif;}

button.FS26{font-size: 1.805vw;font-family: Kanit, sans-serif;}
button.FS22{font-size: 1.527vw; font-family: Kanit, sans-serif;}
button.FS20{font-size: 1.388vw; font-family: Kanit, sans-serif;}
button.FS18{font-size: 1.250vw; font-family: Kanit, sans-serif;}
button.FS16{font-size: 1.111vw; font-family: Kanit, sans-serif;}
button.FS14{font-size: 0.972vw; font-family: Kanit, sans-serif;}
button.FS12{font-size: 0.833vw; font-family: Kanit, sans-serif;}

/*-------------------------1440------------------------------*/

a.TAF20{font-size: 1.388vw; font-family: tahoma, sans-serif;}
a.TAF18{font-size: 1.250vw; font-family: tahoma, sans-serif;}
a.TAF16{font-size: 1.111vw; font-family: tahoma, sans-serif;}
a.TAF14{font-size: 0.972vw; font-family: tahoma, sans-serif;}
a.TAF13{font-size: 0.902vw; font-family: tahoma, sans-serif;}
a.TAF12{font-size: 0.833vw; font-family: tahoma, sans-serif;}
a.TAF11{font-size: 0.763vw; font-family: tahoma, sans-serif;}
a.TAF10{font-size: 0.694vw; font-family: tahoma, sans-serif;}

/*-----------------------------------------------------------*/




/*-------------------Animatio Tween -------------------------*/
.S-TWEEN-FADE{animation:fading 0.5s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.S-TWEEN-OPA{animation:opac 5s infinite}@keyframes opac{from{opacity:0} to{opacity:1}}
.S-TWEEN-TOP{position:relative;animation:animatetop 0.5s}@keyframes animatetop{from{top:-200px;opacity:0} to{top:0;opacity:1}}


.S-TWEEN-LEFT{position:relative;animation:animateleft 0.5s}@keyframes animateleft{from{left:-100px;opacity:0} to{left:0;opacity:1}}
.S-TWEEN-RIGHT{position:relative;animation:animateright 0.8s}@keyframes animateright{from{right:-100px;opacity:0}to{right:0;opacity:1}}
.S-TWEEN-RIGHT2{position:relative;animation:animateright 0.8s}@keyframes animateright{from{right:0;opacity:0}to{right:200px;opacity:1}}
.S-TWEEN-BOTTOM{position:relative;animation:animatebot 0.5s}@keyframes animatebot{from{bottom:-200px;opacity:0} to{bottom:0;opacity:1}}
.S-TWEEN-ZOOM{animation:animatezoom 0.8s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


/*.S-BORDERDIS{border-radius:5px;border:solid #40bcff 1px}*/

/*------------ Viewport Desktop -------------*/
.S-TBD100{width:100%;display: inline-block;}
.S-TBD99{width:98%;display: inline-block;}
.S-TBD98{width:98%;display: inline-block;}
.S-TBD85{width:84%;display: inline-block;}
.S-TBD84{width:83%;display: inline-block;}
.S-TBD83{width:82%;display: inline-block;}
.S-TBD82{width:81%;display: inline-block;}
.S-TBD80{width:79%;display: inline-block;}
.S-TBD70{width:69%;display: inline-block;}
.S-TBD68{width:67%;display: inline-block;}
.S-TBD67{width:66%;display: inline-block;}
.S-TBD65{width:64%;display: inline-block;}
.S-TBD60{width:59%;display: inline-block;}
.S-TBD50{width:49%;display: inline-block;}
.S-TBD49{width:48%;display: inline-block;}
.S-TBD45{width:44.888%;display: inline-block;}
.S-TBD40{width:39.888%;display: inline-block;}
.S-TBD34{width:33%;display: inline-block;}
.S-TBD32{width:31.888%;display: inline-block;}
.S-TBD31{width:30.888%;display: inline-block;}
.S-TBD29{width:29.000%;display: inline-block;}
.S-TBD22{width:21.000%;display: inline-block;}
.S-TBD21{width:20.000%;display: inline-block;}
.S-TBD15{width:14.000%;display: inline-block;}
.S-TBD10{width:9.000%;display: inline-block;}
.S-TBD9{width:8.000%;display: inline-block;}
.S-TBD8{width:7.000%;display: inline-block;}

.S-TBD-H350{height:350px;display: inline-block}

.S-TBWH150{width:150px;height:150px;display: inline-block}
.S-TBW250H250{width:250px;height:200px;display: inline-block}

.S-TBWH200{width:150px;height:200px;display: inline-block}
.S-TBH200W{width:100%;height:200px;display: inline-block}

.S-TBH200{min-height:200px}
.S-TBH250{min-height:250px}
.S-TBH300{min-height:300px}
.S-TBH400{height:400px}
.S-TBH350{min-height:350px}
.S-TBH570{min-height:500px}
.S-TBHR570{min-height:500px}


.S5{width:3.000%;display: inline-block;}/*-10 CELL-*/
.S14{width:14.285%;display: inline-block;}/*-7 CELL-*/
.S16{width:16.666%;display: inline-block;}/*-6 CELL-*/
.S33{width:33.333%;display: inline-block;}/*-3 CELL-*/
.S20{width:20%;display: inline-block;}/*-3 CELL-*/
.S66{width:66.666%;display: inline-block;}/*-1 CELL-*/

.S-M-OBL{float:left;}
.S-M-OBC{ margin: auto;}
.S-M-OBR{float: right;}

textarea.VE {font-family: tahoma, sans-serif;outline: none;width: 100%;border:solid #F0F0F0 1.5px;box-sizing: border-box;font-size: 16px;}
input.VE{font-family: tahoma, sans-serif;outline: none;width: 100%;border:solid #F0F0F0 1.5px;box-sizing: border-box;font-size: 16px;}





.S-SETCAHEAD{width:13.444%;padding:auto;display: block;float:left;border-radius:0px;border:solid #E50914 1px;}
.S-SETCABORDER{width:13.444%;height:23px;padding:auto;display: block;float:left;border-radius:0px;border:solid #F0F0F0 1px;}

@media (min-width:1366px){
	.NON1024{display:none !important}
	.S-TBD100{width:100.000%;display: inline-block}
	.S-TBD84{width:84.444%;display: inline-block}
	.S-TBD83{width:83.333%;display: inline-block}
	.S-TBD82{width:82.222%;display: inline-block}
	.S-TBD80{width:80.000%;display: inline-block}
	.S-TBD70{width:70.000%;display: inline-block}
	.S-TBD67{width:66.888%;display: inline-block}
	.S-TBD65{width:64.888%;display: inline-block}
	.S-TBD60{width:66%;display: inline-block}
	.S-TBD60-1{width:59.888%;display: inline-block}
	.S-TBD50{width:49.888%;display: inline-block}
	.S-TBD49{width:48.888%;display: inline-block}
	.S-TBD45{width:44.888%;display: inline-block}
	.S-TBD40{width:39.888%;display: inline-block}
	.S-TBD34{width:33.888%;display: inline-block;}/*-3 CELL-*/
	.S-TBD32{width:31.888%;display: inline-block;}/*-3 CELL-*/
	.S-TBD31{width:30.888%;display: inline-block;}/*-3 CELL-*/
	.S-TBD29{width:29.000%;display: inline-block}

	

	.S5{width:3.000%;display: inline-block;}/*-10 CELL-*/
	.S14{width:14.285%;display: inline-block;}/*-7 CELL-*/
	.S16{width:16.666%;display: inline-block;}/*-6 CELL-*/
	.S33{width:33.333%;display: inline-block;}/*-3 CELL-*/
	.S66{width:66.666%;display: inline-block;}/*-1 CELL-*/



	
	.S-DES-OBL{float:left}
	.S-DES-OBC{margin:0 auto}
	.S-DES-OBR{float: right}
	.S-TBH120{max-height:120px}
	.S-TBH400{height:400px}
	.S-TBH500{min-height:500px}
	.S-MARTB28{margin-top:28px;padding-bottom:28px}
	.SD-DES-PAD15{padding:15px}

	.SD-MART30{margin-top:30%}
	.SD-MART170{margin-top:170px}
	.SD-NSLIDE{min-width:870px}

	.msgwh{width:30%;height:30%}

	.S-SETCAHEAD{width:13.444%;padding:auto;display: block;float:left;border-radius:0px;border:solid #E50914 1px;}
	.S-SETCABORDER{width:13.444%;height:23px;padding:auto;display: block;float:left;border-radius:0px;border:solid #F0F0F0 1px;}
	select.styled-select2{color:#9DA1A2;width: 93%;font-family: "Kanit";font-size: 16px;line-height: 1;border: 1;border-radius: 1;height: 34px;webkit-appearance: 2px;}
	textarea.V1 {font-family: "Kanit";outline: none;background: #F0F0F0;width: 100%;border: 0 solid;box-sizing: border-box;font-size: 18px;}
	/*select.ListBox1{background: #F0F0F0;width: 100%;font-family: "Kanit";font-size: 14px; height: 40px;line-height: 1;border: 1;border-radius: 1;}*/
}
/*------------ Viewport ipad---------------*/

@media (max-width:1365px) and (min-width:768px){

	.NON768{display:none !important}
	.S-TBIPA100{width:100%;display: inline-block}
	.S-TBIPA90{width:89.8%;display: inline-block}
	.S-TBIPA80{width:79.8%;display: inline-block}
	.S-TBIPA60{width:59.8%;display: inline-block}
	.S-TBIPH53{width:53.333%;display: inline-block}
	.S-TBIPA50{width:49.888%;display: inline-block}
	.S-TBIPA49{width:48.888%;display: inline-block}
	.S-TBIPA48{width:48.888%;display: inline-block}
	.S-TBIPA40{width:39.888%;display: inline-block}
	.S-TBIPA35{width:34.888%;display: inline-block}
	.S-TBIPA33{width:32.888%;display: inline-block}
	.S-TBIPA16{width:10.666%;display: inline-block}

	
	

	.S-TBH570{min-height:350px}
	.S-TBIPAH500{height:400px}

	.S-TBH350W{width:100%;height:450px;display: inline-block}
	.IPA-LINESTR-RED{text-decoration: underline red;}
	.IPA-FIXL50B0{position:absolute;bottom:0%;left:50%;transform: translate(-50%, 0%)}



	
	.S-IPA-CAPTSLID{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
	select.styled-select2{color:#9DA1A2;width: 93%;font-family: "Kanit";font-size: 22px;line-height: 1;border: 1;border-radius: 1;height: 34px;webkit-appearance: 2px;}
	textarea.V1 {font-family: "Kanit";outline: none;background: #F0F0F0;width: 100%;border: 0 solid;box-sizing: border-box;font-size: 14px;}

	.S-IPA-OBL{float:left;}
	.S-IPA-OBC{margin: 0 auto;}
	.S-IPA-OBR{float: right;}
	.S-IPA-TXTCEN{text-align:center;}
	.S-IPA-PAD15{padding:15px;}
	.S-IPA-PADTB2{padding:10px 2px}


	/*40*100/768px*/
	.IPA-F40{font-size: 5.208vw;}
	.IPA-F38{font-size: 4.947vw;}
	.IPA-F36{font-size: 4.687vw;}
	.IPA-F34{font-size: 4.427vw;}
	.IPA-F32{font-size: 4.166vw;}
	.IPA-F30{font-size: 3.906vw;}
	.IPA-F28{font-size: 3.645vw;}
	.IPA-F26{font-size: 3.385vw;}
	.IPA-F24{font-size: 3.125vw;}
	.IPA-F22{font-size: 2.864vw;}
	.IPA-F20{font-size: 2.604vw;}
	.IPA-F18{font-size: 2.343vw;}
	.IPA-F16{font-size: 2.083vw;}
	.IPA-F14{font-size: 1.822vw;}
	.IPA-F12{font-size: 1.562vw;}
	.IPA-F10{font-size: 1.303vw;}
	

	a.IPA-TAF36{font-size: 4.687vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF34{font-size: 4.427vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF32{font-size: 4.166vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF30{font-size: 3.906vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF28{font-size: 3.645vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF26{font-size: 3.385vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF24{font-size: 3.125vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF22{font-size: 2.864vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF20{font-size: 2.604vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF18{font-size: 2.343vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF16{font-size: 2.083vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF14{font-size: 1.822vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF12{font-size: 1.562vw;font-family: tahoma, sans-serif;}
	a.IPA-TAF10{font-size: 1.303vw;font-family: tahoma, sans-serif;}

	button.IPA-BF20{font-size: 2.083vw; font-family: Kanit, sans-serif;}
	
	.S-SETCAHEAD{width:13.888%;padding:auto;display: block;float:left;border-radius:0px;border:solid #E50914 1px;}
	.S-SETCABORDER{width:13.888%;height:23px;padding:auto;display: block;float:left;border-radius:0px;border:solid #F0F0F0 1px;}

	.IPA-LINE-GAYT{border-top:solid #F0F0F0 2px;}
	.IPA-MART{margin-top:15px}

	.S-IPA-MARTB28{margin-top:16px;padding-bottom:16px}
	.SD-NSLIDE{width:100%;}

	.msgwh{width:50%;height:20%}

}
/*------------ Viewport iphone-6---------------*/
@media (max-width:767px) and (min-width:100px){
	.NON767{display:none !important}

	.S-TBIPH100{width:100%;display: inline-block}
	.S-TBIPH48{width:48.888%;display: inline-block}
	.S-TBIPH80{width:80%;display: inline-block}
	.S-TBIPH70{width:70%;display: inline-block}
	.S-TBIPH66{width:66.333%;display: inline-block}
	.S-TBIPH60{width:60.666%;display: inline-block}
	.S-TBIPH55{width:55.555%;display: inline-block}
	.S-TBIPH53{width:53.333%;display: inline-block}
	.S-TBIPH50{width:50.555%;display: inline-block}

	
	.S-TBIPH33{width:33.333%;display: inline-block}
	.S-TBIPH12{width:12.222%;display: inline-block}
	

	.S-TBH570{min-height:280px}
	
	.S-TBIPH-OBL{float:left;}
	.S-TBIPH-OBC{margin: 0 auto;}
	.S-TBIPH-OBR{float: right;}

	.S-IPH-PAD15{padding:15px;}
	.S-IPH-PADTB2{padding:10px 0.16%}

	/*736px*/
	
	.IPH-F66{font-size: 8.967vw}
	.IPH-F62{font-size: 8.423vw}
	.IPH-F58{font-size: 7.880vw}
	.IPH-F54{font-size: 7.336vw}
	.IPH-F50{font-size: 6.793vw}
	.IPH-F48{font-size: 6.521vw}
	.IPH-F46{font-size: 6.250vw}
	.IPH-F44{font-size: 5.978vw}
	.IPH-F42{font-size: 5.706vw}
	.IPH-F40{font-size: 5.434vw}
	.IPH-F38{font-size: 5.163vw}
	.IPH-F36{font-size: 4.891vw}
	.IPH-F34{font-size: 4.619vw}
	.IPH-F32{font-size: 4.347vw}
	.IPH-F30{font-size: 4.076vw}
	.IPH-F28{font-size: 3.804vw}
	.IPH-F26{font-size: 3.532vw}
	.IPH-F24{font-size: 3.260vw}
	.IPH-F20{font-size: 2.717vw}
	.IPH-F18{font-size: 2.445vw}
	.IPH-F16{font-size: 2.173vw}
	.IPH-F14{font-size: 1.902vw}
	.IPH-F12{font-size: 1.630vw}
	.IPH-F10{font-size: 1.358vw}

	.IPH-FIXL50B0{position:absolute;bottom:0%;left:50%;transform: translate(-50%, 0%)}

	
	a.IPH-TAF46{font-size: 6.250vw;font-family: tahoma, sans-serif}
	a.IPH-TAF44{font-size: 5.978vw;font-family: tahoma, sans-serif}
	a.IPH-TAF42{font-size: 5.706vw;font-family: tahoma, sans-serif}
	a.IPH-TAF40{font-size: 5.434vw;font-family: tahoma, sans-serif}
	a.IPH-TAF38{font-size: 5.163vw;font-family: tahoma, sans-serif}
	a.IPH-TAF36{font-size: 4.891vw;font-family: tahoma, sans-serif}
	a.IPH-TAF34{font-size: 4.619vw;font-family: tahoma, sans-serif}
	a.IPH-TAF32{font-size: 4.347vw;font-family: tahoma, sans-serif}
	a.IPH-TAF30{font-size: 4.076vw;font-family: tahoma, sans-serif}
	a.IPH-TAF28{font-size: 3.804vw;font-family: tahoma, sans-serif}
	a.IPH-TAF26{font-size: 3.532vw;font-family: tahoma, sans-serif}
	a.IPH-TAF24{font-size: 3.260vw;font-family: tahoma, sans-serif}
	a.IPH-TAF20{font-size: 2.717vw;font-family: tahoma, sans-serif}
	a.IPH-TAF18{font-size: 2.445vw;font-family: tahoma, sans-serif}
	a.IPH-TAF16{font-size: 2.173vw;font-family: tahoma, sans-serif}
	a.IPH-TAF14{font-size: 1.902vw;font-family: tahoma, sans-serif}
	a.IPH-TAF12{font-size: 1.630vw;font-family: tahoma, sans-serif}
	a.IPH-TAF10{font-size: 1.358vw;font-family: tahoma, sans-serif}

	button.IPH-BF30{font-size: 4.076vw; font-family: Kanit, sans-serif;}
	.S-SETCAHEAD{width:13.333%;padding:auto;display: block;float:left;border-radius:0px;border:solid #E50914 1px;}
	.S-SETCABORDER{width:13.333%;height:23px;padding:auto;display: block;float:left;border-radius:0px;border:solid #F0F0F0 1px;}
	
	select.styled-select2{color:#9DA1A2;width: 50%;font-family: "Kanit";font-size: 16px;line-height: 1;border: 1;border-radius: 1;height: 34px;webkit-appearance: 2px;}
	textarea.V1 {font-family: "Kanit";outline: none;background: #F0F0F0;width: 100%;border: 0 solid;box-sizing: border-box;font-size: 14px;}

	.IPH-MART15{margin-top:15px}
	.IPH-MART30{margin-top:30px}
	.IPH-LINE-GAYT{border-top:solid #F0F0F0 2px;}

	.IPH-TXTCEN{text-align:center;}
	.IPH-CLEAR{clear:both;}

	.S-IPH-MARTB28{margin-top:16px;padding-bottom:16px}

	.SD-NSLIDE{width:100%;}
	.msgwh{width:90%;height:20%}


	
}









.S-CLEAR{clear:both;}
.S-CLEARR{clear:right;}
.S-NONE{display:none;}



/*---------------------- calendar ------------------------------*/

.S-SETCAIMAGE{background-image: url("select.gif");background-repeat: no-repeat;background-position: 50%;background-size: 50px 40px;color:#FFFFFF;}
/*--------------------- Product slide -------------------------*/

.jcarousel-wrapper {

    /*margin: 20px auto;*/
    position: relative;
    /*border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;*/
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel ul {
	height:250px;
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 140px;
	height:160px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-height: 100%;
	margin:auto;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -60px;*/
    /*width: 30px;
    height: 30px;*/
    /*text-align: center;
    background: #4E443C;*/
    /*color: #fff;
    text-decoration: none;
   /* text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;*/
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}


/*---------------------------------------------------*/
.dropdown {
    position: relative;
    display: inline-block;
	/*width:auto;
	border-radius:5px;border:solid #40bcff 1px;*/
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    
	/*min-width: 400px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;*/

    /*z-index: 1;*/
	top:100%;
	left:-1px;
}
.dropdown:hover .dropdown-content {
    display: block;
}

/*--------------------------------------------------*/
/*video::-webkit-media-controls {
  display:none !important;
}*/




/*** for demo only ***/
/* http://www.cssmatic.com/box-shadow */


/* box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1); */

#media-controls {
   width: 470px;
   height: 80px;
   background-color: black;
   padding: 5px 5px;
   margin-left: 10px;
   margin-top: -5px;
}

#volume-bar {
   width: 60px;
   height: 3px;
   border: 0px;
   margin-bottom: 7px
}

#volume-bar::-webkit-progress-bar {
   height: 3px;
}

#volume-bar::-webkit-progress-value {
   background-color: #D00F1F;
   box-shadow: 0px 0px 10px 1px rgba(255, 0, 21, 1);
}

#progress-bar {
   width: 470px;
   height: 3px;
   border: 0px;
   margin-bottom: 7px;
}

#progress-bar::-webkit-progress-bar {
   height: 3px;
}

#progress-bar::-webkit-progress-value {
   background-color: #00D5FF;
   box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1);
}

#progress-bar::-moz-progress-bar {}

@keyframes glowing {
   0% {
      box-shadow: 0 0 3px #03528F;
   }
   50% {
      box-shadow: 0 0 30px #00D5FF;
   }
   100% {
      box-shadow: 0 0 3px #03528F;
   }
}

button {
   margin: 0px 5px;
}

button:focus {
   outline: none;
}

#current {
   color: #00D5FF;
   font-size: 10px;
   float: left;
}

#total {
   color: #00D5FF;
   font-size: 10px;
   float: right;
   font-weight: bold;
   text-shadow: 2px 1px 3px rgba(0, 213, 255, 1);
}

.play {
   height: 40px;
   width: 40px;
   text-indent: -9999px;
   border: none;
   cursor: pointer;
   border-radius: 50px;
   background: black url('https://s22.postimg.org/ab2gwnzql/play.png') no-repeat 0 0;
   border: 2px solid #00D5FF;
   background-size: 13px 13px;
   background-position: 60% 50%;
   /*    animation: glowing 1500ms infinite; */
   /*    box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1); */
}

.pause {
   height: 40px;
   width: 40px;
   text-indent: -9999px;
   border: none;
   cursor: pointer;
   border-radius: 50px;
   background: black url('https://s15.postimg.org/unv58vc47/pause.png') no-repeat 0 0;
   border: 2px solid #00D5FF;
   background-size: 19px 23px;
   background-position: 48% 50%;
   /*    box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1); */
}


/* #play-pause-button:focus {
   background: black url('https://s15.postimg.org/unv58vc47/pause.png') no-repeat 0 0;
   background-size: 13px 13px;
   background-position: 60% 50%;
} */

#play-pause-button:focus {
   box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1);
}

#volume-dec-button:active {
   box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1);
}

#volume-inc-button:active {
   box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1);
}

#stop-button:active {
   box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1);
}

#volume-dec-button {
   height: 30px;
   width: 30px;
   text-indent: -9999px;
   border: none;
   cursor: pointer;
   border-radius: 50px;
   background: black url('https://s21.postimg.org/wxvy5ukab/min.png') no-repeat 0 0;
   border: 2px solid #00D5FF;
   background-size: 15px 15px;
   background-position: 50% 45%;
   /*    box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1); */
}

#volume-inc-button {
   height: 30px;
   width: 30px;
   text-indent: -9999px;
   border: none;
   cursor: pointer;
   border-radius: 50px;
   background: black url('https://s27.postimg.org/mvmem6n33/max.png') no-repeat 0 0;
   border: 2px solid #00D5FF;
   background-size: 15px 15px;
   background-position: 50% 45%;
   /*    box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1); */
}

#stop-button {
   height: 30px;
   width: 30px;
   text-indent: -9999px;
   border: none;
   cursor: pointer;
   border-radius: 50px;
   background: black url('https://s24.postimg.org/yxylr0269/stop.png') no-repeat 0 0;
   border: 2px solid #00D5FF;
   background-size: 10px 10px;
   background-position: 53% 50%;
   /*    box-shadow: 0px 0px 10px 1px rgba(0, 213, 255, 1); */
}








video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
	opacity: 1;
	background-color: #F5F5F5;
}

#items{
   display:block
}

.info{
    display: none;
}


#items:hover .info {
     display: block;  
}
video:hover{cursor:pointer}

/*.S-BTN-WHI2{display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;color:#F5F5F5;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.S-BTN-WHI2:hover{opacity:0.6;}*/




.wrapper {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border: solid black 1px;
}
.select {
    width: 200px;
    min-height: 50px;
    margin: 0 -20px 0 0;
}
.select.scrolling {
    margin: 0;

}