html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,tfoot { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align:baseline; background:transparent;}
*{ font-family: CS ChatThaiUI;font-size: 16px;/*font-family: Arial, 'Lucida Grande', Verdana, Arial, Sans-Serif;*/ box-sizing: border-box; padding: 0; margin: 0; font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
body { line-height: 1; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; border:0;}
.clear { clear: both; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:inherit; }
/*css image responsive */
img { border:0;}
.max-img {width:100%; height:auto;}
.max-imgnews {width:100%; height:auto;}
a, a:link ,a:active ,a:visited ,a:hover { text-decoration:none; outline:0; }
/* Golbal */
.p-0 { padding: 0 !important;}.m-0 { margin: 0 !important;}.padding-small { padding:10px !important;}
.padding-large { padding:40px !important;}.p-t-0 { padding-top: 0 !important;}.p-t-10 { padding-top: 10px !important;}.p-t-20 { padding-top: 20px !important;}.p-t-30 { padding-top: 30px !important;}.p-t-40 { padding-top: 40px !important;}.p-b-10 { padding-bottom: 10px !important;}.p-b-20 { padding-bottom: 20px !important;}.p-b-30 { padding-bottom: 30px !important;}.p-b-40 { padding-bottom: 40px !important;}.p-r-10 { padding-right: 10px !important;}.p-r-20 { padding-right: 20px !important;}.p-r-30 { padding-right: 30px !important;}.p-r-40 { padding-right: 40px !important;}.p-l-10 { padding-left: 10px !important;}.p-l-20 { padding-left: 20px !important;}.p-l-30 { padding-left: 30px !important;}.p-l-40 { padding-left: 40px !important;}.margin-small { margin: 10px !important;}.margin-large { margin: 40px !important;}.m-t-0 { margin-top: 0 !important;}.m-t-10 { margin-top: 10px !important;}.m-t-20 { margin-top: 20px !important;}.m-t-30 { margin-top: 30px !important;}.m-t-40 { margin-top: 40px !important;}.m-b-10 { margin-bottom: 10px !important;}.m-b-20 { margin-bottom: 20px !important;}.m-b-30 { margin-bottom: 30px !important;}.m-b-40 { margin-bottom: 40px !important;}.m-r-10 { margin-right: 10px !important;}.m-r-20 { margin-right: 20px !important;}.m-r-30 { margin-right: 30px !important;}.m-r-40 { margin-right: 40px !important;}.m-l-10 { margin-left: 10px !important;}.m-l-20 { margin-left: 20px !important;}.m-l-30 { margin-left: 30px !important;}.m-l-40 { margin-left: 40px !important;}
.text-center { text-align: center;}
.icon-underline ,.icon-underline-wh { background-image: url('../svg/thaigp.svg'); display: block; height: 15px; background-position: center; background-repeat: no-repeat;}
.icon-underline-wh {background-image: url('../svg/thaigp-wh.svg');}
.font-size-big { font-size: 22px !important;}
.button-post { background: none; border: 0 none; cursor: pointer; background-image: url('../svg/btn_post.svg'); display: block;
background-position: center; background-repeat: no-repeat; background-size: 320px; height: 70px; width: 320px; margin: 0 auto;}
.clear { clear: both;}
.scrollto { width:50px; height: 40px; border-radius: 4px; background: rgba(0, 0, 0, 0.2); color: #fff !important; outline-style: none !important;z-index: 99; display: block; margin: 0 auto;}
a.scrollto:hover { color: #fff; text-decoration: none;}
.pull-right { float: right !important;}
.pull-left { float: left; }
.text-white { color: #fff; }
.btn-radian { border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; border: 1px solid #333; width: 180px; height: 36px; font-size: 1em; color: #333; margin-top: 4px;}
.btn { padding-top: 6px !important; }
a:hover.btn-radian { color: #333; background: #fcec97; border-color: #fcec97;}
.btn-primary { color: #fff; border-color: none;}
.bdrdian { border-radius: 5px !important; }
a { color: #333;}
.overlays { background: rgba(34, 34, 34, 0.8) repeat; color: #fff; position: absolute; z-index: 1; width: 100%; box-sizing: border-box; padding: 16px; bottom: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.mbr-arrow a { color: #fff !important; }
.mbr-arrow-icon::before { left: 2px !important; }
.modal-footer > .btn { margin-bottom: 0 !important; }
.body-content { width: 100%; float: left; padding:0; margin: 0; list-style: none;}
.body-content>li { box-sizing: border-box; width: 25%; padding:0 32px 20px; display: inline-block; float: left;}
.body-content2 { width: 650px; float: left; padding:0; margin: 0; list-style: none;}
.body-content2>li { box-sizing: border-box; width: 33%; padding:0 20px 16px; display: inline-block; float: left; }
.max-img { width: 100%; }
.md-card { background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s;}
.md-card:hover {-webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 8px 16px 0 rgba(0,0,0,0.2); box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);}
.md-img > img { border-top-right-radius: 5px; border-top-left-radius: 5px; }
.md-txt { box-sizing: border-box; padding: 10px; min-height: 80px; text-align: center;}
.md-txt > h3 { font-size: 1em; line-height: 1.5; height: 70px; overflow: hidden; margin: 0;}
.profile-pictrue { position: absolute; left: -8%; top: 0; transform: translate(10%, 20%);}
.width-1-1 ,.width-4-4 { width: 100%;}
.width-1-4 { width: 25%; }
.width-3-4 { width: 75%; }
.width-2-4 { width: 50%; }
.pftxt { padding: 16px 0 0; font-size: 1.1em; text-indent: 30px; margin-bottom: 0;}
.column { width: 1200px; margin: 0 auto; position: relative;}
.box-scrll ,.box-scrll2 ,.box-scrll3 { width: 100%; text-align: center; position: absolute; bottom: 0;}
.box-scrll2 { bottom: 10px; }
.box-scrll3 { bottom: 0; }
.sec-content ,.x1024 {width:1200px; margin: 0 auto; position: relative; margin: 0 auto;}
.md-align ,.v1024 { width:1200px; position: relative; float: none; margin: 0 auto; height: 100vh; display: table-cell; vertical-align: middle; padding: 0; transform: translate(0%, -3%);}
.x1024 ,.v1024 { width: 1100px;}
.width-426 { width: 426px; }
.width-598 { width: 598px; }
.sections { min-height:100vh; height: 100vh; padding: 0; margin: 0; position: relative; background-position: center center;}
.thumb2 { width: 650px; }
.thumb3 { width: 670px; text-align: center;}
.list-url { width: 100%; padding: 10px 0; margin: 0; list-style: url('../images/bullet-sec2.png');}
.list-url>li { float: left; padding-bottom: 20px; text-align: left; list-style-position: inside; margin-right: 30px; margin-left: 16px;}
.list-url>li>a { color: #65a4b1 !important;}
.list-url > .list-url-title2 { width: 100%; list-style: none; margin-left: 0;}
.list-sec3 { list-style: none; padding: 0; margin:0; width: 669px; float: left;}
.list-sec3>li { display: block; float: left; width: 190px; margin:0 16px 20px;}
.list-sec3>li>a { color: #ebe19f !important; display: block;}
.list-sec3>li>a>div { margin-bottom: 8px; }
.list-sec3>li>a>div>img {-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);}
.ab-pf-sec2 { position: absolute; width:410px; transform: scale(1); transform: translate(2%,-10%); float: left;}
.ab-pf-sec3 ,.ab-pf-sec7 ,.ab-pf-sec5 { position: absolute; width:410px; transform: scale(1); transform: translate(-15%,3%);}
.btn-viewmore2 { display: block; width: 156px; height: 40px; background: url('../images/btn-viewmore.png'); margin: 0 auto; cursor: pointer; color: #fff; box-sizing: border-box; padding: 12px 0 0; font-size: 14px;}
.ab-pf-sec7 { transform: translate(0%,6%);}
.ab-pf-sec5 { transform: translate(0%,0%); width: 350px;}
.rr-all { width:900px; list-style: none; padding:20px 0 0; margin:0 100px; float: left; top: 80px;}
.rr-all>li { display: inline-block; width: 180px; margin: 0 0 16px; padding: 0; float: left; text-align: center;}
.rr-all>li>div>img {-webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);}
.rr-all>li>p { color: #efeaaa; margin-bottom: 0;}
.rr-all>li>div { margin-bottom: 8px; width: 110px; margin: 0 auto 8px;}
.list-photosec7>li>a>.bold-brown { color:#564c3a;}
#top-1 { display: none; }
.tttt>p { display: block; width: 100%; padding: 12px 0; }
.tumb5 { background: url('../images/gp-bg-sec5.png'); background-position: center center; min-height: 525px; background-repeat: no-repeat; width: 1100px;}
.sec5 { width:760px; float: left; margin: 0; padding: 0;}
.title-sec5 { width: 760px; height: 88px; margin-bottom: 30px;}
.list-sec5 { width: 310px; list-style: outside; margin-left: 30px; float: left;}
.list-sec5>li {float: left; width: 100%; box-sizing: border-box;; margin: 0; padding: 0 0 20px; list-style: disc; color: #92e0f7; line-height: 1.5;}
.list-sec5>li:last-child { list-style: none; display: block; text-align: center;}
.list-sec5>li>a { display: block; float: left; color: #fff !important; font-size: 16px; width: 100%; line-height: 1.5;}
.list-sec5>li>a>h3 { line-height: 1.5; }
.det-sec5-all>li>a>span { width: 140px; height: 80px; float: left; text-align: center; background: url('../images/gp-ct-sec5.png'); color: #fff;
box-sizing: border-box; padding-top: 18px; font-size: 20px;}
.ct-sec6 { background: url('../images/board-sec6.png') no-repeat top center; width: 890px; min-height: 510px; padding: 0; margin:0 auto; position: relative;}
.title-sec6 { display: block; width:890px; margin:0 auto; padding: 0; }
.sks { width:480px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%); cursor: pointer;}
.sks > img { -webkit-box-shadow: 0px 8px 8px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 8px 8px 3px rgba(0,0,0,0.25); box-shadow: 0px 8px 8px 3px rgba(0,0,0,0.25); }
.w-638 { width: 638px; margin: 10% auto 20px;}
a.bredcrumb { color: #fff; text-decoration: none; display: block; margin: 0 0 30px 0; font-size: 13px; float: left;}
.content-from { display: block; width: 100%; float: left; padding:50px 0 20px; text-align: left;}
.content-from>p { padding-bottom: 8px; font-size: 16px; line-height: 1.5;}
.ct-bt { width: 1100px; background: url('../images/sec5-bt-ct.png') bottom center no-repeat; box-sizing: border-box; text-align:right;
padding:30px 100px; float: left; min-height: 260px;}
.ct-bt>h2 { font-size: 1.5em; line-height: 1.5; }
.mbr-section {position: relative; padding-top: 120px; padding-bottom: 120px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.mbr-section-full {display: table;height: 100vh;padding-bottom: 0;padding-top: 0;table-layout: fixed;width: 100%;}
.mbr-section-full > .mbr-table-cell {width: 100%;}
.mbr-section-small { padding-top: 60px; padding-bottom: 60px;}
.mbr-table { display: table; width: 100%;}
.mbr-table-full { height: 100%; position: relative; width: 100%;}
.mbr-table-cell { display: table-cell; float: none; padding-bottom: 0; padding-top: 0; position: relative; vertical-align: middle;}
.mbr-arrow-icon { display: block; }
.mbr-arrow-icon::before { content: "\203a";display: inline-block;font-size: 32px;line-height: 1;font-style: normal;left: 4px;position: relative;top: 6px;-webkit-transform: rotate(90deg);transform: rotate(90deg); }
.list-sec3>li>a.font-brown>p { color: #564c3a; line-height: 1.35;}
.ct-md { width: 1100px; background: url('../images/sec5-md-ct.png') repeat-y; box-sizing: border-box; padding: 20px 80px; line-height: 1.8; float: left;}
.ct-md>p { text-align:left; font-size:18px; font-weight: 400; line-height: 1.8; padding-bottom: 16px; text-indent: 22px;}
.tranf180 {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.modal-footer ,.modal-title { text-align: center; color: #999; }
.modal-title { font-size: 16px; }
.list-sec3>li>a>p { line-height: 1.23; min-height: 40px;}
.sub-title { margin:0 auto 10px; width: 638px;}
.txt-white ,.txt-yellgray ,.txt-orange ,.txt-bbrow { color: #fff; display: block; padding: 4px 0;}
.txt-yellgray { color:#75614a !important;}
.ss5 { width: 700px; margin-bottom: 60px;}
.txt-orange { color: #e6a35a; }
.txt-bbrow { color: #744a0d;}
.ww11 { width: 100%; text-align: center; margin-top: 30px;}
.content-from>p>a { font-size: 13px; }
.wrapper { width: 1100px; margin: 0 auto; padding: 0; position: relative; }
.row { width: 100%; float: left; position: relative;; padding: 0; margin: 0; margin-left: 0 !important; margin-right: 0 !important;}
.article-sec2 { width: 100%; box-sizing: border-box; padding: 0 0 0 35%; margin:40px 0; float: left; display: block; position: relative;}
.pf-det-s2 { position: fixed; top: 40px; left: 95px;}
.sec2-des-title ,.sec2-sub-det { width: 100%; float: left; margin-bottom: 32px; color: #fff;}
.sec2-sub-det { margin-bottom: 16px;}
.sec2-sub-det>p { color: #fff; padding-bottom:16px; text-indent:50px; font-size: 1.05em; line-height: 1.8; box-sizing: border-box;}
.sec2-des-title>h1 { line-height:.55; display: block; padding: 8px 0 16px; font-size: 1.1em;}
.sec2-des-title>h1>span { font-size:1.5em; padding-bottom: 10px; display: block; color: #fdd704;}
.sec2-sub-det>h3 { font-size: 1.65em; line-height: 1.3; padding-bottom: 6px; color: #fdd704;}
.content-from ,.content-from>p>a{ color: #65a4b1;}
.icon-son { display: block; width: 15px; height: 15px; background:url('images/bullet-sec2.png'); float: left; margin:6px 8px 0 0;}
.no-indent > p { text-indent: 0; }
.p-img ,.p-img2 { width: 100%; background: #fff url('images/mino-logo-ppr.png') 5px 20px no-repeat;
display: block; text-align: center; margin-bottom: 8px; padding:20px 8px; border-radius: 5px; text-indent: 0 !important;}
.p-img>span ,.p-img2>span { display: block; color: #999; font-size: 12px;}
.p-img2 { background: #fff;}
.p-img2>span { color: #fff; }
.p-img>img { border: 3px solid #fdd704; width: 80%; height: auto;}
.t-indent { text-indent: 0 !important; }
.list-photosec7 { list-style: none; padding: 0; margin:0 auto; width:830px;}
.list-photosec7 > li { width: 100%; display: inline-block; float: left; margin-bottom: 30px; box-sizing: border-box; padding: 8px;}
.list-photosec7 > li > a { float: left; width: 100%; text-decoration: none; cursor: pointer;}
.list-photosec7 > li > a > div { width: 190px; float: left;}
.list-photosec7 > li > a > div>img {-webkit-box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.4); box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.4);}
.list-photosec7 > li > a > h2 { color: #f5c84f; margin-left: 220px; display: block; font-weight: 100; margin-bottom: 8px; font-size: 22px;}
.list-photosec7 > li > a > p { color: #ddcfad; margin-left: 220px; font-size: 18px; font-weight: 400; line-height: 1.3;}
.headpic ,.logopc { background: #fbe09b /*url('../images/wcr.png') 15px 50px no-repeat*/; -webkit-box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); box-sizing: border-box; width: 1024px; margin: 0 auto 16px; padding: 50px 100px; text-align: center;}
.content ,.content2 { width: 1024px; margin: 0 auto; box-sizing: border-box; padding: 20px;}
.content>header { padding-bottom: 32px; line-height: 1.5;}
.content>header>h1 { color: #f5c84f; font-size: 32px; font-weight: 100; }
.content>header>h2 { font-size: 20px; font-weight: 100; color: #ddcfad;}
.content>.sh-title { color:#f5c84f; padding-bottom:0; }
.inst-img { text-align: center; }
.h-pic { width: 100%; margin: 0 auto;}
.h-pic>img { border: 5px solid #b29c6f; -webkit-box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2);}
.h-pic>p { display: block; padding: 16px 0 0; color: #666; font-size: .85em; line-height: 1.5;}
.icon-son { display: block; width: 15px; height: 15px; background:url('../images/bullet-sec2.png'); float: left; margin:6px 8px 0 0;}
.content>p { font-size: 18px; line-height: 1.5; color:#fff; padding-bottom: 16px; text-indent: 50px;}
.content-from { color: #fff; font-size: 13px;}
.content-from>p { color:#ddcfad;}
.content-from>p>a { color:#ddcfad; font-size: 13px;}
.t-indent { text-indent: 0 !important;}
.contener { margin-top: 30px;}
.detail-sec5 { background: url('../images/bg-gp-sec5.png') center center no-repeat; width: 1100px; min-height: 668px; margin: 0; float: left;}
.det-sec5-all { list-style:none; margin:0 50px; width:1000px; box-sizing: border-box; padding:0 100px 0; float: left;}
.det-sec5-all>li { width: 100%; display: inline-block; float: left;; margin-bottom: 30px;}
.det-sec5-all>li>a { display: block; float: left; color: #fff !important; font-size: 18px; text-decoration: none; font-weight: 100 !important;}
.pagenavig { list-style: none; padding: 0; margin: 0; width: 1100px; float: left; text-align: center;}
.pagenavig>li { display: inline-block; padding: 4px 8px;}
.pagenavig>li>a { color: #a9f6fd !important; text-decoration: none; display: block; padding: 4px 10px;}
.pagenavig>li>a.active ,.pagenavig>li>a:hover { background: #a9f6fd; padding: 4px 10px; color: #088de8 !important; border-radius: 3px;}
.det-sec5-all>li>a>p { margin-left: 150px; line-height: 1.5;}
.hd-detailall { display: block; width: 1100px; text-align: center; padding: 100px 0 0; background: url('../images/gp-top-sec5.png') center 20px no-repeat;}
.hl-title { width: 900px; margin: 0 auto; text-align: center; color: #fff; font-size:1.35em; line-height: 1.8; padding: 60px 0 60px;}
.article { width: 1100px; box-sizing: border-box; float: left; text-align: center; line-height: 1.5; color: #fff;
font-weight: 100; margin-bottom: 20px;}
.hd-dt-in { padding-bottom: 16px; line-height: 1.8; background: url('../images/sec5-h-ct.png') top center no-repeat; width: 1100px; box-sizing: border-box; padding: 50px 50px 0; height: 90px;}
.hd-dt-in>h1 { font-weight: 100 !important; font-size: 24px;}
.list-galls { list-style: none; padding: 0; margin:32px auto 0; width:800px;}
.list-galls > li { width: 100%; display: inline-block; float: left;; margin-bottom: 30px; box-sizing: border-box;}
.list-galls > li > a { float: left; width: 100%; text-decoration: none; cursor: pointer; box-sizing: border-box;}
.list-galls > li > a > div { width: 190px; float: left; }
.list-galls > li > a > h2 { color: #f5c84f; margin-left: 220px; display: block; font-weight: 100; margin-bottom: 8px; font-size: 22px;}
.list-galls > li > a > p { color: #ddcfad; margin-left: 220px; line-height: 1.5;}
.titlegallery { width: 1100px; margin:130px auto 0; display: block; text-align: center;}
.titlegallery > .txt-orange { color: #ddcfad; line-height: 1.5;}
.titlegallery > h1 { color: #ddcfad; font-size: 16px; margin-top: 2px; box-sizing: border-box; padding: 0 10px;}
.bx-gall { width: 1100px; margin: 0 auto 20px; }
#gallery-content { width: 100%; float: left; display: block; position: relative; }
.img-responsive { width: 100%; border: 0 none; }
.logopc { background: #fff /*url('../images/wcr2.png') 15px 50px no-repeat*/ ; -webkit-box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2); box-sizing: border-box;
width:100%; margin: 0; padding:50px 70px 30px 80px; float: left;}
.content2 { width: 1100px; float: left;}
.content2>header>h2 { color: #f5c84f; font-size: 26px; font-weight: 400; line-height: 1.8; }
.tt-mm { display: none; color: #fff; text-align: center; font-size: 22px; font-weight: 400;}
.mm375 ,.mobile-title { display: none; }
.txt-footer { width: 740px; margin: 0 auto; }
.mb-m-b-20 { margin-bottom: 0px;}
/* new */
.mar-t-0{margin-top: 0!important}
.new-section{color: #895803;background-repeat: no-repeat;background-position: top center;background-attachment: fixed; background-size: cover;}
.new-section h1{font-family: 'sri_sury_wongsebold';font-size: 64px;}
.new-section p.sri_sury{font-family: 'sri_sury_wongseregular';padding: 10px 0 20px;font-size: 48px;}
.new-section .sec-content{padding-top: 50px;}
.list-container{width: 1200px; margin: 0px auto;padding: 40px 0;}
.list-container h2{font-family: 'sri_sury_wongseregular';padding: 10px 0 20px;font-size: 44px;text-align: center;color: #895803;}
.list-container .row-list{overflow: hidden;}
.card_item{float: left;;margin-bottom: 20px;padding: 0 16px 0;}
.card_item img {width: 100%;}
.card_item p {line-height: 24px;padding: 10px 0;color: #895804;height: 92px;overflow:hidden;}
.card_item a{color: #000;}
.list-container .card_item{width: 25%;}
.list-container .btn-more{text-align: center;clear: both;padding: 20px 0;}
.btn-more a{color: #fff;background:#A46F28;padding:10px 20px;border-radius: 4px;}
.btn-more a:hover{background: #E0B344}
/* end - new */
@media (min-width: 1440px){
.mm375>img { width: 100%; margin: 0; padding: 0; float: left;}
}
@media (max-width: 1200px) {
/* new */
.list-container{width:100%;}
/* end - new */
}
@media (max-width: 1024px) {
.mobile {background-image: none !important;}
.pf-det-s2 { position: absolute; top: 8px; left: 8px;}
.article-sec2 { padding:350px 20px 20px; margin: 0; }
.wrapper ,.contener ,.content ,.hd-detailall ,.detail-sec5 ,.hl-title ,.det-sec5-all ,.pagenavig { width: 100%;}
.sec2-des-title > h1 { line-height: 1.5; }
.mobile-title { display: block; margin: 60px 0 20px; width: 100%; box-sizing: border-box;
color: #fff; font-size: 2em; text-align: center; font-weight: 400;}
.w-638 ,.ddkk { display: none; }
.v1024 ,.x1024 ,.list-photosec7 { width: 100%; transform: translate(0,0);}
.list-photosec7 > li { width: 50%; float: left; box-sizing: border-box; padding: 1.5%; height: 590px; overflow: hidden; margin-bottom: 0;}
.list-photosec7 > li > a > div { width: 100%; margin-bottom: 10px;}
.list-photosec7 > li > a > h2 ,.list-photosec7 > li > a > p { margin:10px 0; line-height: 1.3;}
.headpic { width: 98%; margin:1%; }
.content { box-sizing: border-box; margin: 0; width: 100%; padding: 20px;}
.h-pic ,.article ,.hd-dt-in ,.list-galls ,.titlegallery ,.tumb5 ,.sec5 { width: 100%; }
.headpic { padding: 30px !important;}
.h-pic>img { width: 85%; }
.sub-titles > div:nth-child(2) ,.dk ,.hd-dt-in { display: none; }
.mobile-title { margin-bottom: 8px; }
.det-sec5-all { box-sizing: border-box; margin: 0; padding: 8px;}
.detail-sec5 { background-image: none; background-color: #088de8; border-top: 5px solid #fff; border-bottom: 5px solid #fff; margin-bottom: 16px;}
.hd-detailall { background-position: top center; padding-top:20px;}
.txt-white { padding-bottom: 20px;}
.hl-title { padding-top: 20px; padding-bottom: 20px;}
.s5tran { transform: translate(0,-5%);}
.det-sec5-all > li { box-sizing: border-box; padding: 8px; background-color: #0783d8; border-radius: 5px;}
.pagenavig { margin-bottom: 16px; }
.hd-detailall>h1 { line-height: 1.4; box-sizing: border-box; padding: 16px 8px;}
br ,.tt-dk ,.tt-dk2 { display: none;}
.ct-md ,.ct-bt ,.content-from { width: 100%; box-sizing: border-box; padding: 16px; background-image: none; }
.ct-bt > h2 ,.content-from > p ,.bx-gall { width: 100%; box-sizing: border-box; padding: 8px; }
.titlegallery { margin-top: 50px;}
.list-galls>li { box-sizing: border-box; padding: 8px 16px; }
.logopc { background-image: none; }
.content2 { box-sizing: border-box; width: 100%; padding: 30px;}
.tt-mm ,.mm375 { display: block; }
.mm375 { width: 100%; }
.thumb3 ,.list-sec5 ,.ss5 ,.title-sec6 ,.ct-sec6 ,.md-align ,.sec-content { width: 100%; }
.ab-pf-sec2 ,.ab-pf-sec7 ,.ab-pf-sec5 { width:100%; transform: translate(0,0); position: relative; margin: 0 auto;}
.pf-mm { width:410px; margin: 0 auto; }
.list-url > li { margin-right: 0; margin-left: 0; width: 50%; box-sizing: border-box; padding: 0 20px 20px;}
.list-sec3 { float: none; margin: 0 auto; }
.vm-mm { padding-bottom: 50px; }
.list-sec5 { margin-left: 3%; width: 97%; margin-bottom: 16px;}
.list-sec5 > li { box-sizing: border-box;}
.tumb5 { background-image: none; }
.sec5 { background: #088de8; border-top: 4px solid #fff; border-bottom: 4px solid #fff; padding: 16px 0;}
.ss5 { margin-bottom:0; }
.ss5 > h2 { text-align: center; line-height: 1.5;}
.list-sec5>li>a { color: #9fd8ff !important; }
.list-sec5>li.viewmores>a { color: #fff000 !important; }
.ct-sec6 { background-image: none; }
.sks { width: 50%; transform: translate(0,0); position: relative; left: 0; top: 0; margin: 0 25%;}
.md-align { width: 100%; transform: translate(0,0); position: relative; display: block; padding: 50px 0;}
.tttt ,.rr-all ,.txt-footer { width: 100%; margin: 0; padding: 0;}
.rr-all>li { width: 33.33%; }
.sub-title>h2 { line-height: 1.5;}
.mb-m-b-20 { margin-bottom: 20px;}
.sections { min-height: 280px !important;}
}
@media (min-width: 641px) and (max-width: 768px) {
.list-photosec7 > li { height: 530px; }
.h-pic>img { width: 100%; }
.headpic { background-image: none; }
.s5tran { transform: translate(0,-10%);}
.pf-mm { width: 410px; margin: 0 auto; }
.list-sec3 { width: 100%; }
.list-sec3>li { width: 50%; box-sizing: border-box; padding: 0 32px; margin: 0 ;}
.sks { width: 90%; margin: 0 5%; transform: translate(0,0); position: relative; left: 0; top: 0;}
.dtc { display: block; height: auto !important;}
.md-align { width: 100%; transform: translate(0,0); position: relative; display: block; padding: 50px 0;}
.md-align>div>img { width: 100%; margin: 0; }
.rr-all { top: 40px; }
.msection { min-height: 480px !important;}
.sections { height: auto !important; min-height: all !important;}
.ct-sec6 { min-height: 250px !important;}
.sub-title>h2 { line-height: 1.5;}
.mb-m-b-20 { margin-bottom: 20px;}
.list-sec3 > li > a > p { min-height: 65px; overflow: hidden; }
.sections { min-height: 280px !important;}
.new-section .sec-content img{width: 50%!important;}
}
@media (min-width: 481px) and (max-width: 640px) {
.headpic { background-image: none; }
.list-sec3 ,.sub-title { width: 100%; margin: 0;}
.list-sec3>li { width: 50%; box-sizing: border-box; padding: 0 20px; margin: 0 0 10px; display: inline-block;}
.sks { width: 70%; margin: 0 15%; transform: translate(0,0); position: relative; left: 0; top: 0;}
.md-align>div>img { width: 100%; margin: 0; }
.rr-all>li { width: 50%; }
.mm-bt { margin-bottom: 16px; }
.mhidden { display: none; }
.sections { height: auto !important; min-height: all !important;}
.dtc { display: block; height: auto !important;}
.ct-sec6 { min-height: 250px !important;}
.sub-title>h2 { line-height: 1.5;}
.mb-m-b-20 { margin-bottom: 20px;}
.list-sec3 > li > a > p { min-height: 70px; overflow: hidden; }
.sections { min-height: 280px !important;}
.new-section .sec-content img{width: 50%!important;}
.list-container .card_item{width: 50%;}
}
@media (min-width: 1px) and (max-width: 480px) {
.list-photosec7 > li { width: 100%; height: auto; overflow: inherit; }
.h-pic>img ,.sub-title { width: 100%; }
.headpic { background-image: none; }
.list-galls>li>a>div { float: none; width: 300px; clear: both; margin: 0 auto 10px;}
.list-galls>li>a>h2 ,.list-galls>li>a>p { margin: 0 auto; width: 100%; box-sizing: border-box; padding: 5px 16px;}
.pf-mm { width: 80%; }
.list-url > li { width: 100%; box-sizing: border-box;}
.list-sec3 { width: 100%; margin: 0;}
.list-sec3>li { width: 50%; box-sizing: border-box; padding: 0 10px; margin: 0;}
.vw-mm>h2 { box-sizing: border-box; padding: 10px 20px; line-height: 1.5; }
.pf-mm>img {width: 100%;}
.list-sec5 { margin-left: 5%; width: 95%; margin-bottom: 16px;}
.sks { width: 80%; margin: 0 10%;}
.md-align>div>img { width: 100%; margin: 0;}
.mm-bt { margin-bottom: 16px; }
.ct-scoll ,.mhidden { display: none; }
.rr-all>li { width: 50%; }
.sections { height: auto !important; min-height: all !important;}
.dtc { display: block; height: auto !important;}
.ct-sec6 { min-height: 250px !important;}
.sub-title>h2 { line-height: 1.5;}
.mb-m-b-20 { margin-bottom: 20px;}
.list-sec3 > li > a > p { min-height:60px; overflow: hidden; }
.sections { min-height: 280px !important;}
.new-section .sec-content img{width: 80%!important;}
.new-section .md-align{}
.new-section h1{font-size: 40px;}
.new-section p.sri_sury{font-size: 28px;}
.list-container .card_item{width: 100%;}
}
@media (min-width: 1px) and (max-width: 375px) {
.list-sec3>li ,.sub-title { width: 100%; }
.pf-mm { width: 80%; }
.list-sec3 { width: 100%; margin: 0;}
.list-sec3>li { margin: 0 0 10px; margin: 0;}
.pf-mm>img { width: 100%; margin: 0 auto;}
.ddkk { display: none; }
.mm375 { display: block; }
.mm-bt { margin-bottom: 16px; }
.ct-scoll ,.mhidden { display: none; }
.rr-all>li { width: 50%; }
.sections { height: auto !important; min-height: all !important;}
.dtc { display: block; height: auto !important;}
.ct-sec6 { min-height: 250px !important;}
.sub-title>h2 { line-height: 1.5;}
.mb-m-b-20 { margin-bottom: 20px;}
.list-sec3 > li > a > p { min-height:60px; overflow: hidden; }
.sections { min-height: 280px !important;}
.new-section h1{font-size: 36px;}
}