@charset "utf-8";

/* Font Document */
@font-face {
    font-family: 'DBHelvethaicaXThinv3_2';/*35 Thin*/
    src: url('../fonts/DBHelvethaicaXThinv3_2.eot');
    src: url('../fonts/DBHelvethaicaXThinv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaXThinv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaXThinv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaXThinv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaXThinv3_2.svg#DBHelvethaicaXThinv3_2') format('svg');
}

@font-face {
    font-family: 'DBHelvethaicaXv3_2';/*X 55 Regular*/
    src: url('../fonts/DBHelvethaicaXv3_2.eot');
    src: url('../fonts/DBHelvethaicaXv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaXv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaXv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaXv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaXv3_2.svg#DBHelvethaicaXv3_2') format('svg');
}

@font-face {
    font-family: 'DBHelvethaicaMonXv3_2';/*Mon X 55 Regular*/
    src: url('../fonts/DBHelvethaicaMonXv3_2.eot');
    src: url('../fonts/DBHelvethaicaMonXv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaMonXv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaMonXv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaMonXv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaMonXv3_2.svg#DBHelvethaicaMonXv3_2') format('svg');
}

@font-face {
    font-family: 'DBHelvethaicaXMedv3_2';/*65 Med*/
    src: url('../fonts/DBHelvethaicaXMedv3_2.eot');
    src: url('../fonts/DBHelvethaicaXMedv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaXMedv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaXMedv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaXMedv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaXMedv3_2.svg#DBHelvethaicaXMedv3_2') format('svg');
}

@font-face {
    font-family: 'DBHelvethaicaXMedItv3_2';/*66 Med*/
    src: url('../fonts/DBHelvethaicaXMedItv3_2.eot');
    src: url('../fonts/DBHelvethaicaXMedItv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaXMedItv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaXMedItv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaXMedItv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaXMedItv3_2.svg#DBHelvethaicaXMedItv3_2') format('svg');
}

@font-face {
    font-family: 'DBHelvethaicaMonXBdv3_2';/*75 Bd*/
    src: url('../fonts/DBHelvethaicaMonXBdv3_2.eot');
    src: url('../fonts/DBHelvethaicaMonXBdv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaMonXBdv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaMonXBdv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaMonXBdv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaMonXBdv3_2.svg#DBHelvethaicaMonXBdv3_2') format('svg');
}

@font-face {
    font-family: 'DBHelvethaicaXBdItv3_2';/*76 Bd*/
    src: url('../fonts/DBHelvethaicaXBdItv3_2.eot');
    src: url('../fonts/DBHelvethaicaXBdItv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaXBdItv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaXBdItv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaXBdItv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaXBdItv3_2.svg#DBHelvethaicaXBdItv3_2') format('svg');
}

@font-face {
    font-family: 'DBHelvethaicaXBlkv3_2';/*85 Blk*/
    src: url('../fonts/DBHelvethaicaXBlkv3_2.eot');
    src: url('../fonts/DBHelvethaicaXBlkv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaXBlkv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaXBlkv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaXBlkv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaXBlkv3_2.svg#DBHelvethaicaXBlkv3_2') format('svg');
}

@font-face {
    font-family: 'MyriadProRegular';/*Myriad Pro Regular*/
    src: url('../fonts/MyriadProRegular.eot');
    src: url('../fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('../fonts/MyriadProRegular.woff2') format('woff2'),
         url('../fonts/MyriadProRegular.woff') format('woff'),
         url('../fonts/MyriadProRegular.ttf') format('truetype'),
         url('../fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'MyriadProBold';/*Myriad Pro Bold*/
    src: url('../fonts/MyriadProBold.eot');
    src: url('../fonts/MyriadProBold.eot') format('embedded-opentype'),
         url('../fonts/MyriadProBold.woff2') format('woff2'),
         url('../fonts/MyriadProBold.woff') format('woff'),
         url('../fonts/MyriadProBold.ttf') format('truetype'),
         url('../fonts/MyriadProBold.svg#MyriadProBold') format('svg');
}

/* CSS Document */
* { padding: 0; margin: 0; border: none; }
html, body { padding: 0; margin: 0; vertical-align: baseline; line-height: 0; border: none; }
a img, img { padding: 0; margin: 0; text-decoration: none; outline: none; -moz-outline: none; -webkit-outline: none; border: none; }
a:link, a:hover, a:active, a:visited { text-decoration: none; outline: none; -moz-outline: none; -webkit-outline: none; }
header, nav, article, section, footer { width: 100%; line-height: 0; text-align: center; }

.bodymain { position: relative; height: 100%; text-align: center; }
.bodyaboutus { position: relative; height: 100%; text-align: center; }
.bodyproduct { position: relative; height: 100%; text-align: center; }
.bodyresearch { position: relative; height: 100%; text-align: center; }
.bodybenefit { position: relative; height: 100%; text-align: center; }
.bodynews { position: relative; height: 100%; text-align: center; }
.bodywheretobuy { position: relative; height: 100%; text-align: center; }
.bodycontactus { position: relative; height: 100%; text-align: center; }

/*--------- Main */
.bodymain .section1 { padding: 4px 0 0 0; background: #fff; }
.bodymain .section2 {}
.bodymain .section2 .size-normal {}
.bodymain .section2 .size-mobile { display: none; }
.bodymain .section2 .staticContainer { position: relative; display: inline-block; width: 1280px; height: 459px; overflow: hidden; }
.bodymain .section3 {}
.bodymain .section3 .staticContainer { position: relative; width: 100%; height: 467px; overflow: hidden; background: url(../images/templates/main/section-3-pc.jpg) no-repeat center top; }
.bodymain .section3.eng .staticContainer { background: url(../images/templates/main/section-3-pc-eng.jpg) no-repeat center top; }
.bodymain .section3 .size-normal {}
.bodymain .section3 .size-mobile { display: none; }
.bodymain .section4 {}
.bodymain .section4 .staticContainer { display: block; width: 1280px; margin: 0 auto; }
.bodymain .section5 {}
.bodymain .section5 .staticContainer { display: table; width: 1280px; margin: 0 auto; }
.bodymain .section6 {}
.bodymain .section6 .staticContainer { display: table; width: 1280px; margin: 0 auto; background: url(../images/templates/main/bg-section6-1.jpg) no-repeat top; background-size: cover; }
.bodymain .mai_1L { float: left; display: inline-block; width: 50%; vertical-align: top; }
.bodymain .mai_1R { float: left; display: inline-block; width: 50%; vertical-align: top; }
.bodymain .mai_2 { display: table; width: 100%; height: auto; padding: 16.5% 0 7% 0; background: url(../images/templates/main/bg-section4-1.jpg) no-repeat center top; }
.bodymain .mai_2.eng { background: url(../images/templates/main/bg-section4-1-eng.jpg) no-repeat center top; }
.bodymain .mai_2 ul { width: 100%; margin: 0 auto; }
.bodymain .mai_2 li { float: left; display: inline-table; width: 46%; padding: 0 2%; }
.bodymain .mai_3 {}
.bodymain .mai-3 .size-normal {}
.bodymain .mai-3 .size-mobile { display: none; }
.bodymain .mai_4 { position: relative; display: table; width: 100%; height: 528px; background: url(../images/templates/main/bg-section5-1.jpg) no-repeat center top; }
.bodymain .mai_5 { width: 90%; padding: 10% 0 0 0; margin: 0 auto; }
.bodymain .mai_6 { border: #fff solid 8px; }
.bodymain .mai_7 { position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -123.5px; }
.bodymain .mai_8 {}
.bodymain .mai_9 { display: inline-table; width: 100%; padding: 30px 0 10px 0; }
.bodymain .mai_10L { float: left; display: inline-block; width: 50%; }
.bodymain .mai_10R { float: right; display: inline-block; width: 50%; }
.bodymain .mai_11 { font-family: 'DBHelvethaicaXv3_2'; font-size: 36px; font-weight: bold; line-height: 36px; text-align: left; color:#f26522; border-bottom: #ffd110 dotted 4px; }
.bodymain .mai_12 { padding: 6px 0 6px 0; font-family: 'DBHelvethaicaXv3_2'; font-size: 22px; line-height: 22px; text-align: left; color:#383838; }
.bodymain .mai_14 { display: inline-block; width: 96%; margin: 0 auto; text-align: center; }
.bodymain .mai_15 { display: inline-block; width: 96%; text-align: right; }
.bodymain .mai_16 { display: inline-table; width: 100%; padding: 10px 0 20px 0; }
.bodymain .mai_17 { padding: 0 0 30px 0; }
.bodymain .mai_18 { padding: 15px 0 15px 0; }
.bodymain .mai_19 { display: table; width: 100%; margin: 0 auto; }
.bodymain .mai_20 { display: table; width: 100%; margin: 0 auto; }
.bodymain .mai_20 li { float: left; display: inline-table; width: 32%; padding: 1.2% .6%; }
.bodymain .mai_21 { display: inline-table; width: 96%; padding: 8px 2% 0 0; text-align: right; }
.bodymain .mai_22L { float: left; display: inline-block; width: 700px; vertical-align: top; text-align: left;  }
.bodymain .mai_22R { float: left; display: inline-block; width: 500px; vertical-align: top; text-align: right; }
.bodymain .mai_23 { display: block; width: 1200px; margin: 0 auto; }
.bodymain .mai_24 {}
.bodymain .mai_24-1 { position: absolute; top: 0; left: 0; }
.bodymain .mai_24-2 { position: absolute; top: 0; left: 0; }
.bodymain .mai_24-3 { position: absolute; top: 0; left: 0; }
.bodymain .mai_25 {}
.bodymain .mai_25-1 { position: absolute; top: 27%; left: 12%; width: 8%; height: 54%; cursor: pointer; }
.bodymain .mai_25-2 { position: absolute; top: 27%; left: 39%; width: 8%; height: 54%; cursor: pointer; }
.bodymain .mai_25-3 { position: absolute; top: 75%; left: 63%; width: 21%; height: 13%; cursor: pointer; }

.bodymain .btn2-pc { position: absolute; top: 262px; left: 50%; margin: 0 0 0 -244px; }
.bodymain .btn2-mb { position: absolute; top: 132px; left: 50%; margin: 0 0 0 -138px; }
.bodymain .jsbanner1_1_pc { display: block; }
.bodymain .jsbanner1_1_mb { display: none; }

/*--------- About Us */
.bodyaboutus .section1 { padding: 4px 0 0 0; background: #fff; }
.bodyaboutus .section1 .staticContainer { display: block; width: 100%; height: 285px; margin: 0 auto; background: url(../images/templates/about/key-pc.jpg) no-repeat center top; }
.bodyaboutus .section2 { display: block; width: 100%; }
.bodyaboutus .section2 .staticContainer { display: block; width: 1280px; height: auto; min-height: 490px; margin: 0 auto; background: url(../images/templates/about/bg-section2.jpg) repeat-x center top; }
.bodyaboutus .section2 .boxs-Container { width: 1200px; margin: 0 auto; }
.bodyaboutus .abu_1 { text-align: left; }
.bodyaboutus .abu_2 { padding: 0 0 15px 0; }
.bodyaboutus .abu_3 {}
.bodyaboutus .abu_4 { padding: 0 0 40px 0; }
.bodyaboutus .abu_5 { padding: 0 0 10px 15px; background: url(../images/templates/arrow-r-1.png) no-repeat left 6px; }
.bodyaboutus .abu_6 {}

.bodyaboutus .abu-1 {}
.bodyaboutus .abu-2 { display: inline-block; margin: 10px 0 20px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #e60012; border-bottom: #f3a3a7 solid 1px; }
.bodyaboutus .abu-3 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 1em; text-align: center; color: #444; }
.bodyaboutus .abu-7 { position: relative; display: table; width: 100%; padding: 50px 0 0 0; }
.bodyaboutus .abu-7:before { position: absolute; content: ""; left: 10%; width: 80%; border-top: 1px #ccc solid; margin: -18px auto 0 auto; }
.bodyaboutus .abu-8 { display: inline-block; margin: 0 0 20px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #e60012; }
.bodyaboutus .abu-9 {}
.bodyaboutus .abu-10 {}
.bodyaboutus .abu-10 li { float: left; display: inline-block; width: 33.33333%; vertical-align: top; }
.bodyaboutus .abu-10 li.abu-11-1 { text-align: left; }
.bodyaboutus .abu-10 li.abu-11-2 { text-align: center; }
.bodyaboutus .abu-10 li.abu-11-3 { text-align: right; }
.bodyaboutus .abu-12 { display: inline-block; width: 96%; }
.bodyaboutus .abu-13 { display: table; width: 100%; height: 70px; background: #da2128; text-align: center; }
.bodyaboutus .abu-13 span { display: table-cell; vertical-align: middle; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; text-align: center; color: #fff; }
.bodyaboutus .abu-14 { padding: 8px 15px 8px 15px; font-family: 'DBHelvethaicaXv3_2'; font-size: 22px; line-height: 1em; text-align: center; color: #444; }
.bodyaboutus .abu-15 { position: relative; display: table; width: 100%; padding: 30px 0 0 0; }
.bodyaboutus .abu-15:before { position: absolute; content: ""; left: 10%; width: 80%; border-top: 1px #ccc solid; margin: -18px auto 0 auto; }
.bodyaboutus .abu-16 {}
.bodyaboutus .abu-17 { display: table; width: 100%; height: 70px; background: #da2128; text-align: center; }
.bodyaboutus .abu-17 span { display: table-cell; vertical-align: middle; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 1em; text-align: center; color: #fff; }
.bodyaboutus .abu-18 {}
.bodyaboutus .abu-19 { padding: 10px 0 0 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #444; }
.bodyaboutus .abu-20 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 1em; text-align: center; color: #444; }
.bodyaboutus .abu-21 { padding: 20px 0 50px 0; }
.bodyaboutus .abu-21 .size-normal {}
.bodyaboutus .abu-21 .size-mobile { display: none; }

/*--------- Product */
.bodyproduct .section1 { position: relative; z-index: 0; padding: 4px 0 0 0; background: #fff; }
.bodyproduct .section1 .staticContainer { display: table; width: 100%; }
.bodyproduct .section1 .size-normal {}
.bodyproduct .section1 .size-mobile { display: none; }
.bodyproduct .section2 {}
.bodyproduct .section2 .staticContainer {}
.bodyproduct .section2 .size-normal {}
.bodyproduct .section2 .size-mobile { display: none; }
.bodyproduct .section3 {}
.bodyproduct .section3 .staticContainer { position: relative; width: 1280px; height: auto; margin: 0 auto; background: url(../images/templates/product/bg-pd-pc.png) no-repeat center top; }
.bodyproduct .section3 .staticContainer.eng { background: url(../images/templates/product/bg-pd-pc-eng.png) no-repeat center top; }
.bodyproduct .pdt_2-1 { position: absolute; top: 0; left: 0; }
.bodyproduct .pdt_2-2 { position: absolute; top: 0; left: 0; }
.bodyproduct .pdt_2-3 { position: absolute; top: 0; left: 0; }
.bodyproduct .pdt_3-1 { position: absolute; top: 32%; left: 29%; width: 8%; height: 36%; cursor: pointer; }
.bodyproduct .pdt_3-2 { position: absolute; top: 22%; left: 42%; width: 15%; height: 50%; cursor: pointer; }
.bodyproduct .pdt_3-3 { position: absolute; top: 32%; left: 63%; width: 8%; height: 36%; cursor: pointer; }
.bodyproduct .pdt_4-1 { position: absolute; top: 0; left: 0; }
.bodyproduct .pdt_4-2 { position: absolute; top: 0; left: 0; }
.bodyproduct .pdt_4-3 { position: absolute; top: 0; left: 0; }
.bodyproduct .pdt_5-1 { position: absolute; top: 30%; left: 13%; width: 16%; height: 30%; cursor: pointer; }
.bodyproduct .pdt_5-2 { position: absolute; top: 21%; left: 39%; width: 24%; height: 44%; cursor: pointer; }
.bodyproduct .pdt_5-3 { position: absolute; top: 30%; left: 72%; width: 16%; height: 30%; cursor: pointer; }
.bodyproduct .pdt3-1 { position: relative; width: 100%; height: 575px; overflow: hidden; }
.bodyproduct .pdt3-2 { display: table; width: 660px; padding: 108px 0 0 0; margin: 0px auto; }
.bodyproduct .pdt3-3 { position: relative; float: left; display: inline-block; width: 25%; padding: 0 0 10px 0; }
.bodyproduct .pdt3-3 span { position: relative; display: inline-block; bottom: 29px; font-family: 'DBHelvethaicaXBdItv3_2'; font-size: 26px; text-align: left; line-height: 1em; color: #f36f21; text-indent: -999999px; }
.bodyproduct .pdt3-4 { position: absolute; bottom: -35px; left: 0; }
.bodyproduct .pdtp-1 { display: block; padding: 218px 0 0 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; text-align: center; line-height: 1em; color: #f36f21; }
.bodyproduct .modal-content-6 .pdtp-1 { padding: 226px 0 0 0; }
.bodyproduct .pdtp-2 { width: 625px; padding: 36px 0 0 0; margin: 0px auto; }
.bodyproduct .pdtp-3 { width: 625px; padding: 16px 0 0 0; margin: 0px auto; }
.bodyproduct .pdtp-3.size-normal {}
.bodyproduct .pdtp-3.size-mobile { display: none; }
.bodyproduct .pdtp-4 { width: 625px; padding: 15px 0 0 0; margin: 0px auto; }
.bodyproduct .pdtp-5 { width: 625px; padding: 10px 0 0 0; margin: 0px auto; }
.bodyproduct .pdtp-t1 { font-family: 'DBHelvethaicaXBdItv3_2'; font-size: 30px; text-align: left; line-height: 1em; color: #f36f21; }
.bodyproduct .pdtp-t2 { font-family: 'DBHelvethaicaXBdItv3_2'; font-size: 30px; text-align: left; line-height: 1em; color: #000; }
.bodyproduct .pdtp-t3 { padding: 0 50px 0 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; text-align: left; line-height: 1em; color: #000; }
.bodyproduct .pdtp-t4 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; text-align: left; line-height: 1.2em; color: #000; }
.bodyproduct .pdtp-t5 { font-family: 'DBHelvethaicaXMedItv3_2'; font-size: 25px; text-align: left; line-height: 1em; color: #f36f21; }

.bodyproduct .modal-content-1 { background: url(../images/templates/product/pd-1-view.png) no-repeat center top; }
.bodyproduct .modal-content-2 { background: url(../images/templates/product/pd-2-view.png) no-repeat center top; }
.bodyproduct .modal-content-3 { background: url(../images/templates/product/pd-3-view.png) no-repeat center top; }
.bodyproduct .modal-content-4 { background: url(../images/templates/product/pd-4-view.png) no-repeat center top; }
.bodyproduct .modal-content-5 { background: url(../images/templates/product/pd-5-view.png) no-repeat center top; }
.bodyproduct .modal-content-6 { background: url(../images/templates/product/pd-6-view.png) no-repeat center top; }
.bodyproduct .modal-content-7 { background: url(../images/templates/product/pd-7-view.png) no-repeat center top; }
.bodyproduct .modal-content-8 { background: url(../images/templates/product/pd-8-view.png) no-repeat center top; }
.bodyproduct .modal-content-8.eng { background: url(../images/templates/product/pd-8-view-eng.png) no-repeat center top; }
.bodyproduct .pdtp-content { position: relative; width: 727px; height: 644px; }
.bodyproduct .fancybox-bg { background: #000; }
.bodyproduct .fancybox-slide>div { padding: 0px; margin: 0px; }
.bodyproduct .fancybox-slide>div .btn-close { position: absolute; top: 188px; right: 52px; display: inline-block; width: 45px; height: 45px; cursor: pointer; }
.bodyproduct .fancybox-slide>div.modal-content-6 .btn-close { top: 196px; }
.bodyproduct .news-breadcrumb { z-index: 10; }

/*--------- Research */
.bodyresearch .section1 { padding: 4px 0 0 0; background: #fff; }
.bodyresearch .section1 .staticContainer { display: block; width: 100%; height: 350px; margin: 0 auto; text-indent: -999999px; background: url(../images/templates/research/key-pc.jpg) no-repeat center top; }
.bodyresearch .section1 .staticContainer.eng { background: url(../images/templates/research/key-pc-eng.jpg) no-repeat center top; }
.bodyresearch .section2 { display: block; width: 100%; }
.bodyresearch .section2 .staticContainer { display: block; width: 1280px; height: auto; min-height: 490px; margin: 0 auto; background: url(../images/templates/research/bg-section2.jpg) repeat-x center top; }
.bodyresearch .section2 .boxs-Container { width: 1200px; margin: 0 auto; }
.bodyresearch .section3 .staticContainer { display: block; width: 1280px; height: auto; min-height: 490px; margin: 0 auto; background: url(../images/templates/research/m-4.jpg) center top; }
.bodyresearch .section3 .boxs-Container { width: 1200px; margin: 0 auto; }
.bodyresearch .res_1 { width: 100%; text-align: left; }

.bodyresearch .res_3 { width: 100%; text-align: left; }
.bodyresearch .res_4 { width: 100%; padding: 20px 0 40px 0; text-align: center; }
.bodyresearch .res_4 .size-normal {}
.bodyresearch .res_4 .size-mobile { display: none; }
.bodyresearch .res_5 {}
.bodyresearch .res_6 { width: 100%; list-style: none; }
.bodyresearch .res_6 li { min-height: 118px; padding: 30px 0 30px 0; }
.bodyresearch .res_7-1 { background: #ffffa3; }
.bodyresearch .res_7-2 {}
.bodyresearch .res_8 { position: relative; width: 1000px; margin: 0 auto; text-align: left; }
.bodyresearch .res_9 {}
.bodyresearch .res_10L { float: left; display: inline-block; width: 170px; text-align: left; }
.bodyresearch .res_10R { float: left; display: inline-block; width: 830px; text-align: left; }
.bodyresearch .res_11 {}
.bodyresearch .res_11 img { width: 142px; }
.bodyresearch .res_12 {}
.bodyresearch .res_13 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #444; }
.bodyresearch .res_14 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 21px; line-height: 1em; color: #f15922; }
.bodyresearch .res_15 { position: absolute; bottom: 0; text-align: left; }
.bodyresearch .res_16 { display: inline-block; padding: 5px 10px; background: #f15922; }
.bodyresearch .res_16 span { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 18px; line-height: 1em; color: #fff; }
.bodyresearch .res_17 { width: 100%; text-align: left; }
.bodyresearch .res_17 img { max-width: 100%; height: auto }


.bodyresearch .resm-1 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #f15922; }
.bodyresearch .resm-2 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #242323; }
.bodyresearch .resm-3 { padding: 40px 0 40px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 25px; line-height: 1em; color: #000; }
.bodyresearch .resm-3 span { position: relative; top: -6px; font-size: 14px; vertical-align: top; }
.bodyresearch .resm-4 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 1em; color: #444; }
.bodyresearch .resm-4 span { position: relative; top: -6px; font-size: 18px; vertical-align: top; }
.bodyresearch .resm-4 p { padding: 40px 0 40px 0; }
.bodyresearch .resm-5 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 1em; color: #444; }
.bodyresearch .resm-5 a { color: #f15922; }
.bodyresearch .resm-6 { padding: 40px 0 0 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #f15922; }
.bodyresearch .resm-7 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 1.3em; color: #444; }
.bodyresearch .resm-8 { padding: 40px 0 40px 0; }
.bodyresearch .resm-8-1 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #f15922; }
.bodyresearch .resm-8-2 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 1em; color: #444; }
.bodyresearch .resm-9 { padding: 0 0 10px 0; text-align: center; }
.bodyresearch .resm-10 { display: block; width: 100%; height: 1px; margin: 30px 0px; background: #ccc; }
.bodyresearch .resm-11 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #f15922;  }
.bodyresearch .resm-12 {}
.bodyresearch .resm-13 { padding: 0 0 30px 0; font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 1.3em; color: #444; }

.bodyresearch .rest-1 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 1em; color: #f15922; }
.bodyresearch .rest-2 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #242323; }
.bodyresearch .rest-3 { padding: 30px 0 30px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 1em; color: #242323; }
.bodyresearch .rest-4 { padding: 0 0 30px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; }
.bodyresearch .rest-4 .rs-1 { color: #f15922; }
.bodyresearch .rest-4 .rs-2 { color: #242323; }
.bodyresearch .rest-5 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 1.3em; color: #444; }
.bodyresearch .rest-5 p { padding: 0 0 30px 0 ; text-indent: 1.5em; }
.bodyresearch .rest-5 i { position: relative; top: -10px; padding: 0 4px 0 0; font-size: 14px; }
.bodyresearch .rest-5 .rs-1 { color: #444; }
.bodyresearch .rest-5 .rs-2 { color: #f15922; }
.bodyresearch .rest-6 { text-align: center; }
.bodyresearch .rest-7 { display: block; width: 100%; height: 1px; margin: 30px 0px; background: #ccc; }

.bodyresearch .res_footer-1 {}
.bodyresearch .res_footer-2L { float: left; width: 66.66666667%; text-align: left; }
.bodyresearch .res_footer-2R { float: left; width: 33.33333333%; text-align: right; }
.bodyresearch .res_footer-3L { float: left; width: 50%; text-align: left; }
.bodyresearch .res_footer-3R { float: right; width: 50%; text-align: center; }
.bodyresearch .res_footer-4 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; text-align: center; color: #f15922; }
.bodyresearch .res_footer-5 {}
.bodyresearch .res_footer-6 { padding: 0 14% 0 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; color: #f15922; }
.bodyresearch .res_footer-7 {}
.bodyresearch .res_footer-8 { display: inline-block; width: 92%; padding: 5% 0; }
.bodyresearch .res_footer-9 {}
.bodyresearch .res_footer-10 {}
.bodyresearch .res_footer-11 {}
.bodyresearch .res_footer-12 {}
.bodyresearch .res_footer-13 {}
.bodyresearch .res_footer-14 { position: relative; display: inline-block; }
.bodyresearch .res_footer-15 { position: absolute; bottom: 0; left: 0; display: table; width: 100%; height: 70px; text-align: center; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.bodyresearch .res_footer-16 { display: table-cell; vertical-align: middle; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; text-align: center; color: #fff; }
.bodyresearch .res_footer-17 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; color: #f15922; }

.bodyresearch .video-Container { position: relative; width: 1040px; height: 585px; margin: 0 auto; overflow: hidden; cursor: pointer; }
.bodyresearch .video-Container iframe,
.bodyresearch .video-Container object,
.bodyresearch .video-Container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*--------- Benefit */
.bodybenefit .section1 { padding: 4px 0 0 0; background: #fff; }
.bodybenefit .section1 .staticContainer { position: relative; width: 1280px; height: auto; margin: 0 auto; background: url(../images/templates/benefit/b-1-pc.jpg) no-repeat center top; }
.bodybenefit .section2 { padding: 4px 0 0 0; background: #fff; }
.bodybenefit .section2 .staticContainer { position: relative; width: 1280px; height: auto; margin: 0 auto; background: url(../images/templates/benefit/b-2-pc.jpg) no-repeat center top; }
.bodybenefit .section3 { padding: 4px 0 0 0; background: #fff; }
.bodybenefit .section3 .staticContainer { position: relative; width: 1280px; height: auto; margin: 0 auto; background: url(../images/templates/benefit/b-3-pc.jpg) no-repeat center top; }
.bodybenefit .section4 { padding: 4px 0 0 0; background: #fff; }
.bodybenefit .section4 .staticContainer { position: relative; width: 1280px; height: auto; margin: 0 auto; background: url(../images/templates/benefit/b-4-pc.jpg) no-repeat center top; }

.bodybenefit .section1 .staticContainer.eng { background: url(../images/templates/benefit/b-1-pc-eng.jpg) no-repeat center top; }
.bodybenefit .section2 .staticContainer.eng { background: url(../images/templates/benefit/b-2-pc-eng.jpg) no-repeat center top; }
.bodybenefit .section3 .staticContainer.eng { background: url(../images/templates/benefit/b-3-pc-eng.jpg) no-repeat center top; }
.bodybenefit .section4 .staticContainer.eng { background: url(../images/templates/benefit/b-4-pc-eng.jpg) no-repeat center top; }

.bodybenefit .bnf_1 { position: relative; width: 100%; height: 865px; overflow: hidden; }
.bodybenefit .bnf_2 { position: relative; top: 0; display: block; width: 1200px; margin: 0 auto; }
.bodybenefit .bnf_3 { position: relative; width: 100%; height: 865px; overflow: hidden; }
.bodybenefit .bnf_4 { position: relative; top: 0; display: block; width: 1200px; margin: 0 auto; }
.bodybenefit .bnf_5 { position: relative; width: 100%; height: 865px; overflow: hidden; }
.bodybenefit .bnf_6 { position: relative; top: 0; display: block; width: 1200px; margin: 0 auto; }
.bodybenefit .bnf_7 { position: relative; width: 100%; height: 865px; overflow: hidden; }
.bodybenefit .bnf_8 { position: relative; top: 0; display: block; width: 1200px; margin: 0 auto; }
.bodybenefit .bnf-1.size-normal { position: absolute; top: 415px; left: 50%; margin: 0 0 0 -146px; }
.bodybenefit .bnf-1.size-mobile { position: absolute; top: 583px; left: 50%; display: none; margin: 0 0 0 -188px; }
.bodybenefit .bnf-2.size-normal { position: absolute; top: 454px; left: 50%; margin: 0 0 0 60px; }
.bodybenefit .bnf-2.size-mobile { position: absolute; top: 485px; left: 50%; display: none; margin: 0 0 0 14px; }
.bodybenefit .bnf-3.size-normal { position: absolute; top: 411px; left: 50%; margin: 0 0 0 248px; }
.bodybenefit .bnf-3.size-mobile { position: absolute; top: 716px; left: 50%; display: none; margin: 0 0 0 -7px; }
.bodybenefit .btn2-1-pc { position: absolute; top: 680px; left: 50%; margin: 0 0 0 -28px; }
.bodybenefit .btn2-1-mb { position: absolute; top: 1720px; left: 50%; display: none; margin: 0 0 0 -192px; }
.bodybenefit .btn2-2-pc { position: absolute; top: 680px; left: 50%; margin: 0 0 0 180px; }
.bodybenefit .btn2-2-mb { position: absolute; top: 1720px; left: 50%; display: none; margin: 0 0 0 28px; }
.bodybenefit .btn3-1-pc { position: absolute; top: 636px; left: 50%; margin: 0 0 0 -38px; }
.bodybenefit .btn3-1-mb { position: absolute; top: 1170px; left: 50%; display: none; margin: 0 0 0 -202px; }
.bodybenefit .btn3-2-pc { position: absolute; top: 636px; left: 50%; margin: 0 0 0 172px; }
.bodybenefit .btn3-2-mb { position: absolute; top: 1170px; left: 50%; display: none; margin: 0 0 0 18px; }
.bodybenefit .btn4-1-pc { position: absolute; top: 636px; left: 50%; margin: 0 0 0 -38px; }
.bodybenefit .btn4-1-mb { position: absolute; top: 1170px; left: 50%; display: none; margin: 0 0 0 -202px; }
.bodybenefit .btn4-2-pc { position: absolute; top: 636px; left: 50%; margin: 0 0 0 184px; }
.bodybenefit .btn4-2-mb { position: absolute; top: 1170px; left: 50%; display: none; margin: 0 0 0 28px; }

/*--------- News & Events */
.bodynews .section1 { padding: 4px 0 0 0; background: #fff; }
.bodynews .section1 .staticContainer {}
.bodynews .section2 {}
.bodynews .section2 .staticContainer { position: relative; width: 1280px; height: 146px; margin: 0 auto; background: url(../images/templates/newsevents/6-2.jpg) repeat-x center top; }
.bodynews .section3 {}
.bodynews .section3 .staticContainer { position: relative; width: 1280px; margin: 0 auto; }
.bodynews .section4 {}
.bodynews .section4 .staticContainer { position: relative; width: 1280px; margin: 0 auto; background: url(../images/templates/newsevents/6-2.jpg) repeat-x center top; }
.bodynews .section5 {}
.bodynews .section5 .staticContainer { position: relative; width: 1280px; margin: 0 auto; border-top: #fcb50c solid 3px; }
.bodynews .section6 {}
.bodynews .section6 .staticContainer { position: relative; width: 1280px; margin: 0 auto; border-top: #fcb50c solid 3px; }
.bodynews .section7 {}
.bodynews .section7 .staticContainer { position: relative; width: 1280px; margin: 0 auto; border-top: #ccc solid 1px; }
.bodynews .section8 {}
.bodynews .section8 .staticContainer { position: relative; width: 1280px; margin: 0 auto; border-top: #ccc solid 1px; }

.bodynews .new_1 { display: table; width: 100%; padding: 46px 0 0 0; margin: 0 auto; border-top: #fcb50c solid 3px; }
.bodynews .new_1 ul { width: 100%; margin: 0; padding: 0; list-style-type: none; }
.bodynews .new_1 li { float: left; width: 33.33333%; padding: 0 0 50px 0; margin: 0 0; }
.bodynews .new_2 { height: 43px; padding: 0 0 40px 0; }
.bodynews .new_3 { display: table; width: 100%; margin: 0 auto;}
.bodynews .new_3 ul { width: 100%; margin: 0; padding: 0; list-style-type: none; }
.bodynews .new_3 li { float: left; width: 33.33333%; padding: 0 0 50px 0; margin: 0 0; }
.bodynews .new_4 { padding: 40px 0 40px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; text-align: center; color: #f25f1f; }
.bodynews .new_5 { padding: 40px 0 40px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; text-align: center; }
.bodynews .new_6 { padding: 40px 0 40px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; text-align: center; }
.bodynews .new_7 { padding: 0 15px; }
.bodynews .new_8 { padding: 40px 0 40px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; text-align: center; }
.bodynews .new_9 {}
.bodynews .new_10 { width: 860px; padding: 30px 0 35px 0; margin: 0 auto; }
.bodynews .new_11 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 30px; color: #242323; text-align: left; }
.bodynews .new_12 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 25px; color: #444; text-align: left; }
.bodynews .new_12 p { padding: 4px 0 4px 0; }
.bodynews .new_13 { display: table; width: 100%; }
.bodynews .new_14 { position: relative; display: table; width: 860px; margin: 0 auto; }
.bodynews .new_14 li { display: inline-block; float: left; width: 33.333333%; list-style: none; }
.bodynews .new_15 { padding: 60px 0 60px 0; margin: 0 auto; }
.bodynews .new_16 {}
.bodynews .new_17 {}
.bodynews .new_18 {}
.bodynews .new_19 { padding: 40px 0 40px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; text-align: center; color: #f25f1f; }
.bodynews .new_20 { display: table; width: 100%; padding: 0 0 0 0; margin: 0 auto;}
.bodynews .new_20 ul { width: 100%; margin: 0; padding: 0; list-style-type: none; }
.bodynews .new_20 li { float: left; display: inline-block; width: 33.33333%; padding: 0 0 50px 0; margin: 0 0; }
.bodynews .new_21 { height: 43px; padding: 0 0 40px 0; }
.bodynews .new_22 {}
.bodynews .new_23 { padding: 40px 0 40px 0; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; text-align: center; }
.bodynews .new_24 { display: inline-block; padding: 0 0 60px 0;; margin: 0 auto; text-align: center; }
.bodynews .new_25 { padding: 0 0 20px 0; }
.bodynews .new_26 {}
.bodynews .new_27 { width: 1200px; margin: 0px auto; text-align: left; }
.bodynews .new_28 { display: table; width: 1200px; padding: 20px 0; margin: 0px auto; text-align: left; }
.bodynews .new_29 {}
.bodynews .new_29-1 { float: left; display: inline-block; padding: 7px 15px 0 0; }
.bodynews .new_29-2 { float: left; display: inline-block; padding: 7px 15px 0 0; }
.bodynews .new_29-3 { float: left; display: inline-block; }
.bodynews .new_30 { position: relative; display: block; text-align: left; }
.bodynews .new_30:before { position: absolute; top: 50%; left: 0; z-index: 0; width: 100%; height: 2px; background: #ff9c00; content: ""; }
.bodynews .new_31 { position: relative; display: inline-block; padding: 0 10px; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 35px; line-height: 35px; text-align: left; color: #000; background: #fff; }
.bodynews .new_32 { position: relative; display: inline-block; }
.bodynews .new_33 {}
.bodynews .new_34 { position: absolute; bottom: 0; left: 0; width: 100%; background: #000; }
.bodynews .new_35 { width: 1200px; margin: 0 auto; }
.bodynews .new_36 { text-align: left; }
.bodynews .new_37 { padding: 20px 0 0 0; text-align: left; }
.bodynews .new_38 { padding: 5px 0 0 0; text-align: left; }
.bodynews .new_39 { display: inline-block; padding: 50px 0 50px 0; margin: 0 auto; text-align: center; }
.bodynews .new_40 { width: 1000px; padding: 50px 0 50px 0; margin: 0 auto; }
.bodynews .new_41 {}
.bodynews .new_42 {}
.bodynews .new_43 {}
.bodynews .new_44 {}
.bodynews .new_45 {}
.bodynews .new_46 {}
.bodynews .new_47 {}
.bodynews .new_48 {}
.bodynews .new_49 {}

.bodynews .new_50 { position: relative; display: inline-block; }
.bodynews .new_51 { position: absolute; bottom: 0; left: 0; display: table; width: 100%; height: 78px; text-align: center; background-color: rgba(0, 0, 0, 0.6); opacity: 1; }
.bodynews .new_52 { display: table-cell; padding: 0 20px; vertical-align: middle; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 25px; line-height: .8em; text-align: left; color: #fff; }

.bodynews .video-Container { position: relative; width: 1067px; height: 600px; margin: 0 auto; overflow: hidden; cursor: pointer; }
.bodynews .video-Container iframe,
.bodynews .video-Container object,
.bodynews .video-Container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bodynews .fancybox-slide>div { background: none; }
.bodynews .fancybox-slide>div .btn-close { position: absolute; top: 32px; right: 34px; display: inline-block; width: 45px; height: 45px; cursor: pointer; }

.news-breadcrumb { position: relative; display: block; padding: 30px 40px 30px 40px; text-align: left; }
.news-breadcrumb ul { list-style: none; overflow: hidden; font: 18px Sans-Serif; }
.news-breadcrumb li { float: left; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; }
.news-breadcrumb li a { position: relative; display: block; float: left; text-decoration: none; padding: 0 0 0 5px; color: #444; }
.news-breadcrumb li span { position: relative; display: block; float: left; text-decoration: none; padding: 0 0 0 5px; color: #f15922; }
.news-breadcrumb li a::after { position: absolute; top: 50%; left: 100%; z-index: 2;display: block; width: 0; height: 0; margin-top: -50px; content: " "; }

.news-menu { position: absolute; bottom: 0; display: block; width: 100%; }
.news-menu ul { display: inline-block; margin: 0 auto; list-style: none; overflow: hidden; font: 18px Sans-Serif; }
.news-menu li { float: left; width: 231px; height: 55px;  margin: 0 10px; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 30px; }
.news-menu li a { display: table-cell;  width: 231px; height: 55px; vertical-align: middle; color: #fcb50c; background: url(../images/templates/newsevents/6-2-2.png) no-repeat center top; }
.news-menu li a.active { color: #fff; background: url(../images/templates/newsevents/6-2-1.png) no-repeat center top; }

.activities-menu-sub { position: relative; bottom: 0; display: block; width: 100%; margin: 0 0 10px 0; text-align: left; border-bottom: #fcb50c solid 3px; }
.activities-menu-sub ul { display: inline-block; padding: 0 0 0 28px; margin: 0 auto; list-style: none; overflow: hidden; font: 18px Sans-Serif; }
.activities-menu-sub li { float: left; width: 231px; height: 55px;  margin: 0 10px; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 30px;  text-align: center; }
.activities-menu-sub li a { display: table-cell;  width: 231px; height: 55px; vertical-align: middle; color: #fcb50c; background: url(../images/templates/newsevents/6-2-2.png) no-repeat center top; }
.activities-menu-sub li a.active { color: #fff; background: url(../images/templates/newsevents/6-2-1.png) no-repeat center top; }

/*--------- Where To Buy */
.bodywheretobuy .section1 { padding: 4px 0 0 0; background: #fff; }
.bodywheretobuy .section1 .staticContainer {}
.bodywheretobuy .section1 .size-normal {}
.bodywheretobuy .section1 .size-mobile { display: none; letter-spacing: -.4px; }
.bodywheretobuy .section2 {}
.bodywheretobuy .section2 .staticContainer { position: relative; width: 1280px; height: auto; margin: 0 auto; }
.bodywheretobuy .wtb_1 { display: table; width: 100%; height: auto; background: url(../images/templates/contactus/m-2.jpg) center top; border-top: #ffd906 solid 10px; }
.bodywheretobuy .wtb_2 { width: 1200px; margin: 0 auto; }
.bodywheretobuy .wtb_3 {}
.bodywheretobuy .wtb_4 { width: 1200px; margin: 0 auto; text-align: left; }
.bodywheretobuy .wtb_4 .size-normal {}
.bodywheretobuy .wtb_4 .size-mobile { display: none; letter-spacing: -.2px; }
.bodywheretobuy .wtb_5 { padding: 10px 0 0 0; }
.bodywheretobuy .wtb_5 .size-normal {}
.bodywheretobuy .wtb_5 .size-mobile { display: none; }

/*--------- CONTACT Us */
.bodycontactus .section1 { padding: 4px 0 0 0; background: #fff; }
.bodycontactus .section1 .staticContainer {}
.bodycontactus .section1 {}
.bodycontactus .section1 .size-normal {}
.bodycontactus .section1 .size-mobile { display: none; }
.bodycontactus .section2 {}
.bodycontactus .section2 .staticContainer { position: relative; width: 1280px; height: auto; margin: 0 auto; }
.bodycontactus .ctu_1 { padding: 0 0 52px 0;  background: #fcff00; }
.bodycontactus .ctu_1.ctu_1-2 { padding: 0 0 52px 0;  background: #d9b96a; }
.bodycontactus .ctu_2 { width: 100%; list-style: none; background: url(../images/templates/contactus/m-2.jpg) center top; }
.bodycontactus .ctu_2 li { min-height: 118px; padding: 30px 0 30px 0;}
.bodycontactus .ctu_2-1 { background: #ffffa3; }
.bodycontactus .ctu_2-2 { background: #efdfb8; }
.bodycontactus .ctu_3 { width: 1000px; margin: 0 auto; text-align: left; }
.bodycontactus .ctu_4 { }
.bodycontactus .ctu_5 { padding: 10px 0 0 0; }
.bodycontactus .ctu_6 { display: table; width: 100%; height: auto; background: url(../images/templates/contactus/m-2.jpg) center top; border-top: #ffd906 solid 10px; }
.bodycontactus .ctu_7 { width: 1200px; margin: 0 auto; }
.bodycontactus .ctu_7 .navbar { padding: 30px 0 10px 0; }
.bodycontactus .ctu_8 {}
.bodycontactus .ctu_8 .size-normal {}
.bodycontactus .ctu_8 .size-mobile { display: none; }
.bodycontactus .ctu_9 { display: table; width: 100%; height: 546px; background: url(../images/templates/contactus/m-3-pc.jpg) center top; border-top: #ffd906 solid 10px; }
.bodycontactus .ctu_10 { width: 1200px; margin: 0 auto; }
.bodycontactus .ctu_10 .navbar { padding: 28px 0 10px 0; }
.bodycontactus .ctu_11 {}
.bodycontactus .ctu_12 { width: 340px; padding: 0 0 0 634px; text-align: left; }
.bodycontactus .ctu_13 {}
.bodycontactus .ctu_14 {}
.bodycontactus .ctu_15 { padding: 5px 0 20px 34px; border-bottom: #999 solid 1px; }
.bodycontactus .ctu_16 { padding: 24px 0 0 0; }
.bodycontactus .ctu_17 { padding: 24px 0 0 0; text-align: center; }
.bodycontactus .ctu_18 { padding: 0 0 0 0; }

/* Navigation Bar */
.navbar { padding: 30px 0 20px 0; text-align: left; }
.navbar ul { width: 100%; margin: 0; padding: 0; list-style-type: none; }
.navbar li { display: inline-block; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #444; }
.navbar li a { display: inline-block; color: #444; }
.navbar li:last-child { color: #f15922; }

/*  */
.h3-242323 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 30px; color: #242323; }
.h4-444 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 25px; color: #444; }
.h5-f15922 { font-family: 'DBHelvethaicaXv3_2'; font-size: 30px; line-height: 30px; color: #f15922; }
.h6-444 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 35px; line-height: 35px; color: #444; }
.h7-444 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 30px; color: #444; }
.text-8 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 32px; line-height: 32px; color: #242323; }
.text-9 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 30px; color: #f15922; }
.text-10 { font-family: 'DBHelvethaicaXv3_2'; font-size: 25px; line-height: 25px; color: #444; }
.text-11 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 30px; color: #444; }
.text-11.eng { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 24px; line-height: 1em; color: #444; }
.text-12 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 25px; line-height: 25px; color: #444; }
.text-12 span { color: #f15922; }
.text-13 { font-family: 'DBHelvethaicaXv3_2'; font-size: 22px; line-height: 22px; color: #f15922; }
.text-14 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 40px; line-height: 40px; color: #242323; }
.text-15 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 30px; color: #444; }
.text-16 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 25px; line-height: 25px; color: #f15922; }
.text-16.text-16-fa2 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 25px; line-height: 25px; color: #785a1b; }
.text-17 { font-family: 'DBHelvethaicaXv3_2'; font-size: 22px; line-height: 22px; color: #000; }
.text-17 span { font-family: 'DBHelvethaicaMonXBdv3_2'; }

/* Menu */
#headermenu1 { display: block; }
#headermenu1.mb_menu1 { position: relative; z-index: 10; width: 100%; height: 100px; }
#headermenu1 .mb_menu2 { display: table; width: 1280px; height: 100px; margin:0 auto; background: url(../images/templates/bg-menu.jpg) repeat-x center top; }
#headermenu1 .mb_menu2L { display: table; float: left; width:auto; text-align: left; }
#headermenu1 .mb_menu2R { display: table; float: right; width:auto; text-align: left; margin-right: 15px; }
#headermenu1 .mb_menu3 { display: table; width: 100%; height: 100px; }
#headermenu1 .mb_menu4 { display: table-cell; vertical-align: middle; list-style: none; }
#headermenu1 .mb_menu4 li { position: relative; float:left; display: block; height: 50px; }
#headermenu1 .mb_menu4 li + li { border-left: #fff dotted 1px; }
#headermenu1 .mb_menu4 > li:hover ul { display: block!important; }
#headermenu1 .mb_menu4 a { float: left; text-align: center; }
#headermenu1 .mb_menu4 a span { display: table-cell; vertical-align: middle; height: 50px; }
#headermenu1 .mb_menu4 ul { position: absolute; top: 0; left: 0; display: none; padding: 25px 0 0 0; margin: 50px 0 0 0; }
#headermenu1 .mb_menu4 ul li { float: none; height: 50px; margin: 0; padding: 0; border-top: #e8b61f dotted 1px; border-left: none; background: #ffd800; }
#headermenu1 .mb_menu4 ul li a { display: block; width: 190px; text-align: left; padding: 0 0 0 12px; }
#headermenu1 .mb_menu4 ul li a span { display: table-cell; vertical-align: middle; height: 34px; }
#headermenu1 .mb_menu4 ul li a.sub-1 { width: 190px; }
#headermenu1 .mb_menu4 ul li a.sub-2 { width: 222px; }
#headermenu1 .mb_menu6 { display: none; width: 45px; margin: 32px 32px 0 0; }
#headermenu1 .mb_menu6 span.act-step-two { position: relative; z-index:1; width: 40px; cursor: pointer; }
#headermenu1 .mb_menu6 span.act-step-two .grpelem { position: relative; display: inline-block; float: left; width: 45px; height: 7px; margin: 3px 0; background-color: #fff; }
#headermenu1 .mbt-1 { padding: 0 5px 0 5px; margin: 0 8px 0 8px; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 21px; line-height: 1em; color:#808080; }
#headermenu1 .mbt-1:hover, #headermenu1 .mbt-1.active { color: #f15922; }
#headermenu1 .mbt-2 { position: relative; display: block; margin: 0 4px; }
#headermenu1 .mbt-2 a { margin: 0 4px; }
#headermenu1 .mbt-2 img { width: 50px; height: 50px; }
#headermenu1 .mbt-2 img:hover { opacity: 0.7; }

#headermenu1 .mbt-2 a:nth-child(1) { margin: 0 4px 0 8px; }
#headermenu1 .mbt-2 a:nth-last-child(1) { margin: 0 8px 0 4px; }
#headermenu1 .mbt-3 { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 21px; line-height: 1em; color:#808080; }
#headermenu1 .mbt-3:hover, #headermenu1 .mbt-3.active { color: #f15922; }
#headermenu1 .mbt-4 {}
#headermenu1 .mb_menu4 a.mbt-5-1 { margin: 10px 2px 0 4px; }
#headermenu1 .mb_menu4 a.mbt-5-2 { margin: 10px 4px 0 2px; }



#headermenu1 .teatree-logo { position: absolute; margin: 10px 0 0 15px; }
#headermenu1 .btn_topmenu { cursor: pointer; }
#headermenu1 .btn_topmenu.active .act-step-two .grpelem { display: none; }
#headermenu1 .btn_topmenu.active .act-step-two .x-button { display: block; }
#headermenu1 .btn_topmenu .act-step-two .x-button { width: 45px; height: 40px; position: relative; display: none; }

.topmenu { position: absolute; display: none; top: 100px; left: 0px; width: 100%; height: auto; background: rgba(255, 216, 0, 0.8); z-index: 9; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, visibility 0s 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s, visibility 0s 0.4s; transition: transform 0.4s,opacity 0.4s, visibility 0s 0.4s; }
.topmenu-open { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
.topmenuboard { display: inline-table; width: 100%; }
.topmenuboard li { display: inline-block; vertical-align: top; width: 100%; padding: 18px 0; border-bottom: #fff solid 1px; }
.topmenuboard li:hover {}
.topmenuboard li:last-child { border-bottom: none; } 
.topmenuboard li a { display: inline-block; font-family: 'DBHelvethaicaXMedv3_2'; font-size: 30px; line-height: 1em; color: #000; }
.topmenuboard li a:hover {}
.topmenuboard li .active { color: #f15922; }
.topmenuboard .mbt-3 { position: relative; display: block;}
.topmenuboard .mbt-3 a { margin: 0 20px; }
.topmenuboard .mbt-3 img { width: 50px; height: 50px; }
.topmenuboard .mbt-4 { padding: 20px 0 20px 0; }
.topmenuboard .mbt-4 img { width: 44px; }
.topmenuboard .mbt-5-1 { margin: 0 40px 0 0; }
.topmenuboard .mbt-5-2 { margin: 0 0 0 40px; }

.topmenuboard li.has-sub.vsb-sb a .glyphicon { position: absolute; top: 0; right: 0; background:url(../images/templates/a-up.png) no-repeat center top; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);	-ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.topmenuboard li.has-sub a .glyphicon {	display: none; position: absolute;	top: 0; right: 0; width: 27px; height: 16px; background:url(../images/templates/a-up-w.png) no-repeat center top; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);	transform: rotate(0deg); }
.topmenuboard li.has-sub a.active .glyphicon { background:url(../images/templates/a-up.png) no-repeat center top; }

.topmenuboard li.has-sub { padding: 18px 0 0 0; }
.topmenuboard li .has-sub-1 { position: relative; width: 90%; margin: 0 auto; text-align: left; }
.topmenuboard li .has-sub-2 { padding: 0 0 18px 0; }
.topmenuboard .submenu { display: block; }
.topmenuboard .submenu li { position: relative; width: 100%; padding: 12px 0; margin: 0 auto; border-bottom: none; text-align: left; }
.topmenuboard .submenu li:before { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; content: ""; }
.topmenuboard .submenu li:first-child:before { display: block; }
.topmenuboard .submenu li a { display: table; width: 90%; padding: 0 0 0 30px; margin: 0 auto; font-size: 24px; line-height: 24px; color: #000; }
.topmenuboard .submenu li a:before { position: absolute; content: ""; border: 3px #000 solid; border-radius: 3px; margin: 8px 0 0 -14px; }
.topmenuboard li .submenu li a:hover { color: #666; }
.topmenuboard li .submenu li.active a,
.topmenuboard li .submenu li.active a:hover { color: #d1a854; }
.topmenuboard .submenu li.active a:before { border: 4px #d1a854 solid; }

.no-border-top:before { display: none !important; };

/* Footer */
.footer-1 { display: table; width: 1280px; margin: 0 auto; border-top: #ffd829 solid 4px; background: url(../images/templates/bg-footer-1.png) center top; }
.footer-1 .section-ft-1 { display: table; width: 1200px; padding: 15px 0 15px 0; margin: 0 auto; }
.footer-1 .section-ft-1 ul { display: block; width: 100%; padding: 0; margin: 0; text-align: left; list-style: none; }
.footer-1 .section-ft-1 li { display: inline-block; width: 19.5%; padding: 15px 0 15px 0; vertical-align: top; text-align: left; }
.footer-1 .section-ft-1 li a { font-family: 'DBHelvethaicaXMedv3_2'; font-size: 24px; line-height: 24px; color: #f26522; }
.footer-1 .section-ft-1 li a:hover { opacity: 0.7; }
.footer-1 .section-ft-1 li a.size-normal {}
.footer-1 .section-ft-1 li a.size-mobile { display: none; }
.footer-1 .section-ft-1 li ul { display: block; padding: 8px 0 0 0; }
.footer-1 .section-ft-1 li ul li { display: block; width: 100%; padding: 3px 0 3px 0; }
.footer-1 .section-ft-1 li ul li a { font-family: 'DBHelvethaicaXv3_2'; font-size: 20px; line-height: 20px; color: #7f7f7f; }
.footer-1 .section-ft-1 li ul li a:hover { color: #f26522; opacity: 1; }
.footer-1 .section-ft-2 { display: table; width: 1280px; margin: 0 auto; background:url(../images/templates/bg-footer-2.jpg) repeat-x center top; }
.footer-1 .fot_1 { display: block; width: 1200px; margin: 0 auto; }
.footer-1 .fot_2L { float: right; }
.footer-1 .fot_2R { float: left; }
.footer-1 .fot_3 { display: block; text-align: left; }
.footer-1 .fot_4 { display: table-cell; height: 72px; vertical-align: middle; font-family: 'DBHelvethaicaXv3_2'; font-size: 18px; line-height: 18px; color: #fff; }
.footer-1 .fot_5 {}
.footer-1 .fot_6L { float: right; display: inline-block; text-align: right; }
.footer-1 .fot_6R { float: right;  display: inline-block; padding: 0 0 0 36px; text-align: right; }
.footer-1 .fot_7L { float: left; display: inline-block; }
.footer-1 .fot_7R { float: left; display: inline-block; }
.footer-1 .fot_8 { display: table-cell; vertical-align: middle; height: 72px; font-family: 'DBHelvethaicaXv3_2'; font-size: 18px; line-height: 18px; color: #fff; }
.footer-1 .fot_9 { display: table-cell; vertical-align: middle; height: 72px; }
.footer-1 .fot_9 img { width: 50px; height: 50px;}
.footer-1 .fot_9 img:hover { opacity: 0.7;}
.footer-1 .fot_10 { display: inline-block; padding: 0 0 0 8px; }
.footer-1 .fot_10.size-normal {}
.footer-1 .fot_10.size-mobile { display: none; }

/* Banner 1 */
.jsbanner1_1_pc { position: relative; margin:0 auto; top: 0px; left: 0px; width: 1280px; height: 666px; overflow: hidden; visibility: hidden; }
.jsbanner1_2_pc { position: relative; top: 0px; left: 0px; width: 1280px; height: 666px; overflow: hidden; cursor: default; }
.jssorb_1_pc { position: absolute; bottom: 15px; }
.jssorb_1_pc div, .jssorb_1_pc div:hover, .jssorb_1_pc .av { position: absolute; width: 21px; height: 22px; background:url(../images/templates/navigator-1.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb_1_pc div { background-position: 0px 0px; }
.jssorb_1_pc div:hover, .jssorb_1_pc .av:hover { background-position: -31px 0px; }
.jssorb_1_pc .av { background-position: -62px 0px; }
.jssorb_1_pc .dn, .jssorb_1_pc .dn:hover { background-position: -93px 0px; }

.jsbanner1_1_mb { position: relative; margin:0 auto; top: 0px; left: 0px; width: 460px; height: 308px; overflow: hidden; visibility: hidden; }
.jsbanner1_2_mb { position: relative; top: 0px; left: 0px; width: 460px; height: 308px; overflow: hidden; cursor: default; }
.jssorb_1_mb { position: absolute; bottom: 15px; }
.jssorb_1_mb div, .jssorb_1_mb div:hover, .jssorb_1_mb .av { position: absolute; width: 21px; height: px; background:url(../images/templates/navigator-1.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb_1_mb div { background-position: 0px 0px; }
.jssorb_1_mb div:hover, .jssorb_1_mb .av:hover { background-position: -31px 0px; }
.jssorb_1_mb .av { background-position: -62px 0px; }
.jssorb_1_mb .dn, .jssorb_1_mb .dn:hover { background-position: -93px 0px; }

/* Image Size */
.img-resize { max-width: 100%; }
.img-fullsize { width: 100%; }

/* About US */
.pab-normal { display: inline-block; }
.pab-about { display: none; }
.bodyaboutus .pab-normal { display: none; }
.bodyaboutus .pab-about { display: inline-block; }

.bodyaboutus #headermenu1 .mb_menu2 { background: none; border-bottom: #d6070f solid 4px; }
.bodyaboutus #headermenu1 .mb_menu4 li { border-left: #d6070f dotted 1px; }
.bodyaboutus #headermenu1 .mb_menu4 ul li { border-top: #d6070f dotted 1px; border-left: none; background: #fff; }
.bodyaboutus #headermenu1 .mb_menu6 span.act-step-two .grpelem { position: relative; display: inline-block; float: left; width: 40px; height: 4px; margin: 2px 0; background-color: #d6070f; }

.bodyaboutus #headermenu1 .mbt-1 { color: #000; }
.bodyaboutus #headermenu1 .mbt-1:hover,
.bodyaboutus #headermenu1 .mbt-1.active { color: #f15922; }
.bodyaboutus #headermenu1 .mbt-3 { color: #000; }

.bodyaboutus .topmenu { background: rgba(255, 255, 255, 0.8); }
.bodyaboutus .topmenuboard li { border-bottom: #d6070f solid 1px; }

.bodyaboutus .footer-1 { border-top: #d6070f solid 4px; }
.bodyaboutus .footer-1 .section-ft-2 { border-top: #d6070f solid 4px; background: none; }
.bodyaboutus .footer-1 .fot_4 { color: #000; }
.bodyaboutus .footer-1 .fot_8 { color: #000; }

/* Fancybox */
.fancybox-slide--iframe .fancybox-content { margin: 0; }
.fancybox-slide--iframe .fancybox-iframe { background: none; }
.fancybox-slide--iframe .fancybox-close-small { top: 96px; right: 30px; }
.fancybox-slide--iframe .fancybox-close-small:after { content: ""; position: relative; }
.fancybox-bg { background: #fff; }

#hidden-social-policy-pc { width: 818px; height: 552px; background: url(../images/templates/bg-scrollbar1-pc.png) no-repeat center top; }
#hidden-social-policy-pc.eng { background: url(../images/templates/bg-scrollbar1-pc-eng.png) no-repeat center top; }
#hidden-social-policy-pc .social-policy-1 { padding: 158px 0 0 52px; }
#hidden-social-policy-mb { width: 440px; height: 696px; background: url(../images/templates/bg-scrollbar1-mb.png) no-repeat center top; }
#hidden-social-policy-mb.eng { background: url(../images/templates/bg-scrollbar1-mb-eng.png) no-repeat center top; }
#hidden-social-policy-mb .social-policy-1 { padding: 92px 0 0 34px; }

/* Tiny Scrollbar */
#hidden-social-policy-pc #scrollbar1 { position: relative; width: 680px; height: 344px; margin: 0; padding: 0; }
#hidden-social-policy-pc #scrollbar1 .viewport { position: relative; height: 344px; overflow: hidden; }
#hidden-social-policy-pc #scrollbar1 .overview { position: absolute; left: 0; top: 0; padding: 0; margin: 0; list-style: none; }
#hidden-social-policy-pc #scrollbar1 .scrollbar { position: absolute; top: 0; right: -50px; width: 8px; background:transparent url(../images/templates/bg-scrollbar-track-y.png) no-repeat 0 0; }
#hidden-social-policy-pc #scrollbar1 .track { position: relative; width: 8px; height: 100%; padding: 0 1px 0 1px; background:transparent url(../images/templates/bg-scrollbar-trackend-y.png) no-repeat 0 100%; }
#hidden-social-policy-pc #scrollbar1 .thumb { position: absolute; top: 0; left: -20px; width: 50px; height: 50px; background:transparent url(../images/templates/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; cursor: pointer; overflow:hidden; }
#hidden-social-policy-pc #scrollbar1 .thumb .end { width: 50px; height: 50px; background: transparent url(../images/templates/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow:hidden; }
#hidden-social-policy-pc #scrollbar1 .disable { display:none; }

#hidden-social-policy-mb #scrollbar1 { position: relative; width: 380px; height: 540px; margin: 0; padding: 0; }
#hidden-social-policy-mb #scrollbar1 .viewport { position: relative; height: 540px; overflow: hidden; }
#hidden-social-policy-mb #scrollbar1 .overview { position: absolute; left: 0; top: 0; padding: 0; margin: 0; list-style: none; }
#hidden-social-policy-mb #scrollbar1 .scrollbar { position: absolute; top: 0; right: -50px; display: none; width: 8px; background:transparent url(../images/templates/bg-scrollbar-track-y.png) no-repeat 0 0; }
#hidden-social-policy-mb #scrollbar1 .track { position: relative; width: 8px; height: 100%; padding: 0 1px 0 1px; background:transparent url(../images/templates/bg-scrollbar-trackend-y.png) no-repeat 0 100%; }
#hidden-social-policy-mb #scrollbar1 .thumb { position: absolute; top: 0; left: -20px; width: 50px; height: 50px; background:transparent url(../images/templates/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; cursor: pointer; overflow:hidden; }
#hidden-social-policy-mb #scrollbar1 .thumb .end { width: 50px; height: 50px; background: transparent url(../images/templates/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow:hidden; }
#hidden-social-policy-mb #scrollbar1 .disable { display:none; }

/* Text Indent */
.text-indent-1 { position: relative; top: 0; left: 0; z-index: -1; text-indent: -999999px; }

/* Media Screen */
@media only screen and (max-width: 1297px) {
	#headermenu1 .mb_menu2 { width: 100%; }	
	#headermenu1 .mb_menu3 { display: none; }
	#headermenu1 .mb_menu6 { display: table; }
	
	.footer-1 { width: 100%; }
	.footer-1 .section-ft-1 { width: 94%; }
	.footer-1 .section-ft-2 { width: 100%; }
	.footer-1 .fot_1 { width: 94%; }
	
	.bodymain .section2 .staticContainer { width: 100%; height: 0; padding: 35.8% 0 0 0; }
	.bodymain .section4 .staticContainer { width: 100%; }
	.bodymain .section5 .staticContainer { width: 100%; }
	.bodymain .section6 .staticContainer { width: 100%; }
	
	.bodyproduct .section1 .staticContainer { width: 100%; height: 0; padding: 0 0 0 0; }
	.bodyproduct .section3 .staticContainer  { width: 100%; }
	/*.bodyproduct .news-breadcrumb { position: absolute; top: 0; z-index: 10; }*/
	
	.bodyaboutus .section2 .staticContainer { width: 100%; }
	.bodyaboutus .section2 .boxs-Container { width: 94%; }
	
	.bodyresearch .section2 .staticContainer { width: 100%; }
	.bodyresearch .section2 .boxs-Container { width: 94%; }
	.bodyresearch .section3 .staticContainer { width: 100%; }
	.bodyresearch .section3 .boxs-Container { width: 94%; }
	.bodyresearch .res_8 { width: 94%; }
	.bodyresearch .res_10L { width: 18%; text-align: left; }
	.bodyresearch .res_10R { width: 82%; text-align: left; }
	
	.bodybenefit .section1 .staticContainer { width: 100%; }
	.bodybenefit .section2 .staticContainer { width: 100%; }
	.bodybenefit .section3 .staticContainer { width: 100%; }
	.bodybenefit .section4 .staticContainer { width: 100%; }
	.bodybenefit .bnf_2 { width: 94%; }
	.bodybenefit .bnf_4 { width: 94%; }
	.bodybenefit .bnf_6 { width: 94%; }
	.bodybenefit .bnf_8 { width: 94%; }
	
	.bodynews .news-breadcrumb { padding: 30px 3% 30px 3%; }
	.bodynews .section2 .staticContainer { width: 100%; }
	.bodynews .section3 .staticContainer { width: 100%; }
	.bodynews .section4 .staticContainer { width: 100%; }
	.bodynews .section5 .staticContainer { width: 100%; }
	.bodynews .section6 .staticContainer { width: 100%; }
	.bodynews .section7 .staticContainer { width: 100%; }
	.bodynews .section8 .staticContainer { width: 100%; }
	.bodynews .section9 .staticContainer { width: 100%; }
	
	.bodynews .new_1 li { width: 31.33333%; padding: 0 1% 50px 1%; }
	.bodynews .new_3 li { width: 31.33333%; padding: 0 1% 50px 1%; }
	.bodynews .new_20 li { width: 31.33333%; padding: 0 1% 50px 1%; }	
	.bodynews .new_23 { width: 94%; margin: 0 auto; }
	.bodynews .new_24 { width: 94%; }
	.bodynews .new_26 { width: 94%; margin: 0 auto; }
	.bodynews .new_27 { width: 94%; }
	.bodynews .new_28 { width: 94%; }
	.bodynews .new_35 { width: 94%; }
	.bodynews .new_39 { width: 94%; }	
	
	.bodywheretobuy .section2 .staticContainer { width: 100%; }
	.bodywheretobuy .wtb_2 { width: 94%; }
	.bodywheretobuy .wtb_4 { width: 94%; }
	
	.bodycontactus .section2 .staticContainer { width: 100%; }	
	.bodycontactus .ctu_3 { width: 94%; }
	.bodycontactus .ctu_7 { width: 94%; }
	.bodycontactus .ctu_10 { width: 94%; } 
	.bodycontactus .ctu_12 { padding: 0 0 0 49%; }
}
@media only screen and (max-width: 1217px) {
	.bodymain .mai_23 { width: 96%; margin: 0 auto; }
	.bodymain .mai_22L { width: 58.33%; }
	.bodymain .mai_22R { width: 41.67%; }
	.bodynews .new_40 { width: 94%; }
	
}
@media only screen and (max-width: 1177px) {
	.bodyproduct .pdt3-2 { padding: 100px 0 0 0; }
}
@media only screen and (max-width: 1097px) {
	.bodyresearch .res_footer-6 { padding: 0 0 0 0; }
	.bodyresearch .video-Container { position: relative; width: 100%; height: 0; padding: 0 0 56.25% 0; overflow: hidden; background-size: cover; }
	.bodyresearch .video-Container iframe,
	.bodyresearch .video-Container object,
	.bodyresearch .video-Container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	.bodynews .video-Container { position: relative; width: 100%; height: 0; padding: 0 0 56.25% 0; overflow: hidden; background-size: cover; }
	.bodynews .video-Container iframe,
	.bodynews .video-Container object,
	.bodynews .video-Container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media only screen and (max-width: 997px) {
	.footer-1 .section-ft-1 li { width: 24.5%; }
	.footer-1 .section-ft-2 { background-size: auto 100%; }
	.footer-1 .fot_2L { float: none; }
	.footer-1 .fot_2R { float: none; }
	.footer-1 .fot_4 { display: block; padding: 30px 0 0 0; text-align: center; }
	.footer-1 .fot_5 { display: inline-block; text-align: center; }
	.footer-1 .fot_10.size-normal { display: none; }
	.footer-1 .fot_10.size-mobile { display: inline-block; }
	
	.bodyresearch .section3 .boxs-Container { width: 100%; }
	.bodyresearch .section3 .boxs-Container .navbar { width: 94%; margin: 0 auto; }
	.bodyresearch .res_8 { width: 77%; }
	.bodyresearch .res_10L { float: none; width: 100%; text-align: center; }
	.bodyresearch .res_10R { float: none; width: 100%; }
	.bodyresearch .res_11 img { width: auto; }	
	.bodyresearch .res_12 { padding: 30px 0 0 0; }
	.bodyresearch .res_14 { line-height: 1.2em; }	
	.bodyresearch .res_15 { position: relative; padding: 20px 0 0 0; text-align: center; }
	.bodyresearch .res_16 span { font-size: 24px; }
	.bodyresearch .res_footer-2L { float: none; width: 100%; text-align: center; }
	.bodyresearch .res_footer-2R { float: none; width: 100%; text-align: center; }
	.bodyresearch .res_footer-7 { border-left: none; }	
}
@media only screen and (max-width: 877px) {
	.bodyproduct .pdt3-2 { width: 85%; }
	.bodyproduct .pdt3-3 { width: 23%; padding: 0 1% 12px 1%; }
	.bodynews .new_10 { width: 96%; }
	.bodynews .new_14 { width: 96%; }
	.bodynews .new_15 { width: 96%; }
	.bodycontactus .ctu_12 { padding: 0 0 0 33%; }
	
}
@media only screen and (max-width: 777px) {
	.footer-1 .section-ft-1 li { width: 32.5%; }
	
	.bodymain .mai_1L { width: 100%; }
	.bodymain .mai_1R { width: 100%; }
	
	.bodymain .mai_2 { background-size: cover; }
	.bodymain .mai_2.eng { background-size: cover; }
	.bodymain .mai_2 li { width: 50%; padding: 0 0; }
	.bodymain .mai_3 { background: #fcc930; }
	.bodymain .mai_4 { background-size: cover; }
	.bodymain .mai_8 { width: 96%; margin: 0 auto; }	
	.bodymain .mai_18 { width: 96%; margin: 0 auto; }
	.bodymain .mai_21 { padding: 0 0 30px 0; margin: 0 auto; text-align: center; }
	.bodymain .mai_22L { width: 100%; text-align: center; }
	.bodymain .mai_22R { width: 100%; text-align: center; }
	
	.bodyaboutus .abu-7:before { left: 0; width: 100%; }
	.bodyaboutus .abu-10 li { width: 100%; }
	.bodyaboutus .abu-10 li + li {padding: 25px 0 0 0; }
	.bodyaboutus .abu-10 li.abu-11-1,
	.bodyaboutus .abu-10 li.abu-11-2,
	.bodyaboutus .abu-10 li.abu-11-3 { text-align: center; }
	.bodyaboutus .abu-12 { width: 80%; }
	.bodyaboutus .abu-15:before { left: 0; width: 100%; }
	.bodyaboutus .abu-21 .size-normal { display: none; }
	.bodyaboutus .abu-21 .size-mobile { display: inline-block; }
	
	.bodyproduct .pdtp-3.size-normal { display: none; }
	.bodyproduct .pdtp-3.size-mobile { display: block; }
	.bodyproduct .pdt3-3 span { font-size: 15px; }	
	.bodyproduct .pdt3-4 { bottom: 0; left: 50%; margin: 0 0 0 -184px; }
	.bodyproduct .pdtp-content { position: relative; width: 440px; height: 390px; }	
	.bodyproduct .modal-content-1 { background-size: contain; }
	.bodyproduct .modal-content-2 { background-size: contain; }
	.bodyproduct .modal-content-3 { background-size: contain; }
	.bodyproduct .modal-content-4 { background-size: contain; }
	.bodyproduct .modal-content-5 { background-size: contain; }
	.bodyproduct .modal-content-6 { background-size: contain; }
	.bodyproduct .modal-content-7 { background-size: contain; }
	.bodyproduct .modal-content-8 { background-size: contain; }
	.bodyproduct .pdtp-1 { padding: 132px 0 0 0; font-size: 26px; }	
	.bodyproduct .pdtp-1.eng { font-size: 18px; padding: 135px 0 6px 0; }
	.bodyproduct .modal-content-6 .pdtp-1 { padding: 135px 0 0 0; }
	.bodyproduct .pdtp-2 { width: 374px; padding: 20px 0 0 0; }
	.bodyproduct .pdtp-4 { width: 374px; padding: 4px 0 0 0; }
	.bodyproduct .pdtp-3 { width: 374px; padding: 2px 0 0 0; }	
	.bodyproduct .pdtp-5 { width: 374px; padding: 4px 0 0 0; }	
	
	.bodyproduct .pdtp-t1 { font-size: 21px; }
	.bodyproduct .pdtp-t2 { font-size: 21px; }
	.bodyproduct .modal-content-6 .pdtp-t1 { font-size: 19px; }
	.bodyproduct .modal-content-6 .pdtp-t2 { font-size: 19px; }
	.bodyproduct .pdtp-t3 { padding: 0 12px 0 0; font-size: 21px; }
	.bodyproduct .pdtp-t4 { font-size: 17px; }
	.bodyproduct .pdtp-t4.eng { font-size: 16px; line-height: 1em; }
	.bodyproduct .pdtp-t5 { font-size: 17px; }
	.bodyproduct .fancybox-slide>div .btn-close { top: 102px; right: 22px; }
	.bodyproduct .fancybox-slide>div.modal-content-6 .btn-close { top: 102px; }
	
	.bodynews .new_1 li { width: 100%; padding: 0 0 15px 0; }
	.bodynews .new_3 li { width: 100%; padding: 0 0 15px 0; }
	.bodynews .new_20 li { width: 100%; padding: 0 0 15px 0; }
	
	.news-menu li { width: 135px; height: 32px; margin: 0 2px; }
	.news-menu li a { width: 135px; height: 32px; font-size: 22px; line-height: 22px; background: url(../images/templates/newsevents/6-2-2-mb.png) no-repeat center top; }
	.news-menu li a.active { background: url(../images/templates/newsevents/6-2-1-mb.png) no-repeat center top; }
}
@media only screen and (max-width: 737px) {
	.bodyaboutus .section1 .staticContainer { background: url(../images/templates/about/key-mb.jpg) no-repeat center top; }
	.bodyresearch .section1 .staticContainer { background: url(../images/templates/research/key-mb.jpg) no-repeat center top; }
	.bodyresearch .section1 .staticContainer.eng { background: url(../images/templates/research/key-mb-eng.jpg) no-repeat center top; }
}
@media only screen and (max-width: 657px) {
	.footer-1 .section-ft-1 li { width: 49.5%; }
	.footer-1 .fot_6L { float: none; width: 100%; text-align: center; }
	.footer-1 .fot_6R { float: none; width: 100%; padding: 0 0 0 0; text-align: center; }
}
@media only screen and (max-width: 577px) {
	.bodyresearch .res_footer-3L { float: none; width: 100%; text-align: center; }	
	.bodyresearch .res_footer-3R { float: none; width: 100%; text-align: center; }
	
	.bodymain .section6 .staticContainer { background-size: 560px 100%; }
	.bodymain .mai_2 { padding: 16.5% 0 0 0; }
	.bodymain .mai_20 li { width: 48%; padding: 2% 1%; }
	
	.bodycontactus .ctu_12 { padding: 0 0 0 21%; }
}
@media only screen and (max-width: 477px) {
	.footer-1 .section-ft-1 li a.size-normal { display: none; }
	.footer-1 .section-ft-1 li a.size-mobile { display: inline-block; }
	
	.bodymain .section3 .staticContainer { height: 246px; background: url(../images/templates/main/section-3-mb.jpg) no-repeat center top; }
	.bodymain .section3.eng .staticContainer { background: url(../images/templates/main/section-3-mb-eng.jpg) no-repeat center top; }
	.bodymain .jsbanner1_1_pc { display: none; }
	.bodymain .jsbanner1_1_mb { display: block; }
	
	.bodymain .section2 .size-normal { display: none; }
	.bodymain .section2 .size-mobile { display: inline-block; }	
	.bodymain .section3 .size-normal { display: none; }
	.bodymain .section3 .size-mobile { display: inline-block; }
	.bodymain .mai-3 .size-normal { display: none; }
	.bodymain .mai-3 .size-mobile { display: inline-block; }
	
	.bodyresearch .res_4 .size-normal { display: none; }
	.bodyresearch .res_4 .size-mobile { display: block; }	
	
	.bodyproduct .section1 .size-normal { display: none; }
	.bodyproduct .section1 .size-mobile { display: inline-block; }
	.bodyproduct .section2 .size-normal { display: none; }
	.bodyproduct .section2 .size-mobile { display: inline-block; }
	.bodyproduct .section1 .staticContainer { padding: 0 0 0 0; }
	.bodyproduct .section3 .staticContainer { background: url(../images/templates/product/bg-pd-mb.png) no-repeat center top; }
	.bodyproduct .section3 .staticContainer.eng { background: url(../images/templates/product/bg-pd-mb-eng.png) no-repeat center top; }
	.bodyproduct .pdt3-1 { height: 435px; }
	.bodyproduct .pdt3-4 { width: 190px; margin: 0 0 0 -134px; }	
	
	.bodybenefit .section1 .staticContainer { background: url(../images/templates/benefit/b-1-mb.jpg) no-repeat center top; }
	.bodybenefit .section1 .staticContainer.eng { background: url(../images/templates/benefit/b-1-mb-eng.jpg) no-repeat center top; }
	.bodybenefit .section2 .staticContainer { background: url(../images/templates/benefit/b-2-mb.jpg) no-repeat center top; }
	.bodybenefit .section3 .staticContainer { background: url(../images/templates/benefit/b-3-mb.jpg) no-repeat center top; }	
	.bodybenefit .section4 .staticContainer { background: url(../images/templates/benefit/b-4-mb.jpg) no-repeat center top; }
	.bodybenefit .section2 .staticContainer.eng { background: url(../images/templates/benefit/b-2-mb-eng.jpg) no-repeat center top; }
	.bodybenefit .section3 .staticContainer.eng { background: url(../images/templates/benefit/b-3-mb-eng.jpg) no-repeat center top; }	
	.bodybenefit .section4 .staticContainer.eng { background: url(../images/templates/benefit/b-4-mb-eng.jpg) no-repeat center top; }
	.bodybenefit .bnf_1 { height: 1334px; }
	.bodybenefit .bnf_3 { height: 1903px; }
	.bodybenefit .bnf_5 { height: 1365px; }
	.bodybenefit .bnf_7 { height: 1365px; }
	.bodybenefit .bnf-1.size-normal { display: none; }
	.bodybenefit .bnf-1.size-mobile { display: inline-block; }
	.bodybenefit .bnf-2.size-normal { display: none; }
	.bodybenefit .bnf-2.size-mobile { display: inline-block; }
	.bodybenefit .bnf-3.size-normal { display: none; }
	.bodybenefit .bnf-3.size-mobile { display: inline-block; }
	.bodybenefit .btn2-1-pc { display: none; }
	.bodybenefit .btn2-1-mb { display: inline-block; }
	.bodybenefit .btn2-2-pc { display: none; }
	.bodybenefit .btn2-2-mb { display: inline-block; }
	.bodybenefit .btn3-1-pc { display: none; }
	.bodybenefit .btn3-1-mb { display: inline-block; }
	.bodybenefit .btn3-2-pc { display: none; }
	.bodybenefit .btn3-2-mb { display: inline-block; }
	.bodybenefit .btn4-1-pc { display: none; }
	.bodybenefit .btn4-1-mb { display: inline-block; }
	.bodybenefit .btn4-2-pc { display: none; }
	.bodybenefit .btn4-2-mb { display: inline-block; }
	
	.bodynews .new_23 { width: 90%; margin: 0px auto; }
	
	.bodywheretobuy .section1 .size-normal { display: none; }
	.bodywheretobuy .section1 .size-mobile { display: inline-block; }
	.bodywheretobuy .wtb_1 { border-top: #ffd906 solid 6px; }
	.bodywheretobuy .wtb_4 .size-normal { display: none; }
	.bodywheretobuy .wtb_4 .size-mobile { display: inline-block; }
	.bodywheretobuy .wtb_5 .size-normal { display: none; }
	.bodywheretobuy .wtb_5 .size-mobile { display: inline-block; }
	
	.bodycontactus .section1 .size-normal { display: none; }
	.bodycontactus .section1 .size-mobile { display: inline-block; }
	.bodycontactus .ctu_6 { border-top: #ffd906 solid 6px; }
	.bodycontactus .ctu_8 .size-normal { display: none; }
	.bodycontactus .ctu_8 .size-mobile { display: inline-block; }
	.bodycontactus .ctu_9 { height: 757px; background: url(../images/templates/contactus/m-3-mb.jpg) center top; border-top: #ffd906 solid 3px; }
	.bodycontactus .ctu_11 { width: 94%; padding: 10px 0 0 0; margin: 0 auto; }
	.bodycontactus .ctu_12 { width: 100%; padding: 0 0 0 0; }
	.bodycontactus .ctu_15 { padding: 5px 0 20px 0; }
	
	.fancybox-slide--iframe .fancybox-iframe { position: relative; width: 440px; }
	.fancybox-slide--iframe .fancybox-content { float: left; margin: 0 0 0 12px; }
	.fancybox-slide--iframe .fancybox-close-small { top: 38px; right: -85px; }
	
	.text-11.eng { font-size: 30px; }
}

/* clear */
.clear { clear: both; }





/* //  =========  UPDATE : 15|06|2020  ========= */

.bodyproduct .section4 .staticContainer {
    position: relative;
    display: inline-block;
    max-width: 1280px;
	width: 100%;
    /* height: 764px; */
    overflow: hidden;
}
.bodyproduct .section4 .staticContainer img{
	max-width: 100%;
}
.section_pd{
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.section_pd .news-breadcrumb{
	position: absolute;
	top: 0;
	left: 0;
}


.block-product{
	position: absolute;
	top: 22%;
	width: 100%;
	max-width: 85%;
	margin: 0 auto 0 auto;
	left: 0;
	right: 0;
}
.list-product{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
	width: 100%;
}
.list-product img{
	cursor: pointer;
	width: 20%;
	transition: all .3s ease;
	transform: scale(0.9);
}
.list-product img.active{
	transform: scale(1.1);
}
@media only screen and (min-width: 1298px) and (max-width: 50000px) {
	.list-product img:hover{
		transform: scale(1.1);
	}
}
@media only screen and (min-width: 290px) and (max-width: 767px) {
	.list-product {
		width: 95%;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 768) and (max-width: 1297) {
	.bodyproduct .section4 .staticContainer {
		width: 100%;
	}
	.section_pd .news-breadcrumb{
		display: none;
	}
}
@media only screen and (min-width: 290px) and (max-width: 767px) {
	.bodyproduct .section4 .staticContainer {
		width: 100%;
	}
	.section_pd .news-breadcrumb{
		display: none;
	}
	.block-product{
		max-width: 100%;
		top: 24%;
		}
	.list-product img {
		transform: scale(1.05);
		margin: 0 0;
		z-index: 1;
	}
	.list-product img.active{
		transform: scale(1.2);
		z-index: 2;
	}
}

/* //  =========  UPDATE : 15|06|2020  ========= */

/* //  =========  UPDATE : 25|06|2020  ========= */
.block-info-product{
	position: absolute;
	width: 100%;
	bottom: 0;
}
.info-pd{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: ease-in .3s;
}
.info-pd.active{
	opacity: 1;
}
.info-pd-btn{
	position: absolute;
	cursor: pointer;
	z-index: 9;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	transition: ease-in .3s;
	background-color:  rgba(0, 0, 0, 0.0) !important;
}
#info-pd-link{
	position: absolute;
    top: 75%;
    left: 63%;
    width: 21%;
    height: 13%;
    cursor: pointer;
}
.info-pd-btn-1{
	background-color: rgba(209, 22, 49, 0.5);
	top: 25%;
    left: 1%;
    width: 7%;
    height: 45%;
}
.info-pd-btn-2{
	background-color: rgba(242, 229, 131, 0.5);
    top: 25%;
    left: 8%;
    width: 10%;
    height: 45%;
}
.info-pd-btn-3{
	background-color: rgba(251, 139, 15, 0.5);
	top: 25%;
    left: 18%;
    width: 11%;
    height: 45%;
}
.info-pd-btn-4{
	background-color: rgba(215, 160, 39, 0.5);
	top: 25%;
    left: 31%;
    width: 11%;
    height: 45%;
}
.info-pd-btn-5{
	background-color: rgba(208, 71, 0, 0.5);
    top: 25%;
    left: 44%;
    width: 9%;
    height: 45%;
}



/* //  =========  UPDATE : 25|06|2020  ========= */

/* // ======================== UPDATE 09/12/2021  ======================== // */
/*=== nutrition-detail ===*/
.page-font { font-family: 'DBHelvethaicaXMedv3_2' !important; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mt-25 { margin-top: 25px; }
.hide-elem { display: none !important; }
.is-mobile { display: none !important; }

.nutrition-detail-buttons { margin: 20px 0 65px 0; }
.nutrition-detail-buttons .nutrition-detail { margin: 0 0 0 0; }
.nutrition-detail-buttons .nutrition-detail a img { cursor: pointer; }
.nutrition-detail-buttons .nutrition-detail a img:hover { transform: scale(1.1); transition: transform 0.3s; }

.boxs-Container .cvitt-nutrition-header { margin: 25px 0 40px 0; }
.boxs-Container .cvitt-nutrition-header h2 { font-size: 50px; color: #E60213; margin: 0; font-family: 'DBHelvethaicaXMedv3_2'; line-height: 1; }

/* .space-for-carousel { border: 1px solid black; margin-bottom: 80px; line-height: 1; width: 99.0vw; } */
.space-for-carousel { margin-bottom: 80px; line-height: 1; width: 98.5vw; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container { border: 1px solid #cbcbcb; border-radius: 10px; margin-top: 90px; transform: scale(0.9); transition: transform 0.3s; width: 380px; min-height: 560px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container { border-radius: 10px 10px 0 0; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content { padding: 10px 15px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container .product-content:nth-child(1) { background-image: url(../images/product/active-bg.png); background-size:cover; background-position:center; color: #FFFFFF; border-radius: 10px 10px 0 0; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container .product-content:nth-child(2) { background-color: #ffe98a; color: #874f09; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container .product-content:nth-child(3) { background-color: #ffe369; color: #7f4603; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container .product-content:nth-child(4) { display: none; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content:nth-child(4) { padding: 10px 35px 20px 35px; position: relative; background-color: #f59237; border-radius: 0 0 10px 10px; display:none }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .one-bottle { padding: 10px 10px; background-color: #FFFFFF; border-radius: 1000px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .one-bottle span { color: #e60213; font-size: 21px; font-weight: bold; letter-spacing: 1px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .img-div { position: absolute; bottom: 0; left: 0; width: 100%; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .img-div img { margin: 0 auto; width: 30px; height: 30px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .bottle { position: relative; margin-top: -90px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .bottle .product-bottle { width: 33%; height: 100%; margin: 0 auto; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .bottle .product-bottle2 { width: 110px; height: 370px; margin: 0 auto; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .bottle .product-bag { width: 170px; height: 370px; margin: 0 auto 50px auto; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .bottle .right-icon { width: 40px; height: 40px; position: absolute; top: 50%; right: 0; display: none; cursor: pointer; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content .bottle .left-icon { width: 40px; height: 40px; position: absolute; top: 50%; left: 0; display: none; cursor: pointer; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container .product-content .bottle .right-icon { display: block; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container .product-content .bottle .left-icon { display: block; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content h2 { font-size: 36px; letter-spacing: 2px; margin-top: -25px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container .product-content p { font-size: 21px; font-weight: bold; letter-spacing: 1px; }
/*silver-type2*/
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container.silver-type2 .product-content:nth-child(1) { background-color: #ecebeb; color: #5d5d5d; border-radius: 10px 10px 0 0; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container.silver-type2 .product-content:nth-child(2) { background-color: #ffffff; color: #959595; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container.silver-type2 .product-content:nth-child(3) { background-color: #e8e8e8; color: #959595; border-bottom: 5px solid #f4f4f4; border-radius: 0 0 10px 10px;}
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type2 .product-content:nth-child(1) { background-image: url(../images/product/active-bg.png); background-size:cover; background-position:center; color: #FFFFFF; border-radius: 10px 10px 0 0; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type2 .product-content:nth-child(2) { background-color: #ffe98a; color: #874f09; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type2 .product-content:nth-child(3) { background-color: #ffe369; color: #7f4603; border-bottom: none; border-radius: 0 0 0 0;}
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type2 .product-content .bottle .right-icon {  width: 40px; height: 40px; position: absolute; top: 45%; right: 0; cursor: pointer; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type2 .product-content .bottle .left-icon {  width: 40px; height: 40px; position: absolute; top: 45%; left: 0; cursor: pointer; }
/*silver-type1*/
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container.silver-type1 { background-color: #f4f4f4; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type1 { display: flex; flex-direction: column; align-items: stretch; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type1 { background-color: #ffe98a; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container.silver-type1 .product-content:nth-child(1) { background-color: #f4f4f4; color: #5d5d5d; border-radius: 10px 10px 0 0; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container.silver-type1 .product-content:nth-child(2) { background-color: #f4f4f4; color: #959595; border-radius: 0 0 10px 10px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type1 .product-content:nth-child(1) { background-image: url(../images/product/active-bg.png); background-size:cover; background-position:center; color: #FFFFFF; border-radius: 10px 10px 0 0; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container.silver-type1 .product-content:nth-child(2) { background-color: #ffe98a; color: #874f09; border-radius: 0 0 0 0; display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; }

.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .product-content-container { transform: scale(1); transition: transform 0.3s; }

.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .last-content { width: 380px; border: 1px solid #cbcbcb; border-radius: 0 0 10px 10px; border-top: none; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .last-content .product-content { display: block; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .last-content .product-content { padding: 10px 35px 20px 35px; position: relative; background-color: #f59237; border-radius: 0 0 10px 10px; display:none }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .last-content .product-content .one-bottle { display: inline-flex;  align-items: center; padding: 10px 20px; background-color: #FFFFFF; border-radius: 1000px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .last-content .product-content .one-bottle span { color: #e60213; font-size: 21px; font-weight: bold; letter-spacing: 1px; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .last-content .product-content .img-div { position: absolute; bottom: 0; left: 0; width: 100%; }
.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .last-content .product-content .one-bottle img { margin: 0 auto; width: 30px; height: 30px; }

.bottom-box-container { border-top: 10px solid #ffda00; background-color: #efefef; font-family: 'DBHelvethaicaXMedv3_2'; padding-bottom: 45px; margin-top: -120px; }
.bottom-box-container .cylinder-div {     margin: 0;
    padding: 100px 0 25px 0;
    background-color: #fff;
    margin-bottom: 40px;
    border-bottom: 10px solid #ffda00;
 }
.bottom-box-container .cylinder-div .cylinder .cylinder-pic { display: none; }
.bottom-box-container .cylinder-div .cylinder .cylinder-pic.active { display: block; margin: 0 auto; max-width: 820px; }
.bottom-box-container .text-div {     
	margin-bottom: 0;
    margin-top: 30px; }
.bottom-box-container .text-div p { font-size: 25px; color: #000; line-height: 1; }
.bottom-box-container .card-div { max-width: 500px; margin: 0 auto; border-radius: 10px; border: 2px solid; line-height: 1; padding: 30px 0; background-color: #FFFFFF; display: none; }
.bottom-box-container .card-div.active { display: block; }
.bottom-box-container .card-div .first-card { padding: 0 30px; border-bottom: 3px solid #000000; }
.bottom-box-container .card-div .first-card h2 { font-size: 36px; color: #000; margin-bottom: 25px; }
.bottom-box-container .card-div .first-card p { font-size: 25px; text-align: left; } 
.bottom-box-container .card-div .first-card .reg { font-family: 'DBHelvethaicaXv3_2'; } 
.bottom-box-container .card-div .first-card .sub-card-div { display: flex; justify-content: space-between; }
.bottom-box-container .card-div .first-card .sub-card-div span { font-size: 25px; }
.bottom-box-container .card-div .first-card .sub-card-div-2 { display: flex;}
.bottom-box-container .card-div .first-card .sub-card-div-2 span:first-child {
    text-align: left;}
.bottom-box-container .card-div .first-card .sub-card-div-2 span { font-size: 25px; padding-right: 15px; 
    width: 25%;}
.bottom-box-container .card-div .first-card .sub-card-div-2 span.tab {
    padding-left: 10px;text-align: left;
}

.nutrition-detail-buttons { background-image: url(../images/product/product-btn-bg.jpg); background-size: cover; background-position: top; margin: 0; padding: 30px 0; }

@media only screen and (max-width: 890px) {
	.bottom-box-container .cylinder-div .cylinder .cylinder-pic.active { max-width: 100%; }
}
@media only screen and (max-width: 757px) {
	.nutrition-detail-buttons .nutrition-detail a img { width: 36.063vw; }
}
@media only screen and (max-width: 450px) {
	/* .is-mobile { display: block !important; } */
	.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .product-content-container { width: 290px; min-height: 690px; }
	.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item .last-content .product-content .one-bottle { padding: 10px 0; }
	.space-for-carousel .product-nutrition-carousel .owl-stage-outer .owl-stage .owl-item.center .last-content { width: 290px; }
}
/*=== nutrition-detail ===*/

/*=== product-plus===*/
.c-vitt-plus-content-main .nutrition-detail { margin-top: 2.6040vw; }
.c-vitt-plus-content-main .nutrition-detail a img { cursor: pointer; width: 18.445945945945947vw }
.c-vitt-plus-content-main .nutrition-detail a img:hover { transform: scale(1.1); transition: transform 0.3s; }

@media only screen and (max-width: 757px) {
	.c-vitt-plus-content-main .nutrition-detail a img { width: 36.0634vw; }
}

/*=== product-plus===*/
/* // ======================== UPDATE 09/12/2021  ======================== // */

/* // ======================== UPDATE 15/03/2022  ======================== // */
.tenth-anni-banner-for-product .banner img {
	width: 100%;
}

.tenth-anni-container {
	overflow: hidden;
}

.tenth-anni-banner {
	margin-bottom: 25px;
	padding: 0 75px;
}

@media only screen and (max-width: 757px) {
	.tenth-anni-banner {
		padding: 0;
	}
}

.tenth-anni-banner a img {
	cursor: pointer;
	width: 100%;
}

.tenth-anni-container {
	font-family: 'DBHelvethaicaXv3_2';
}

.tenth-anni-container h2 {
	font-size: 70px;
}

.tenth-anni-container h3 {
	font-size: 35px;
}

.tenth-anni-container p {
	font-size: 25px;
	font-weight: bold;
}

.tenth-anni-container .custom-container {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

.tenth-anni-container .custom-container.no-hid {
	overflow: visible;
}

.tenth-anni-container .custom-container2 {
	max-width: 1337px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

@media only screen and (max-width: 1297px) {
	.tenth-anni-container .custom-container,
	.tenth-anni-container .custom-container2 {
		width: 100%;
	}
}

@media only screen and (max-width: 1337px) {
	.tenth-anni-container .custom-container2 {
		width: 94%;
	}
}

.tenth-anni-container .custom-container .inner-custom-container {
	padding: 0 110px;
}

.tenth-anni-container.silver-bg {
	background-color: #f5f5f5;
	padding: 60px 0 60px 0;
}



.tenth-anni-container .banner {
	margin-bottom: 30px;
}

.tenth-anni-container .banner img {
	width: 100%;
}

.tenth-anni-container .ten-year-cvitt {
	margin-bottom: 55px;
}

.tenth-anni-container .logo {
	text-align: center;
	margin-bottom: 15px;
	width: fit-content;
	margin: 0 auto;
}

.tenth-anni-container .logo img {
	width: 100%;
	max-width: 450px;
}

.tenth-anni-container .title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tenth-anni-container .title h2 {
	margin: 0 25px 0px 25px;
}

.tenth-anni-container .title h3 {
	margin: 0 25px 0px 25px;
}

.tenth-anni-container .title h2 span,
.tenth-anni-container .title h3 span {
	color: #f15922;
	white-space: nowrap;
}

.tenth-anni-container .title .redline {
	width: 55px;
	height: 5px;
	background-color: #f15922;
}

.tenth-anni-container p {
	margin-bottom: 15px;
	text-align: center;
}

.tenth-anni-container p:last-child {
	margin: 0;
}

.tenth-anni-container .president-quote {
	border-bottom: 1px solid #000000;
	margin-bottom: 60px;
}

.tenth-anni-container .president-quote .title {
	margin-bottom: 30px;
}

.tenth-anni-container .president-quote .logo {
	margin-bottom: 20px;
}

.tenth-anni-container .president-quote p {
	text-indent: 115px;
}

.tenth-anni-container .president-quote p:last-child {
	margin-bottom: 60px;
}

.tenth-anni-container .customer-responses {
	margin-top: 65px;
	border-top: 1px solid #000000;
	padding-top: 65px;
}

.tenth-anni-container .customer-responses .title {
	margin-bottom: 25px;
}

.tenth-anni-container .customer-responses .logo {
	margin-bottom: 25px;
}

.tenth-anni-container .happiness-health {
	margin-bottom: 40px;
}

.tenth-anni-container .happiness-health .title {
	margin-bottom: 25px;
}

.tenth-anni-container .year-carousel .owl-stage-outer {
	border-top: 3px solid #b2b2b2;
	border-bottom: 3px solid #b2b2b2;
}

.tenth-anni-container .year-carousel .item {
	cursor: pointer;
}

.tenth-anni-container .year-carousel .item:hover h4 {
	transform: scale(1.8);

}

.tenth-anni-container .year-carousel .item h4,
.tenth-anni-container .title-carousel .item h4 {
	text-align: center;
	font-size: 19px;
	padding: 20px 0;
	color: #b2b2b2;
	margin-left: -5px;
	position: relative;
	z-index: 2;
	width: fit-content;
	margin: 0 auto;
	transition: 0.2s;
}

.tenth-anni-container .year-carousel .item.active h4 {
	transform: scale(1.8);
	color: #000000;
	z-index: 1;
}

.tenth-anni-container .prod-carousel {
	margin-bottom: 50px;
}

.tenth-anni-container .prod-carousel .owl-stage-outer {
	overflow: visible;
}

.tenth-anni-container .prod-carousel .owl-stage,
.tenth-anni-container .prod-carousel .owl-stage .owl-item,
.tenth-anni-container .prod-carousel .owl-stage .owl-item .item {
	display: flex;
}

.tenth-anni-container .year-carousel .owl-stage,
.tenth-anni-container .prod-carousel .owl-stage,
.tenth-anni-container .title-carousel .owl-stage {
	margin-left: 35px;
}

@media only screen and (max-width: 757px) {
	.tenth-anni-container .year-carousel .owl-stage,
	.tenth-anni-container .prod-carousel .owl-stage,
	.tenth-anni-container .title-carousel .owl-stage {
	margin-left: 0;
	}
}

.tenth-anni-container .prod-carousel .owl-stage .owl-item {
	justify-content: center;
}

.tenth-anni-container .prod-carousel .item {
	cursor: pointer;
}

.tenth-anni-container .prod-carousel .item .prod {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.tenth-anni-container .prod-carousel .item .prod .icon {
	width: fit-content;
	margin: 0 auto 35px auto;
	visibility: hidden;
}

.tenth-anni-container .prod-carousel .item.active .prod .icon {
	visibility: visible;
}

.tenth-anni-container .prod-carousel .item .prod .prod-con {
	width: fit-content;
	margin: 0 auto;
}

/* .tenth-anni-container .prod-carousel .owl-item:nth-child(odd) .item .prod .prod-con {
	position: relative;
	bottom: 30px;
} */

.tenth-anni-container .prod-carousel .item .prod .prod-con img {
	transform: scale(1);
	transition: 0.2s;
}

.tenth-anni-container .prod-carousel .item .prod .prod-con img:hover {
	transform: scale(1.15);
}

.tenth-anni-container .prod-carousel .item.active .prod .prod-con img {
	transform: scale(1.3);
}

.tenth-anni-container .title-carousel .owl-stage-outer {
	overflow: visible;
}

.tenth-anni-container .title-carousel {

}

.tenth-anni-container .title-carousel .owl-stage-outer {
	border-top: 1px solid #f15922;
}

.tenth-anni-container .title-carousel .item {
	position: relative;
	cursor: pointer;
}

.tenth-anni-container .title-carousel .item h4::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 1000px;
	background-color: #f15922;
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.tenth-anni-container .title-carousel .item h4 {
	color: #000000;
	font-size: 18px;
}

.tenth-anni-container .detail-container {
	position: relative;
	padding: 0 100px;
	margin: 0 auto;
}

.tenth-anni-container .detail-container .icon .inner {
	width: fit-content;
	padding-bottom: 110px;
	transition: 0.2s;
}

.tenth-anni-container .detail-container .back-icon {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0 25px 0 20px;
}

.tenth-anni-container .detail-container .back-icon:hover .inner,
.tenth-anni-container .detail-container .next-icon:hover .inner {
	transform: scale(1.1);
}

.tenth-anni-container .detail-container .back-icon .inner {
	
}

.tenth-anni-container .detail-container .next-icon {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0 20px 0 25px;
}

.tenth-anni-container .detail-container .next-icon .inner {

}

.tenth-anni-container .detail-carousel .item .content-and-image {
	display: flex;
}

.tenth-anni-container .detail-carousel .item .content-and-image .content {
	width: 50%;
	padding-left: 3px;
}

.tenth-anni-container .detail-carousel .item .content-and-image .image {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 90px;
}

.tenth-anni-container .detail-carousel .item .content-and-image .image .inner {
	width: fit-content;
}

.tenth-anni-container .detail-carousel .item .content-and-image .content h2 {
	font-size: 70px;
	color: #f15922;
	margin-bottom: 0;
}

.tenth-anni-container .detail-carousel .item .content-and-image .content p {
	font-size: 30px;
	text-align: left;
	font-weight: bold;
}

.tenth-anni-container .detail-carousel .item .content-and-image .content p.en-font {
	font-size: 26px;
}

@media only screen and (max-width: 991px) {
	br {
		display: none;
	}

	.tenth-anni-container .title-carousel .item h4 br {
		display: inline;
	}

	/* .tenth-anni-container .banner {
		position: relative;
		left: -3.5%;
		width: 100vw;
	} */
	.tenth-anni-container .title h2,
	.tenth-anni-container .title h3 {
		text-align: center;
	}

	.tenth-anni-container .president-quote p {
		text-indent: 0;
	}

	.tenth-anni-container .detail-carousel .item .content-and-image {
		flex-direction: column-reverse;
	}

	.tenth-anni-container .detail-carousel .item .content-and-image .content,
	.tenth-anni-container .detail-carousel .item .content-and-image .image {
		width: 100%;
		min-height: 300px;
	}

	.tenth-anni-container .detail-carousel .item .content-and-image .image {
		padding: 0;
		justify-content: center;
	}
}

@media only screen and (max-width: 757px) {
	.tenth-anni-container .custom-container .inner-custom-container {
		padding: 0 15px;
	}

	.tenth-anni-container .prod-carousel .item .prod .prod-con {
		display: none;
	}

	.tenth-anni-container .prod-carousel {
		margin-bottom: 0;
	}

	.tenth-anni-container .detail-container {
		padding: 0 50px;
	}

	.tenth-anni-container .detail-container .back-icon {
		padding: 0 25px 0 0;
	}

	.tenth-anni-container .detail-container .next-icon {
		padding: 0 0 0 25px;
	}
}
/* // ======================== UPDATE 15/03/2022  ======================== // */

.back-totop.cookie {
	bottom: 120px;
}

.cookie-banner {
	display: none;
	flex-wrap: nowrap;
	padding: 15px 65px;
	line-height: 1.2em;
	font-family: 'DBHelvethaicaMonXBdv3_2';
	color: #000000;
	background-color: rgba(255, 255, 255, 0.85);
	position: fixed;
	bottom: 0;
	width: calc(100% - 113px);
	z-index: 10;
}

.cookie-banner.active {
	display: flex;
}

.cookie-banner .inner {
	display: flex;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.cookie-banner .left {
	width: 70%;
	text-align: left;
	padding-left: 15px;
}

.cookie-banner .left h2 {
	font-size: 25px;
	line-height: 1.2em;
}

.cookie-banner .left p {
	font-size: 18px;
	max-width: 730px;
}

.cookie-banner .left p a {
	text-decoration: none;
	color: #000000;
}

.cookie-banner .left h2,
.cookie-banner .left p {
	margin-left: -5px;
}


.cookie-banner .right {
	width: 30%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 15px;
}

.cookie-banner .right button {
	padding: 8px 10px;
	background-color: #ffe15f;
	font-family: 'DBHelvethaicaMonXBdv3_2';
	font-size: 18px;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 10px 0 20px;
	color: #000000;
}

@media only screen and (max-width: 757px) { 
	.back-totop.cookie {
		bottom: 160px;
	}
	.cookie-banner {
		padding: 15px 15px;
		width: calc(100% - 13px);
	}
	.cookie-banner .left {
		margin-left: 10px;
		padding-left: 0;
	}
	.cookie-banner .right {
		padding-right: 0;
	}
	.cookie-banner .right button {
		margin-right: 20px;
	}
}
/* // ======================== UPDATE 25/03/2022  ======================== // */

/* // ======================== UPDATE 08/07/2022  ======================== // */
@media only screen and (min-width: 250px) and (max-width: 1297px) {
	.news-breadcrumb.product-breadcrumb {
		display: none;
	}
}
/* // ======================== UPDATE 08/07/2022  ======================== // */

/* // ======================== UPDATE 26/08/2022  ======================== // */
.lucky-draw-container .banner img {
	width: 100%;
}
.lucky-draw-container .content {
	padding: 30px 15px;
}
.lucky-draw-container .content p.title {
	font-family: 'DBHelvethaicaXMedv3_2';
	font-size: 30px;
	line-height: 30px;
	color: #242323;
	padding-bottom: 10px;
	text-align: left;
}
.lucky-draw-container .content p {
	font-family: 'DBHelvethaicaXv3_2';
	line-height: 1em;
	font-size: 25px;
	color: #444;
	text-align: left;
	padding-bottom: 20px;
}
.lucky-draw-container .content p:last-child {
	padding-bottom: 0;
}
@media only screen and (max-width: 757px) {
	.lucky-draw-container .content p.title {
		font-size: 24px;
	}
	.lucky-draw-container .content p {
		font-size: 20px;
	}
}
/* // ======================== UPDATE 26/08/2022  ======================== // */
h2#onetrust-policy-title{
	line-height: 1.8 !important;
}
#onetrust-banner-sdk div {
	font-family: 'DBHelvethaicaXv3_2' !important;
	font-size: 20px;
}
#onetrust-consent-sdk #onetrust-pc-btn-handler{
	color: #7f7f7f !important;
    border-color: #fbe000 !important;
    background-color: #FFFFFF !important;
}
#onetrust-consent-sdk #onetrust-accept-btn-handler{
	background-color: #fbe000 !important;
    border-color: #fbe000 !important;
    color: #808080 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn{
	background-color: #fbe000 !important;
    border-color: #fbe000 !important;
    color: #808080 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk, #onetrust-consent-sdk #ot-search-cntr, #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.ot-toggle, #onetrust-consent-sdk #onetrust-pc-sdk ot-grp-hdr1 .checkbox, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title:after, #onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk, #onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-cnt, #onetrust-consent-sdk #onetrust-pc-sdk #ot-anchor{
	font-family: 'DBHelvethaicaXv3_2' !important;
	font-size: 20px;
}
#ot-sdk-btn-floating {
    display: none;
}
/* // ======================== UPDATE 06/02/2023  ======================== // */

/* // ======================== UPDATE 03/03/2023  ======================== // */
.bodynews .newd-4.w-banner {
	padding-bottom: 20px;
	text-align: center;
	/* max-width: 500px; */
	/* margin: 0 auto; */
}

.img-resize.act-thumb-custom-size {
	max-width: 360px;
	width: 100%;
}

.img-resize.act-detail-banner-custom-size {
	max-width: 1280px;
	width: 100%;
}
/* // ======================== UPDATE 03/03/2023  ======================== // */

/* // ======================== UPDATE 24/01/2025  ======================== // */
.ext-url {
	color: #444444 !important;
}
.ext-url:hover {
	text-decoration: underline !important;
}
/* // ======================== UPDATE 23/01/2025  ======================== // */