@charset "UTF-8";
/* RESET ALL BROWSER Copyright 2013 by Ryan ibargame */

h1{
    margin-top: 0px!important;
}
body { background: #fff; }
.desk-hidden { display: none; }
#m-header { width: 100%; height: 50px; background: #f1f1f1; border-bottom: 1px solid #eee; position: fixed; top: 0; left: 0; z-index: 500; width: 100%; box-sizing: border-box; }
.h-menus { height: 50px; background: #4073a8; }
.m-logo { display: block; float: left; width: 141px; }
.h-menus>span { color: #fff; font-size: 1em; font-weight: 400; display: block; float: left; padding: 15px 0 0 8px; }
#m-header>h1 { font-size: 1.2em; font-weight: 400; display: block; float: left; color: #262626; padding: 16px 0 0; }

@media all and (max-width: 768px) {/*iPhone 6+ lands , Android */
.desk-hidden { display: block; }
.m-hidden, .icon-promotion { display: none; }
.js .slicknav_menu { display: block; }
.callcenter { margin: 0; width: 25%; }
.callcenter>li { text-align: right; width: 98% !important; margin: 1px 2% 0 0; }
.th, .en { padding: 10px 15px; margin: 5px 5px 5px 14px; background: #f2f2f2; border-radius: 4px; }
.en { margin: 5px 0; }
.group_menu>ul>li>p { display: block; padding: 7px 14px; font-size: .7em; font-weight: 400; color: #666; }
.icon-promot, .icon-fing { margin: 5px 43%; }
.social>span { margin: 10px 46%; width:180px; }
.title, .item-det>div, .se-country { clear: both; float: none; width: 100%; }
.slider-banner { margin-top: 50px; }
.top, .cover-page, .fws2 { margin-top: 50px; }
.one>.title { top: 65%; }
.two>.title { top: 5%; }
.three>.title { top: 10%; }
.icon-break { display: none; }
.four>.title { top: 30%; }
#footer>p { font-size: .8em; }
.breadcrumb { height: auto !important; line-height: 2; padding: 10px 0; }
.article, .sv-bk { width: 96%; margin: 2%; }
.type-list, .op-title { width: 100%; margin: 2% 0 0; }
.type-list>li { margin-right: 0; width: 33.33%; border-radius: 0; }
.type-list>li>a { font-size: .75em; border-radius: 0; }
.sv-bk>li { width: 100%; margin: 0 0 2%; }
.op-title { padding-left: 0; padding-right: 0; text-align: center !important; }
.cover-page>h1 { top: 27%; z-index: 55; width: 80%; left: 10%; text-align: center; display: block; padding: 0; margin: 0; }
.cover-page>h1>span { float: none; }
.page-navgtb { width: 90%; margin: 0 5% 5%; }
.psev-spc>li { width: 100% !important; border-bottom: 1px dashed #0659ae; }
.psev-spc>li:first-child>i { font-size: 1.5em; }
.page-navgtb>ul { width: 100%; line-height: 2; }
}

@media all and (max-width: 736px) {/*iPhone 6+ lands , Android */
.desk-hidden { display: block; }
.m-hidden { display: none; }
.cover-page>h1 { top: 15%; left: 5%; width: 90%; font-size: 3.5em; }
.cover-page>h1>span { float: none; }
.psev-spc>li { width: 100% !important; text-align: left; border-bottom: 1px dashed #0659ae; }
}

@media all and (max-width: 667px) {/*iPhone 6+ landsc , Android*/
.desk-hidden { display: block; }
.m-hidden { display: none; }
.cover-page>h1 { top: 15%; left: 5%; width: 90%; font-size: 3.5em; }
.cover-page>h1>span { float: none; }
.psev-spc>li { width: 100% !important; text-align: left; border-bottom: 1px dashed #0659ae; }
}

@media all and (max-width: 568px) { /*iPhone 6 landscape , Android*/
.desk-hidden { display: block; }
.m-hidden { display: none; }
.cover-page>h1 { top: 15%; left: 5%; width: 90%; font-size: 3.5em; }
.cover-page>h1>span { float: none; }
.psev-slider, .psev-title, .psev-detail { width: 100%; margin: 0; }
.psev-spc>li { width: 100% !important; text-align: left; border-bottom: 1px dashed #0659ae; }
}

@media all and (max-width: 480px) {/*iPhone 4-5-5s landscape*/
.desk-hidden { display: block; }
.m-hidden { display: none; }
.social>span { width:175px; margin: 5px 34% 15px; }
.icon-promot, .icon-fing { margin: 5px 38%; }
.cover-page>h1 { top: 8%; left: 5%; width: 90%; font-size: 3em; }
.cover-page>h1>span { float: none; }
}

@media all and (max-width: 414px) { /*iPhone 6+ Verti , Android*/
.desk-hidden { display: block; }
.m-hidden { display: none; }
.promotion>li.new-item, .promotion>li { width: 100%; margin: 0 0 15px; }
.page-navgtb { width: 96%; margin: 2%; }
.social>span { width:175px; margin: 5px 44.5% 15px; }
.cover-page>h1 { top: 8%; left: 5%; width: 90%; font-size: 2.7em; }
.cover-page>h1>span { float: none; }
}

@media all and (max-width: 375px) {/*iPhone 6 Verti*/
.desk-hidden { display: block; }
.m-hidden { display: none; }
.icon-promot, .icon-fing { margin: 5px 35%; }
.cover-page>h1 { top: 8%; left: 5%; width: 90%; font-size: 2.5em; }
.cover-page>h1>span { float: none; }
.social>span { width:175px;}

}

@media all and (max-width: 360px) {/*Android*/
.desk-hidden { display: block; }
.m-hidden { display: none; }
.social>span { width:175px; margin: 5px 26.5% 15px; }
.cover-page>h1 { top: 8%; left: 5%; width: 90%; font-size: 2em; }
.cover-page>h1>span { float: none; }
}

@media all and (max-width: 320px) {/*iPhone 4-5-5s Verti*/
.desk-hidden { display: block; }
.m-hidden, .icon-fing { display: none; }
.social>span { width: 174px; margin: 5px 25.5% 15px; }
.one>.title { top: 60%; }
.one>.title>h2, .two>.title>h2 { font-size: 1em !important; padding: 0; }
.one>.title>p, .two>.title>p, .three>.title>p, .four>.title>p { display: none !important; padding-left: 0 !important; }
.two>.title, .three>.title, .four>.title { width: 100%; left: 0; top: 60%; padding: 0 !important; }
.pre-fetured > ol > li { width: 96%; margin: 0 2%; }
.four>.title>h2, .three>.title>h2 { padding: 0 !important; }
.cover-page>h1 { top: 4%; left: 5%; width: 90%; font-size: 2em; }
.cover-page>h1>span { float: none; }
.psev-spc>li { font-size: 2.2em; }
.psev-spc>li>span { font-size: .35em; }
}