@charset "UTF-8";
/* RESET ALL BROWSER Copyright 2013 by Ryan ibargame */
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: "Helvetica Neue",Helvetica,Arial,sans-serif; }*/
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display:block; }
ol, ul { list-style:none; }
body { line-height: 1; margin: 0;}
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; border:0; outline:0; border:none; outline:none;}
.max-imgnews {width:100%; height:auto; border:0; outline:0; border:none; outline:none;}
a, a:link ,a:active ,a:visited { color:#000; font-weight:400; text-decoration:none; outline:0; }/*font-size:.8em;*/
a:hover { color:#04478c; font-weight:400; text-decoration:none; outline:0; } /*font-size:.8em;*/
/* main */
.wrapper { width:100%; margin:0 auto; padding:0; position:relative; max-width:1200px;}
.row ,.column , { float:left; width:100%; margin:0; padding:0; position:relative; max-width:1200px;}
#header {  height:125px; background:url(../images/tran-white.png) repeat; max-width:1200px; z-index:500; margin:0 auto;}
#logo { float:left; width:435px; height:125px;}
.slider-banner ,.slider-banner>a ,.featured ,.cover-page ,.cover-page>div ,#head-feture ,.promotion ,.promotion>li>a ,.page-option ,.sv-bk ,.sv-bk>li>a ,.headtag ,.googlemap ,.item-det { float:left; width:100%; position:relative;}
.callcenter { width:36.5%; margin:20px 0 0; float:right; padding:0;}
.callcenter>li:first-child { width:230px;}
.callcenter>li { display:inline-block; float:left; line-height:1.5; width:120px; text-align:center; color:#4073a8; font-size:1.2em;}
.callcenter>li>strong { font-weight:400; padding:5px 0 0; display:block;}
#menubar { width:56.5%; float:left; margin:20px 0 0;}
#menubar>ul { width:100%; margin:0; padding:0; float:left;}
#menubar>ul>li { display:inline-block; float:left; width:16.6%; text-align:center; font-size:1.3em; font-weight:400;}
.th ,.en { border:0; padding:5px 8px; background:#fff; cursor:pointer; border-radius:3px; color:#4073a8;}
.change>a.active { background:#cbb276; color:#333;}
.change>a:hover  { color:#333; background:#cbb276;}
.featured>li ,.item { display:inline-block; float:left; width:100%; position:relative;}
.title ,.item-det>div { display:block; float:left; width:50%; padding:0; margin:0; position:relative;}
.icon-promot ,.icon-fing { display:block; float:left; width:115px; height:115px; margin:50px 40% 10px; background-image:url(../images/icon-01.png); background-size:cover; background-position:center top; background-repeat:no-repeat;}
.icon-fing { background:url(../images/icon-02.png) no-repeat; width:129px; height:109px; margin:35px 39.2% 10px;}
.title>h2 { font-size:2em; color:#04478c; font-weight:700; font-style:italic; text-transform:uppercase; width:100%; display:block; float:left; text-align:center;}
.title>p { color:#666; font-size:1em; text-align:center; display:block; line-height:1.5; width:90%; padding:2% 5%; float:left;}
.title>p>span { display:block; padding:3px 0; font-size:.8em; line-height:1;}
.title>p>strong { color:#000; font-size:2em; font-weight:400; font-style:italic; line-height:2; padding:10px 0 0; display:block;}
/*.social { width:100%; background:#242424; padding:80px 0; float:left; text-align:center;}*/
.social { width:100%; background:#242424; padding:50px 0; text-align:center;}
.social>span { text-align:center;  width:174px; margin:20px 47.9%;}
.social>span>a { color:#000; margin-right:10px; padding:10px 13px; background:#fff; font-size:1.4em; width:50px;}
.social>span>a +*+* { margin-right:0;}
.social>span>a:hover { color:#fff; background:rgba(33,115,207,1.00);}
.social>span>a:hover:nth-child(2) { background:#dd4b39;}
.social>span>a:hover:nth-child(3) { background:#cc181e;}
.social>p { width:100%; color:#fff; font-size:1em; font-weight:400; line-height:1.2;}
.social>p>span { font-size:.8em; padding:3px 0; display:block; font-weight:100;}
.cover-page { position:relative; background:#fff;}
.cover-page>h1 { display:block; position:absolute; top:50%; left:35%; width:60%; font-size:3em; color:#fff; font-weight:200; z-index:10;}
.cover-page>h1>span { margin:20px 0 0 20px; float:left; display:block;}
.icon-promotion { float:left; width:117px; height:116px; background:url(../images/icon-promotion.png) no-repeat; vertical-align:middle;}
/*#footer { background:#2e2e2e; padding:50px 0; width:100%; float:left;}*/
#footer { background:#2e2e2e; padding:10px 0; width:100%; float:left;}
#footer>p { display:block; color:#fff; width:100%; text-align:center; font-size:1em; font-weight:100;}

.cover-page { position:relative; background:#fff;}
.cover-page>h1 { display:block; position:absolute; top:50%; left:35%; width:60%; font-size:3em; color:#fff; font-weight:200; z-index:10;}
.cover-page>h1>span { margin:20px 0 0 20px; float:left; display:block;}
.icon-promotion { float:left; width:117px; height:116px; background:url(../images/icon-promotion.png) no-repeat; vertical-align:middle;}

.title-atricle { width:100%; text-align:center; display:block; float:left;}
.title-atricle>h2 { padding:25px 0 10px; color:#666; font-size:2em; font-weight:400; line-height:1.5;}
.title-atricle>p { font-size:1em; color:#666; font-weight:400; line-height:1; padding-bottom:25px;}

.breadcrumb { float:left; width:94%; margin:0 3%; height:40px; padding:10px 0 0; border-radius:4px; background:#eee; margin-bottom:25px; font-size:1em; font-weight:400;}
.breadcrumb>a { font-size:1.4em; line-height:1.2; color:#4f4f4f; margin-left:20px;}
.breadcrumb>span { margin-left:15px;}
.breadcrumb>a.active ,.breadcrumb>a:hover ,.op-title>strong ,.headtag>a:hover { color:#4073a8;}

.promotion ,.sv-bk { width:94%; margin:0 3%;}
.promotion>li ,.sv-bk>li { display:inline-block; float:left; width:32%; margin:0 1% 1% 0;}
.promotion>li.new-item { width:48%; margin-right:4%;}
.promotion>li.new-item:nth-child(2) { margin-right:0;}
.promotion>li:nth-child(5),.promotion>li:nth-child(8) { margin-right:0;}
.promotion>li>a>div ,.sv-bk>li>a>div { float:left; width:100%; display:block;}
.promotion>li>a>h3 ,.sv-bk>li>a>h3 ,.sv-bk>li>a>p ,.sv-bk>li>a>span { line-height:1.2; padding:5px 0; float:left; width:100%; color:#666; font-size:1.2em; font-weight:700;}
.icon-pftd { display:block; float:left; width:16px; height:16px; margin-right:1em; background:url(../images/icon-prefeatured.png) no-repeat;}
.promotion>li.new-item>a>p>strong { color:rgba(221,17,20,1.00); font-weight:400;}
.promotion>li>a:hover>h3 ,.sv-bk>li>a:hover>h3 { text-decoration:underline;}
.page-navgtb { display:block; width:100%; margin:25px 0; padding:0; float:left;}
.page-navgtb>ul { width:50%; padding:0; margin:0; margin:0; float:left;}
.page-navgtb>ul>li { display:inline-block; float:left; margin-right:10px; line-height:1.2;}
.page-navgtb>ul>li>a { text-align:center; width:35px; height:40px; background:#eee; border-radius:35px; display:block; padding:10px 0 0;}

.page-navgtb>ul>li:first-child>a ,.page-navgtb>ul>li:last-child>a { padding:10px 0 0; background:none; width:80px;}

.page-navgtb>ul>li>a:hover ,.page-navgtb>ul>li>a.active { color:#fff; background:#4073a8;}
.page-option ,.headtag ,#p-sev { width:94%; margin:0 3% 25px; line-height:1.5}
.se-country ,.op-title { float:right; padding:10px 20px; background:#eee; border:0; border-radius:4px; font-size:1.2em; color:#262626; font-weight:400;}
.op-title { float:left; padding:14px 50px;}
.op-title>strong { font-weight:400;}
.sv-bk>li:nth-child(3n) { margin-right:0;}
.sv-bk>li>a>h3 ,.psev-title>h2 { color:#000; }/*font-size:1.5em;*/
.sv-bk>li>a>p { font-weight:400; color:#666; padding-top:0;}
.sv-bk>li>a>span ,.psev-title>.rating {  color:#4073a8; font-weight:400; padding-top:0;}/*font-size:1.5em;*/
.sv-bk>li>a:hover>.rating { color:#eddf00;}
.col1 { width:32%;}
.col1>li { width:100%;}
.type-list { display:block; float:left;}
.type-list>li { display:inline-block; float:left; margin-right:10px;}
.type-list>li>a { border-radius:4px; font-size:1.2em; color:#262626; font-weight:400; padding:14px 15px; background:#eee; display:block; text-align:center;}
.type-list>li>a:hover ,.type-list>li>a.active { color:#fff; background:#4073a8;}
.headtag { text-align:center;}
.headtag>a { font-size:1em; font-weight:400; margin-right:10px; color:#666;}
.mapthai { width:56%; float:left; border-left:1px solid #eee; text-align:center; max-width:640px;}
.mapthai>h3 { display:block; padding:5px 0; text-align:right; color:#666; font-size:1em; font-weight:400; line-height:1;}
.psev-slider { width:60%; float:left; margin-right:3%;}
.psev-title ,.psev-detail { float:left; width:37%; margin-bottom:15px;}
.psev-title>h2 { padding-bottom:7px;}
.psev-spc { float:left; width:96%; margin:25px 0; background:#0983ff; border-radius:5px; padding:2%;}
.psev-spc>li { display:inline-block; float:; width:32%; text-align:left; color:#fff; font-size:3em; font-weight:400; line-height:1.5; text-align:center;}
.psev-spc>li>span { font-size:.4em; font-weight:400; vertical-align:middle;}
.psev-spc>li:first-child { width:25%;} 
.psev-spc>li:nth-child(2) { width:42%;}
.psev-detail>li { display:inline-block; float:left; width:100%; line-height:1.5; color:#666; font-weight:400;}
.psev-detail>li:first-child { margin:20px 0;}
.psev-detail>li:last-child { margin:20px 0 0;}
.psev-detail>li:last-child>a {width:50px; display:block; margin-right:10px; padding:7px 15px; float:left; font-size:1.4em; color:#fff;}
#p-sev { float:left; margin-top:25px;}
/*.article { float:left; width:50%; margin:25px 25% 0;}*/
.article { float:left; padding-bottom: 50px;}
.article>div ,.txt-aritlce ,.share-article{ width:100%; float:left; color:#666;}
.txt-aritlce>h3 ,.txt-aritlce>span { padding:10px 0; font-size:1.5em; font-weight:400; display:block; color:#262626;}
.txt-aritlce>span { font-size:1.2em; padding:0 0 10px;}
.txt-aritlce>p { line-height:1.5;}
.txt-aritlce { line-height:1.5;}
.share-article { margin:15px 0;}
.rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; }
.rslides li { -webkit-backface-visibility:hidden; position:absolute; display: none; width:100%; left:0; top:0; }
.rslides li:first-child { position:relative; display:block; float:left; }
#slides1>li>div { display:block; float:left; width:100%;}
.caption { display:block; padding:10px; background:#7b2499; background:rgba(123,36,153, .8); color:#fff; line-height:1.5; font-size:.825em; width:570px; margin-left:370px; height:235px; max-height:235px;}
.caption>strong { display:block; font-size:1.6em !important; margin-bottom:10px; line-height:1.5;}
.rslides { margin: 0 auto; }
.rslides_container { position:relative; float:left; width:100%; margin:0; z-index:0;}
.rslides1_nav { position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; z-index: 99; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background:url(../images/themes.jpg) left top no-repeat; margin-top: -45px; }
.rslides1_nav:active { opacity: 1.0; }
.rslides1_nav.next { left: auto; background-position: right top; right: 0; }
.rslides1_nav:focus, .rslides2_nav:focus, .rslides3_nav:focus { outline: none; }
.rslides_tabs { margin-top: 10px; text-align: center; }
.rslides_tabs li { display: inline; float: none; _float: left; *float: left;
margin-right: 5px; }
.rslides_tabs a { text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#ccc; background: rgba(0,0,0, .2); display:inline-block; _display: block; *display: block;
-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); width:9px; height: 9px; }
.rslides_tabs .rslides_here a { background:#222; background: rgba(0,0,0, .8); }
.share { display:block; float:left; width:96%;}
.psev-detail>li>a { width:25px; text-align:center;}
.psev-detail>li>a.fb { background:#406DEA;}
.psev-detail>li>a.gg { background:#dd4b39;}
.psev-detail>li>a.yb { background:#5ea9dd;}

/* new css */
.mt20{
    margin-top: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.whitebox{
    color: #000;
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 13px;
    background: #fff;
    font-size: 1.4em;
    width: 50px;
}
.space_box{
    margin-right: 10px;
}