@font-face {font-family:'Poppins'; font-style:normal; font-weight:300; src:url('/files/fonts/Poppins-Light.eot?#iefix'); src:url('/files/fonts/Poppins-Light.eot') format('embedded-opentype'), url('/files/fonts/Poppins-Light.woff') format('woff')}
@font-face {font-family:'Poppins'; font-style:normal; font-weight:400; src:url('/files/fonts/Poppins-Regular.eot?#iefix'); src:url('/files/fonts/Poppins-Regular.eot') format('embedded-opentype'), url('/files/fonts/Poppins-Regular.woff') format('woff')}
@font-face {font-family:'Poppins'; font-style:normal; font-weight:600; src:url('/files/fonts/Poppins-SemiBold.eot?#iefix'); src:url('/files/fonts/Poppins-SemiBold.eot') format('embedded-opentype'), url('/files/fonts/Poppins-SemiBold.woff') format('woff')}
@font-face {font-family:'Poppins'; font-style:normal; font-weight:700; src:url('/files/fonts/Poppins-Bold.eot?#iefix'); src:url('/files/fonts/Poppins-Bold.eot') format('embedded-opentype'), url('/files/fonts/Poppins-Bold.woff') format('woff')}

/* Fix for Apple Family / Format of forms and Text Size small / Select Sizing */
body {-webkit-text-size-adjust:none;}
input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0px; border-radius:0px;}
input[type=checkbox] {-webkit-appearance:checkbox; -moz-appearance:checkbox; appearance:auto;}
input[type=radio] {-webkit-appearance:radio; -moz-appearance:radio; appearance:auto;}
select {box-sizing:content-box; -webkit-border-radius:0px; border-radius:0px;}
input:focus, textarea:focus, select:focus, button:focus {outline:none !important;}

/* WFY Responsive Classes */
.cwrTS {display:block !important;}
.cwrTH {display:none !important;}
.cwrPH {color:#000 !important;}
.cwcSVFInvalidField {border-color:red !important; color:red !important;}

/* Menu Plugin Classes */
.ddshadow {position:absolute; left:0; top:0; width:0; height:0; background:transparent;}

/* ************ General - Customization Area ************ */
body {color:#000; padding:0px; margin:0px; font-family:'Poppins', sans-serif; font-size:15px;}
input, button, textarea, select {font-family:'Poppins', sans-serif;}
a {color:#ff5301; text-decoration:none;}
a:hover {text-decoration:underline;}
a.SpecialLinkAda {text-indent:-999999px;}
img {max-width:100%; border:none;}

.clear {clear:both;}

h1 {color:#28345e; font-size:35px; font-weight:600; text-align:left; margin:0px 0px 20px 0px; line-height:normal;}
h2, .h2 {color:#ff5301; display:block; margin:0px; font-weight:600; font-size:26px; text-align:left;}
.st {color:#ff5301; font-weight:600; font-size:28px; text-align:left; margin:0px;}

.res720 h1 {font-size:30px;}
.res720 .st {font-size:24px;}
.res720 h2, .h2 {font-size:22px;}

.res480 h1 {font-size:30px;}
.res480 .st {font-size:24px;}
.res480 h2, .h2 {font-size:22px;}

.res320 h1 {font-size:30px;}
.res320 .st {font-size:24px;}
.res320 h2, .h2 {font-size:22px;}

.req-field {border:solid 1px red !important;}

/* ************ Top Page ************ */
.top {background:#28345e;}
.top .tarea {max-width:1130px; padding:2px 20px; margin:0px auto; overflow:hidden;}
.top .tarea .socialcnt {float:left;}
.top .tarea .socialcnt .sarea {overflow:hidden;}
.top .tarea .socialcnt .sarea .separator {height:23px; width:1px; background:#fff; float:left; margin-top:11px;}
.top .tarea .socialcnt .sarea a {display:block; float:left; width:45px; height:45px;}
.top .tarea .socialcnt .sarea a.fb {background:url(/images/1/sm-fb.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.fb:hover {background:url(/images/1/sm-fb-h.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.tw {background:url(/images/1/sm-tw.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.tw:hover {background:url(/images/1/sm-tw-h.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.yt {background:url(/images/1/sm-yt.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.yt:hover {background:url(/images/1/sm-yt-h.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.in {background:url(/images/1/sm-ig.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.in:hover {background:url(/images/1/sm-ig-h.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.lk {background:url(/images/1/sm-lik.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.lk:hover {background:url(/images/1/sm-lik-h.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.prin {background:url(/images/1/sm-pt.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.prin:hover {background:url(/images/1/sm-pt-h.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.wr {background:url(/images/1/wr-icon.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.wr:hover {background:url(/images/1/wr-icon-h.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.wfychat {background:url(/images/1/chat.png) center center no-repeat;}
.top .tarea .socialcnt .sarea a.wfychat:hover {background:url(/images/1/chat-h.png) center center no-repeat;}

.top .tarea .phone {float:right;}
.top .tarea .phone a {color:#fff; font-size:24px; height:45px; line-height:45px; background:url(/images/1/phone.png) left center no-repeat; padding-left:44px; display:block;}
.top .tarea .phone a:hover {color:#ff5301; text-decoration:none;}

.res1810 .top .tarea {max-width:1770px; padding:6px 20px;}
.res1810 .top .tarea .phone a {font-size:26px;}
.res940 .top .tarea .phone a {font-size:22px;}
.res720 .top .tarea .phone a {font-size:20px;}

.res480 .top {padding:10px 0px;}
.res480 .top .tarea .socialcnt {float:none; margin-top:10px;}
.res480 .top .tarea .socialcnt .sarea {text-align:center;}
.res480 .top .tarea .socialcnt .sarea .separator {display:inline-block; zoom:1; float:none; margin:-17px 0px;}
.res480 .top .tarea .socialcnt .sarea a {display:inline-block; zoom:1; float:none;}
.res480 .top .tarea .phone {float:none; text-align:center;}
.res480 .top .tarea .phone a {display:inline-block; zoom:1; font-size:20px;}

.res320 .top {padding:10px 0px;}
.res320 .top .tarea .socialcnt {float:none; margin-top:10px;}
.res320 .top .tarea .socialcnt .sarea {text-align:center;}
.res320 .top .tarea .socialcnt .sarea .separator {display:inline-block; zoom:1; float:none; margin:-10px 0px;}
.res320 .top .tarea .socialcnt .sarea a {display:inline-block; zoom:1; float:none; width:30px; height:30px;}
.res320 .top .tarea .phone {float:none; text-align:center;}
.res320 .top .tarea .phone a {display:inline-block; zoom:1; font-size:20px;}
.res320 .top .tarea .socialcnt .sarea a.wr {background:url(/images/1/wr-icon.png) left center no-repeat;}
.res320 .top .tarea .socialcnt .sarea a.wr:hover {background:url(/images/1/wr-icon-h.png) left center no-repeat;}
.res320 .top .tarea .socialcnt .sarea a.wfychat {background:url(/images/1/chat.png) right center no-repeat;}
.res320 .top .tarea .socialcnt .sarea a.wfychat:hover {background:url(/images/1/chat-h.png) right center no-repeat;}

/* ************ Header ************ */
.header {border-bottom:solid 2px #eaeaea;}
.header .harea {max-width:1130px; padding:37px 20px; margin:0px auto; min-height:125px;}
.header .harea .logo {float:left;}
.header .harea .cnt {float:right;}
.header .harea .cnt .info {float:right;}
.header .harea .cnt .info .userinfo {float:left; position:relative;}
.header .harea .cnt .info .userinfo .usercnt {float:left; margin:3px 19px 3px 0px;}
.header .harea .cnt .info .userinfo .usercnt .user {text-align:right; color:#28345e; font-size:22px; font-weight:600; max-width:410px; overflow:hidden; height:33px; line-height:33px;}
.header .harea .cnt .info .userinfo .usercnt .user.active {font-size:18.8px; position:relative; padding-right:27px;}
.header .harea .cnt .info .userinfo .usercnt .user.active .arrow {width:20px; height:13px; background:url(/images/1/dd-up-acrtive-user.png) center no-repeat; position:absolute; top:10px; right:0px; cursor:pointer;}
.header .harea .cnt .info .userinfo .usercnt .user.active .arrow.wct-active {background:url(/images/1/dd-down-active-user.png) center no-repeat;}
.header .harea .cnt .info .userinfo .usercnt .links {text-align:right; color:#000; font-size:22px;}
.header .harea .cnt .info .userinfo .usercnt .links.active {padding-right:27px;}
.header .harea .cnt .info .userinfo .usercnt .links a {color:#000;}
.header .harea .cnt .info .userinfo .usercnt .links a:hover {color:#ff5301;}
.header .harea .cnt .info .userinfo .searchicon {float:left;}
.header .harea .cnt .info .userinfo .searchicon a {display:block; width:34px; height:72px; background:url(/images/1/search.png) center no-repeat;}
.header .harea .cnt .info .userinfo .searchicon a:hover {background:url(/images/1/search-h.png) center no-repeat;}
.header .harea .cnt .info .userinfo .ActiveUserPopUp {display:none; position:absolute; top:70px; right:40px; z-index:999;}
.header .harea .cnt .info .userinfo .ActiveUserPopUp a {display:block; padding:15px 30px; background:#f5f5f5; font-size:22px; color:#575757;}
.header .harea .cnt .info .userinfo .ActiveUserPopUp a:hover {background:#28345e; color:#fff; text-decoration:none;}
.header .harea .cnt .info .userinfo .searchForm {position:absolute; top:0px; right:0px; background:#f1f1f1; height:72px; width:491px; display:none; z-index:103;}
.header .harea .cnt .info .userinfo .searchForm .sarea .title {display:none;}
.header .harea .cnt .info .userinfo .searchForm .sarea .form {position:relative; margin:17px 10px; padding-bottom:7px; border-bottom:solid 1px #9b9999;}
.header .harea .cnt .info .userinfo .searchForm .sarea .form .submit {position:absolute; width:29px; height:29px; left:0px; top:0px; border:none; background:url(/images/1/search-form.png) center no-repeat;}
.header .harea .cnt .info .userinfo .searchForm .sarea .form .word {width:100%; box-sizing:border-box; border:none; background:none; color:#9b9999 !important; margin:0px; padding:0px 35px; height:29px; font-size:18px;}
.header .harea .cnt .info .userinfo .searchForm .sarea .close {display:block; position:absolute; right:0px; top:0px; width:29px; height:29px; background:url(/images/1/close-search-form.png) center no-repeat;}
.header .harea .cnt .info .separator {float:left; width:1px; height:72px; background:#000; margin:0px 18px;}
.header .harea .cnt .info .shopping {float:left; position:relative;}
.header .harea .cnt .info .shopping .bag {float:left;}
.header .harea .cnt .info .shopping .bag a {display:block; width:51px; height:72px; background:url(/images/1/shopping-bag.png) left center no-repeat; position:relative; color:#000;}
.header .harea .cnt .info .shopping .bag a:hover {background:url(/images/1/shopping-bag-h.png) left center no-repeat; text-decoration:none;}
.header .harea .cnt .info .shopping .bag a span {display:block; position:absolute; right:0px; bottom:0px; width:37px; height:36px; background:url(/images/1/circle-bag.png); text-align:center; line-height:36px; font-size:18px;}
.header .harea .cnt .info .shopping .total {float:left; font-size:22px; line-height:72px; margin-left:10px;}
.header .harea .cnt .info .shopping .total a {color:#000;}
.header .harea .cnt .info .shopping .bagpop {display:none; position:absolute; background:#f5f5f5; z-index:102; top:74px; left:-333px; width:382px;}
.header .harea .cnt .info .shopping .bagpop .arrow {width:28px; height:7px; background:url(/images/1/bg-ddshopcart.png) center no-repeat; position:absolute; top:-7px; right:16px;}
.header .harea .cnt .info .shopping .bagpop .barea {padding:30px 20px 20px 20px;}
.header .harea .cnt .info .shopping .bagpop .barea .binfo {margin-bottom:33px; text-align:center; font-size:22px;}
.header .harea .cnt .info .shopping .bagpop .barea a {display:block; width:342px; text-align:center; height:52px; line-height:52px; background:#28345e; font-size:22px; color:#fff;}
.header .harea .cnt .menu {margin-top:28px; margin-right:-20px;}
.header .harea .cnt .menu ul {list-style:none; margin:0px; padding:0px;}
.header .harea .cnt .menu ul li {float:left; margin:0px 25px; position:relative; padding:0px 0px 33px 0px;}
.header .harea .cnt .menu ul li a {color:#000; font-size:20px; text-transform:uppercase; font-weight:700;}
.header .harea .cnt .menu ul li a:hover {color:#ff5301; text-decoration:none;}
.header .harea .cnt .menu ul li a.selected {color:#ff5301; text-decoration:none;}
.header .harea .cnt .menu ul li ul {position:absolute; top:64px !important; width:280px !important; background:url(/images/1/bg-ddmenu.png);}
.header .harea .cnt .menu ul li ul li {float:none; margin:0px; padding:0px;}
.header .harea .cnt .menu ul li ul li a {padding:15px 20px; display:block; color:#585858; text-transform:initial; font-weight:400;}
.header .harea .cnt .menu ul li ul li a:hover {background:#28345e; color:#fff;}
.header .harea .cnt .menu ul li ul li a.selected {background:#28345e; color:#fff;}
.header .harea .cnt .menucompact {position:absolute; bottom:0px; right:0px; display:none;}
.header .harea .cnt .menucompact a {color:#28345e; display:block; width:34px; height:23px; line-height:23px; font-size:20px; background:url(/images/1/menu-compact.png) right center no-repeat; padding-right:65px;}
.header .harea .cnt .menucompact a:hover {color:#ff5301; text-decoration:none; background:url(/images/1/menu-compact-h.png) right center no-repeat;}
.header .harea .cnt .menucompact a.wct-active {color:#ff5301; text-decoration:none; background:url(/images/1/menu-compact-h.png) right center no-repeat;}

.res1810 .header .harea {max-width:1770px; min-height:151px;}
.res1810 .header .harea .cnt .menu {margin-right:-50px; margin-top:49px;}
.res1810 .header .harea .cnt .menu ul li {margin:0px 50px;padding:0px 0px 33px 0px;}
.res1810 .header .harea .cnt .menu ul li a {font-size:22px;}
.res1810 .header .harea .cnt .menu ul li ul {top:68px !important;}
.res1810 .header .harea .cnt .menu ul li ul li {margin:0px; padding:0px;}

.res940 .header .harea {min-height:95px;}
.res940 .header .harea .cnt .info .userinfo .usercnt {margin:0px 15px 0px 0px;}
.res940 .header .harea .cnt .info .userinfo .usercnt .user {font-size:18px; max-width:329px; height:26px;}
.res940 .header .harea .cnt .info .userinfo .usercnt .user.active {font-size:15px;}
.res940 .header .harea .cnt .info .userinfo .ActiveUserPopUp {top:55px;}
.res940 .header .harea .cnt .info .userinfo .ActiveUserPopUp a {padding:10px 20px; font-size:18px;}
.res940 .header .harea .cnt .info .userinfo .usercnt .links {font-size:18px;}
.res940 .header .harea .cnt .info .userinfo .searchicon a {height:53px;}
.res940 .header .harea .cnt .info .userinfo .searchForm {width:406px; height:53px;}
.res940 .header .harea .cnt .info .userinfo .searchForm .sarea .form {margin:9px 10px;}
.res940 .header .harea .cnt .info .userinfo .searchForm .sarea .form .word {font-size:16px;}
.res940 .header .harea .cnt .info .userinfo .searchForm .sarea .close {background:url(/images/1/close-search-form-940.png) center no-repeat; width:12px; height:29px;}
.res940 .header .harea .cnt .info .separator {height:53px;}
.res940 .header .harea .cnt .info .shopping .bag a {height:53px;}
.res940 .header .harea .cnt .info .shopping .total {height:53px; line-height:53px;}
.res940 .header .harea .cnt .info .shopping .total a {font-size:20px;}
.res940 .header .harea .cnt .info .shopping .bagpop {top:55px;}
.res940 .header .harea .cnt .menu {margin-right:-20px; margin-top:18px;}
.res940 .header .harea .cnt .menu ul li {margin:0px 17px; padding:0px 0px 34px 0px;}
.res940 .header .harea .cnt .menu ul li a {font-size:18px;}
.res940 .header .harea .cnt .menu ul li ul {top:62px !important;}
.res940 .header .harea .cnt .menu ul li ul li {margin:0px; padding:0px;}

.res720 .header .harea {min-height:245px; padding:30px 20px;}
.res720 .header .harea .logo {float:none; text-align:center;}
.res720 .header .harea .cnt {float:none; position:relative;}
.res720 .header .harea .cnt .info {float:none; margin-top:23px;}
.res720 .header .harea .cnt .info .userinfo {position:static;}
.res720 .header .harea .cnt .info .userinfo .usercnt {float:none; margin:0px;}
.res720 .header .harea .cnt .info .userinfo .usercnt .user {text-align:left; font-size:18px; max-width:490px;}
.res720 .header .harea .cnt .info .userinfo .usercnt .links {text-align:left; font-size:18px;}
.res720 .header .harea .cnt .info .userinfo .searchicon {float:none; margin-top:20px;}
.res720 .header .harea .cnt .info .userinfo .searchicon a {height:33px;}
.res720 .header .harea .cnt .info .userinfo .ActiveUserPopUp {top:60px; right:auto; left:0px; z-index:999;}
.res720 .header .harea .cnt .info .userinfo .ActiveUserPopUp a {padding:10px 20px; font-size:18px;}
.res720 .header .harea .cnt .info .userinfo .searchForm {top:auto; bottom:-10px; width:100%; height:53px;}
.res720 .header .harea .cnt .info .userinfo .searchForm .sarea .form {margin:9px 10px;}
.res720 .header .harea .cnt .info .userinfo .searchForm .sarea .form .word {font-size:16px;}
.res720 .header .harea .cnt .info .userinfo .searchForm .sarea .close {background:url(/images/1/close-search-form-940.png) center no-repeat; width:12px; height:29px;}
.res720 .header .harea .cnt .info .separator {display:none;}
.res720 .header .harea .cnt .info .shopping {float:right;}
.res720 .header .harea .cnt .info .shopping .bag a {height:54px; background:url(/images/1/shopping-bag.png) left top no-repeat;}
.res720 .header .harea .cnt .info .shopping .total {font-size:20px; line-height:54px;}
.res720 .header .harea .cnt .info .shopping .bagpop {left:auto; right:0px; top:57px;}
.res720 .header .harea .cnt .info .shopping .bagpop .arrow {right:123px;}
.res720 .header .harea .cnt .menu {display:none; position:absolute; margin:0px; top:143px; right:0px; background:url(/images/1/bg-ddmenu.png); width:340px; z-index:102;}
.res720 .header .harea .cnt .menu ul li {float:none; margin:0px; padding:0px;}
.res720 .header .harea .cnt .menu ul li a {padding:12px 20px; display:block;}
.res720 .header .harea .cnt .menu ul li a:hover {color:#fff; background:#ff5301;}
.res720 .header .harea .cnt .menu ul li a.selected {color:#fff; background:#ff5301;}
.res720 .header .harea .cnt .menu ul li ul {display:block !important; background:none; position:static; width:auto !important;}
.res720 .header .harea .cnt .menu ul li ul li a {padding:12px 30px;}
.res720 .header .harea .cnt .menu ul li ul li a:hover {background:#28345e; color:#fff;}
.res720 .header .harea .cnt .menu ul li ul li a.selected {background:#28345e; color:#fff;}
.res720 .header .harea .cnt .menucompact {display:block;}

.res480 .header .harea {min-height:245px; padding:30px 20px;}
.res480 .header .harea .logo {float:none; text-align:center;}
.res480 .header .harea .cnt {float:none; position:relative; padding-bottom:45px;}
.res480 .header .harea .cnt .info {float:none; margin-top:18px;}
.res480 .header .harea .cnt .info .userinfo {position:static; float:none;}
.res480 .header .harea .cnt .info .userinfo .usercnt {float:none; margin:0px;}
.res480 .header .harea .cnt .info .userinfo .usercnt .user {text-align:center; font-size:18px; max-width:none;}
.res480 .header .harea .cnt .info .userinfo .usercnt .links {text-align:center; font-size:18px;}
.res480 .header .harea .cnt .info .userinfo .searchicon {float:none; position:absolute; bottom:0px;}
.res480 .header .harea .cnt .info .userinfo .searchicon a {height:33px;}
.res480 .header .harea .cnt .info .userinfo .ActiveUserPopUp {top:60px; right:auto; left:0px; width:100%;}
.res480 .header .harea .cnt .info .userinfo .ActiveUserPopUp a {padding:10px 20px; font-size:18px;}
.res480 .header .harea .cnt .info .userinfo .searchForm {top:auto; bottom:-20px; width:100%; height:53px;}
.res480 .header .harea .cnt .info .userinfo .searchForm .sarea .form {margin:9px 10px;}
.res480 .header .harea .cnt .info .userinfo .searchForm .sarea .form .word {font-size:16px;}
.res480 .header .harea .cnt .info .userinfo .searchForm .sarea .close {background:url(/images/1/close-search-form-940.png) center no-repeat; width:12px; height:29px;}
.res480 .header .harea .cnt .info .separator {display:none;}
.res480 .header .harea .cnt .info .shopping {float:none; text-align:center; margin-top:10px;}
.res480 .header .harea .cnt .info .shopping .bag {display:inline-block; zoom:1; float:none; margin-bottom:-20px;}
.res480 .header .harea .cnt .info .shopping .bag a {height:54px; background:url(/images/1/shopping-bag.png) left top no-repeat;}
.res480 .header .harea .cnt .info .shopping .total {font-size:20px; line-height:normal; display:inline-block; zoom:1; float:none; height:54px; line-height:54px;}
.res480 .header .harea .cnt .info .shopping .bagpop {left:50%; top:57px; margin-left:-191px;}
.res480 .header .harea .cnt .info .shopping .bagpop .arrow {right:230px;}
.res480 .header .harea .cnt .menu {display:none; position:absolute; margin:0px; top:199px; right:0px; background:url(/images/1/bg-ddmenu.png); width:100%; z-index:102;}
.res480 .header .harea .cnt .menu ul li {float:none; margin:0px; padding:0px;}
.res480 .header .harea .cnt .menu ul li a {padding:12px 20px; display:block;}
.res480 .header .harea .cnt .menu ul li a:hover {color:#fff; background:#ff5301;}
.res480 .header .harea .cnt .menu ul li a.selected {color:#fff; background:#ff5301;}
.res480 .header .harea .cnt .menu ul li ul {display:block !important; background:none; position:static; width:auto !important;}
.res480 .header .harea .cnt .menu ul li ul li a {padding:12px 30px;}
.res480 .header .harea .cnt .menu ul li ul li a:hover {background:#28345e; color:#fff;}
.res480 .header .harea .cnt .menu ul li ul li a.selected {background:#28345e; color:#fff;}
.res480 .header .harea .cnt .menucompact {display:block;}

.res320 .header .harea {min-height:245px; padding:30px 20px;}
.res320 .header .harea .logo {float:none; text-align:center;}
.res320 .header .harea .cnt {float:none; position:relative; padding-bottom:45px;}
.res320 .header .harea .cnt .info {float:none; margin-top:18px;}
.res320 .header .harea .cnt .info .userinfo {position:static; float:none;}
.res320 .header .harea .cnt .info .userinfo .usercnt {float:none; margin:0px;}
.res320 .header .harea .cnt .info .userinfo .usercnt .user {text-align:center; font-size:18px; max-width:none;}
.res320 .header .harea .cnt .info .userinfo .usercnt .user.active {font-size:11px;}
.res320 .header .harea .cnt .info .userinfo .usercnt .links {text-align:center; font-size:18px;}
.res320 .header .harea .cnt .info .userinfo .searchicon {float:none; position:absolute; bottom:0px;}
.res320 .header .harea .cnt .info .userinfo .searchicon a {height:33px;}
.res320 .header .harea .cnt .info .userinfo .ActiveUserPopUp {top:60px; right:auto; left:0px; width:100%;}
.res320 .header .harea .cnt .info .userinfo .ActiveUserPopUp a {padding:10px 20px; font-size:18px;}
.res320 .header .harea .cnt .info .userinfo .searchForm {top:auto; bottom:-18px; width:100%; height:53px;}
.res320 .header .harea .cnt .info .userinfo .searchForm .sarea .form {margin:9px 10px;}
.res320 .header .harea .cnt .info .userinfo .searchForm .sarea .form .submit {background:url(/images/1/search-form-480.png) center no-repeat;}
.res320 .header .harea .cnt .info .userinfo .searchForm .sarea .form .word {font-size:14px;}
.res320 .header .harea .cnt .info .userinfo .searchForm .sarea .close {background:url(/images/1/close-search-form-940.png) center no-repeat; width:12px; height:29px;}
.res320 .header .harea .cnt .info .separator {display:none;}
.res320 .header .harea .cnt .info .shopping {float:none; text-align:center; margin-top:10px;}
.res320 .header .harea .cnt .info .shopping .bag {display:inline-block; zoom:1; float:none; margin-bottom:-20px;}
.res320 .header .harea .cnt .info .shopping .bag a {height:54px; background:url(/images/1/shopping-bag.png) left top no-repeat;}
.res320 .header .harea .cnt .info .shopping .total {font-size:20px; line-height:normal; display:inline-block; zoom:1; float:none; height:54px; line-height:54px;}
.res320 .header .harea .cnt .info .shopping .bagpop {left:50%; top:58px; width:280px; margin-left:-140px;}
.res320 .header .harea .cnt .info .shopping .bagpop .arrow {right:180px;}
.res320 .header .harea .cnt .info .shopping .bagpop .barea a {width:100%;}
.res320 .header .harea .cnt .menu {display:none; position:absolute; margin:0px; top:199px; right:0px; background:url(/images/1/bg-ddmenu.png); width:100%; z-index:102;}
.res320 .header .harea .cnt .menu ul li {float:none; margin:0px; padding:0px;}
.res320 .header .harea .cnt .menu ul li a {padding:12px 20px; display:block; font-size:17px;}
.res320 .header .harea .cnt .menu ul li a:hover {color:#fff; background:#ff5301;}
.res320 .header .harea .cnt .menu ul li a.selected {color:#fff; background:#ff5301;}
.res320 .header .harea .cnt .menu ul li ul {display:block !important; background:none; position:static; width:auto !important;}
.res320 .header .harea .cnt .menu ul li ul li a {padding:12px 30px;}
.res320 .header .harea .cnt .menu ul li ul li a:hover {background:#28345e; color:#fff;}
.res320 .header .harea .cnt .menu ul li ul li a.selected {background:#28345e; color:#fff;}
.res320 .header .harea .cnt .menucompact {display:block;}

/* ************ Container ************ */
.container .carea {max-width:1130px; padding:30px 20px 50px 20px; margin:0px auto; position:relative; overflow:hidden; font-size:17px;}
.res1810 .container .carea {max-width:1770px; font-size:20px;}

/* Images */
.carea img {display:block; margin:0px auto 0px auto; max-width:100%; float:none;}
.carea img.left {float:left; margin:6px 25px 15px 0px; width:300px;}
.carea img.right {float:right; margin:1px 0px 15px 25px; width:300px;}

.res1810 .carea img.left {width:auto;}
.res1810 .carea img.right {width:auto;}

.res720 .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res720 .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res720 .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

.res480 .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res480 .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res480 .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

.res320 .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res320 .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res320 .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

/* Columns */
.container .carea .col1 {padding-left:341px;}
.container .carea .col2 {position:absolute; top:30px; left:20px; width:302px;}

.res1810 .container .carea .col1 {padding-left:353px;}

.res940 .container .carea .col1 {padding-left:340px;}

.res720 .container .carea .col1 {padding:65px 0px 0px 0px; min-height:auto !important;}
.res720 .container .carea .col2 {position:static; width:auto;}

.res480 .container .carea .col1 {padding:65px 0px 0px 0px; min-height:auto !important;}
.res480 .container .carea .col2 {position:static; width:auto;}

.res320 .container .carea .col1 {padding:65px 0px 0px 0px; min-height:auto !important;}
.res320 .container .carea .col2 {position:static; width:auto;}

/* ************ SideBar ************ */
#Sidebar .categories .catCompact {display:none;}
#Sidebar .categories .catCompact span {display:inline-block; zoom:1; cursor:pointer; padding-right:50px; font-size:24px; color:#28345e; text-transform:uppercase; font-weight:600; height:50px; line-height:52px; border-left:solid 4px #ff5301; padding-left:10px; background:url(/images/1/cat-compact.png) right center no-repeat;}
#Sidebar .categories .catCompact span:hover {background:url(/images/1/cat-compact-h.png) right center no-repeat;}
#Sidebar .categories .catCompact span.wct-active {background:url(/images/1/cat-compact-h.png) right center no-repeat;}
#Sidebar .categories .title {font-size:28px; color:#28345e; text-transform:uppercase; font-weight:600; height:50px; line-height:52px; border-left:solid 4px #ff5301; padding-left:10px; margin-bottom:8px;}
#Sidebar .categories ul {list-style:none; margin:0px; padding:0px; border-bottom:solid 2px #eaeaea;}
#Sidebar .categories ul li {padding:15px 0px; border-top:solid 2px #eaeaea;}
#Sidebar .categories ul li a {display:block; font-size:22px; color:#575757; background:url(/images/1/bullet-cat.png) left 11px no-repeat; padding-left:15px;}
#Sidebar .categories ul li a.cselected {text-decoration:underline;}
#Sidebar .categories ul li ul {border:none;}
#Sidebar .categories ul li ul li {border-top:none; padding-bottom:0px; padding-left:20px;}
#Sidebar .categories ul li ul li a {font-size:20px; background:url(/images/1/bullet-cat.png) left 10px no-repeat;}
#Sidebar .categories ul li ul li a.cselected {text-decoration:underline;}
#Sidebar .text {margin-top:35px; background:#f3f3f3; border-radius:10px;}
#Sidebar .text .tarea {padding:25px 20px; overflow:hidden;}
#Sidebar .text .tarea .title {color:#28345e; font-size:24px; margin-bottom:20px; display:block; line-height:30px;}
#Sidebar .text .tarea .txt {margin:0px; font-size:18px; color:#5f5f5f; line-height:24px;}
#Sidebar .text .tarea a {display:block; margin-top:25px; font-size:18px; font-weight:600; text-transform:uppercase; float:right; background:url(/images/1/bullet-rd.png) right center no-repeat; padding-right:20px;}
#Sidebar .testimonial {margin-top:35px; background:#f3f3f3; border-radius:10px;}
#Sidebar .testimonial .tarea {padding:25px 20px; overflow:hidden;}
#Sidebar .testimonial .tarea .icon {display:block; width:27px; height:24px; background:url(/images/1/icon-testimonial.png) center no-repeat; margin-bottom:20px;}
#Sidebar .testimonial .tarea .txt {margin:0px; font-size:18px; color:#5f5f5f; line-height:24px;}
#Sidebar .testimonial .tarea .info {color:#5f5f5f; margin-top:20px; font-size:18px; line-height:24px;}
#Sidebar .testimonial .tarea .info .client {display:block; font-weight:600;}
#Sidebar .testimonial .tarea .info .source {display:block;}
#Sidebar .testimonial .tarea a {display:block; margin-top:25px; font-size:18px; font-weight:600; text-transform:uppercase; float:right; background:url(/images/1/bullet-rd.png) right center no-repeat; padding-right:20px;}

.res720 #Sidebar .categories {position:absolute; top:20px; left:0px; width:100%; margin:0px 20px;}
.res720 #Sidebar .categories .catCompact {display:block;}
.res720 #Sidebar .categories .title {display:none;}
.res720 #Sidebar .categories ul {display:none; background:#fff; margin-top:10px; margin-right:40px;}
.res720 #Sidebar .categories ul li ul {display:block;}

.res480 #Sidebar .categories {position:absolute; top:20px; left:0px; width:100%; margin:0px 20px;}
.res480 #Sidebar .categories .catCompact {display:block;}
.res480 #Sidebar .categories .title {display:none;}
.res480 #Sidebar .categories ul {display:none; background:#fff; margin-top:10px; margin-right:40px;}
.res480 #Sidebar .categories ul li ul {display:block;}

.res320 #Sidebar .categories {position:absolute; top:20px; left:0px; width:100%; margin:0px 20px;}
.res320 #Sidebar .categories .catCompact {display:block;}
.res320 #Sidebar .categories .title {display:none;}
.res320 #Sidebar .categories ul {display:none; background:#fff; margin-top:10px; margin-right:40px;}
.res320 #Sidebar .categories ul li ul {display:block;}
.res320 #Sidebar .text .tarea .title {font-size:22px;}
.res320 #Sidebar .text .tarea .txt {font-size:16px;}
.res320 #Sidebar .text .tarea a {font-size:16px;}
.res320 #Sidebar .testimonial .tarea .txt {font-size:16px;}
.res320 #Sidebar .testimonial .tarea .info {font-size:16px;}
.res320 #Sidebar .testimonial .tarea a {font-size:16px;}

/* ************ Item List ************ */
.itemlist {overflow:hidden;}
.itemlist p.featured {display:none;}
.itemlist .item {float:left; width:33.33%; margin-bottom:25px;}
.itemlist .item .iarea {margin:0px auto; max-width:250px; padding:0px 20px;}
.itemlist .item .iarea a {color:#000; display:block;}
.itemlist .item .iarea a.pic {margin-bottom:15px;}
.itemlist .item .iarea a:hover {text-decoration:none;}
.itemlist .item .info a .itemname {display:block; font-size:22px; color:#000; font-weight:600; text-align:center; min-height:99px; margin-bottom:15px;}
.itemlist .item .info a .item-price {display:block; font-size:22px; color:#000; font-weight:600; margin-bottom:20px; min-height:66px;}
.itemlist .item .info a .item-price .price {display:block; text-align:center;}
.itemlist .item .info a .item-price .pricediscounted {display:block; text-align:center; text-decoration:line-through;}
.itemlist .item .info a .item-price .discountprice {display:block; text-align:center; color:#ff0000;}
.itemlist .item .info .addcart {display:block; margin:0px auto; width:200px; height:52px; text-align:center; line-height:52px; font-size:22px; text-transform:uppercase; background:#28345e; color:#fff;}
.itemlist .item .info .addcart:hover {background:#ff5301;}
.itemlist .frmSortItems {margin-bottom:25px; overflow:hidden;}
.itemlist .frmSortItems label {font-size:18px; font-weight:600; display:block; float:left; height:46px; line-height:46px; margin-right:10px;}
.itemlist .frmSortItems select {height:46px; border:none; background:#f2f2f2; padding:0px 15px; font-size:18px; width:238px; border-radius:5px; float:left;}
.itemlist .pagerFooter {clear:both; padding-top:25px; border-top:solid 1px #e1e1e1; overflow:hidden;}
.itemlist .pagerFooter .pagerFooterArea {float:right; font-size:22px;}
.itemlist .pagerFooter .pagerFooterArea a.btn-pg {background:#28345e; text-align:center; line-height:43px; color:#fff;}
.itemlist .pagerFooter .pagerFooterArea a.btn-pg:hover {background:#ff5301;}
.itemlist .pagerFooter .pagerFooterArea a {display:block; float:left; background:#28345e; width:42px; height:42px; text-align:center; line-height:43px; color:#fff; margin:0px 3px; text-decoration:none;}
.itemlist .pagerFooter .pagerFooterArea span {display:block; background:#28345e; float:left; width:42px; height:42px; text-align:center; line-height:45px; color:#fff; letter-spacing:1px; margin:0px 3px; text-decoration:none;}
.itemlist .pagerFooter .pagerFooterArea a.ppselected {background:#ff5301;}
.itemlist .pagerFooter .pagerFooterArea a:hover {background:#ff5301;}

.res1810 .itemlist .item {width:25%; margin-bottom:35px;}
.res1810 .itemlist .frmSortItems {margin-bottom:35px;}
.res1810 .itemlist .pagerFooter {padding-top:35px;}

.res940 .itemlist .item {width:50%;}

.res720 .itemlist .item {width:33.33%;}
.res720 .itemlist .item .info a .itemname {font-size:20px; min-height:90px;}
.res720 .itemlist .item .info a .item-price {min-height:60px;}
.res720 .itemlist .item .info a .item-price .price {font-size:20px;}
.res720 .itemlist .item .info a .item-price .pricediscounted {font-size:20px;}
.res720 .itemlist .item .info a .item-price .discountprice {font-size:20px;}
.res720 .itemlist .item .info .addcart {font-size:20px; width:auto;}

.res480 .itemlist .item {width:auto; float:none;}
.res480 .itemlist .item .info a .itemname {font-size:20px; min-height:auto;}
.res480 .itemlist .item .info a .item-price {min-height:auto;}
.res480 .itemlist .item .info a .item-price .price {font-size:20px;}
.res480 .itemlist .item .info a .item-price .pricediscounted {font-size:20px;}
.res480 .itemlist .item .info a .item-price .discountprice {font-size:20px;}
.res480 .itemlist .item .info .addcart {font-size:20px;}

.res320 .itemlist .item {float:none; width:auto;}
.res320 .itemlist .item .info a .itemname {font-size:20px; min-height:auto;}
.res320 .itemlist .item .info a .item-price {min-height:auto;}
.res320 .itemlist .item .info a .item-price .price {font-size:20px;}
.res320 .itemlist .item .info a .item-price .pricediscounted {font-size:20px;}
.res320 .itemlist .item .info a .item-price .discountprice {font-size:20px;}
.res320 .itemlist .item .info .addcart {font-size:20px;}
.res320 .itemlist .frmSortItems label {float:none;}
.res320 .itemlist .frmSortItems select {float:none; width:100%; box-sizing:border-box;}
.res320 .itemlist .pagerFooter .pagerFooterArea {font-size:15px;}
.res320 .itemlist .pagerFooter .pagerFooterArea a {width:27px; height:27px; margin:0px 2px; line-height:29px;}
.res320 .itemlist .pagerFooter .pagerFooterArea span {width:27px; height:27px; margin:0px 2px; line-height:29px;}

/* ************ Footer ************ */
.footer .top {background:#28345e;}
.footer .top .tarea {max-width:1130px; padding:40px 20px; margin:0px auto; overflow:hidden;}
.footer .top .tarea .txt {float:left; color:#fff; margin-right:30px; line-height:24px;}
.footer .top .tarea .txt .title {font-weight:600; font-size:24px;}
.footer .top .tarea .txt .text {font-size:20px;}
.footer .top .tarea .form {float:left; overflow:hidden;}
.footer .top .tarea .form label {float:left; font-size:20px; color:#fff; line-height:48px;}
.footer .top .tarea .form input {float:left; font-size:18px; height:48px; border:none; margin-left:15px; width:238px; padding:0px 10px;}
.footer .top .tarea .form .security {float:left; margin-left:15px;}
.footer .top .tarea .form .security label {line-height:24px;}
.footer .top .tarea .form .security label span {display:block;}
.footer .top .tarea .form .security .code {width:129px;}
.footer .top .tarea .form .security .submit {padding:0px; width:109px; text-align:center; cursor:pointer; background:#ff5301; color:#fff; font-size:20px;}
.footer .top .tarea .btop {float:right;}
.footer .top .tarea .btop a {display:block; height:48px; width:50px; background:url(/images/1/up.png) center no-repeat #fff;}
.footer .top .tarea .btop a:hover {background:url(/images/1/up-h.png) center no-repeat #ff5301;}
.footer .bot .barea {max-width:1170px; padding:30px 0px; margin:0px auto; overflow:hidden;}
.footer .bot .barea .cols {overflow:hidden;}
.footer .bot .barea .cols .col {float:left; width:33.33%;}
.footer .bot .barea .cols .col .clarea {margin:0px 20px;}
.footer .bot .barea .cols .col .clarea .flinks {overflow:hidden; position:relative;}
.footer .bot .barea .cols .col .clarea .flinks .fcol {width:49%;}
.footer .bot .barea .cols .col .clarea .flinks .fcol.left {float:left;}
.footer .bot .barea .cols .col .clarea .flinks .fcol.right {float:right;}
.footer .bot .barea .cols .col .clarea .flinks .fcol a {display:block; margin-bottom:20px; font-size:22px; text-transform:uppercase; color:#000; font-weight:600;}
.footer .bot .barea .cols .col .clarea .flinks .fcol a:hover {color:#ff5301; text-decoration:none;}
.footer .bot .barea .cols .col .clarea .flinks .fcol a.last {margin-bottom:0px;}
.footer .bot .barea .cols .col .clarea .flinks .separator {width:2%; position:absolute; height:100%; left:50%; margin-left:-1%;}
.footer .bot .barea .cols .col .clarea .accept .title {font-size:22px; text-transform:uppercase; color:#000; font-weight:600;}
.footer .bot .barea .cols .col .clarea .accept .tdclogos {margin:10px 0px 20px 0px;}
.footer .bot .barea .cols .col .clarea .accept .tdclogos img {margin:4px;}
.footer .bot .barea .cols .col .clarea .accept .links {color:#ff5301; font-size:18px;}
.footer .bot .barea .cols .col .clarea .accept .links a {font-size:14px; color:#000; margin:0px 0px;}
.footer .bot .barea .cols .col .clarea .logo a {display:block; text-align:center;}
.footer .bot .barea .cols .col .clarea .copy {font-size:16px; color:#5e5e5e; text-align:center; margin-top:16px;}
.footer .bot .barea .cols .col .clarea .wfy {margin:4px 0px 0px 0px; text-align:center; font-size:16px; color:#bbb;}
.footer .bot .barea .cols .col .clarea .wfy a {font-size:16px; color:#bbb;}

.res1810 .footer .top .tarea {max-width:1770px;}
.res1810 .footer .top .tarea .txt {line-height:29px; margin-right:65px;}
.res1810 .footer .top .tarea .txt .title {font-size:28px;}
.res1810 .footer .top .tarea .txt .text {font-size:24px;}
.res1810 .footer .top .tarea .form label {font-size:22px;}
.res1810 .footer .top .tarea .form input {margin-left:20px; width:426px;}
.res1810 .footer .top .tarea .form .security {margin-left:25px;}
.res1810 .footer .top .tarea .form .security label {line-height:48px;}
.res1810 .footer .top .tarea .form .security label span {display:inline;}
.res1810 .footer .top .tarea .form .security .code {width:167px;}
.res1810 .footer .top .tarea .form .security .submit {width:167px; font-size:22px; margin-left:25px;}
.res1810 .footer .top .tarea .btop {width:150px;}
.res1810 .footer .top .tarea .btop a {text-indent:-143px; float:right; line-height:50px; color:#fff; font-size:22px;}
.res1810 .footer .top .tarea .btop a:hover {text-decoration:none;}
.res1810 .footer .bot .barea {max-width:1810px;}
.res1810 .footer .bot .barea .cols .col .clarea .flinks .fcol a {font-size:24px; margin-bottom:12px;}
.res1810 .footer .bot .barea .cols .col .clarea .accept .title {font-size:24px;}
.res1810 .footer .bot .barea .cols .col .clarea .accept .tdclogos {margin:30px 0px 43px 0px;}
.res1810 .footer .bot .barea .cols .col .clarea .accept .links {font-size:20px;}
.res1810 .footer .bot .barea .cols .col .clarea .accept .links a {font-size:20px; margin:0px;}
.res1810 .footer .bot .barea .cols .col .clarea .copy {text-align:left; font-size:17px;}
.res1810 .footer .bot .barea .cols .col .clarea .wfy {text-align:left; font-size:17px;}

.res940 .footer .top .tarea {position:relative; max-width:900px;}
.res940 .footer .top .tarea .form {float:none; clear:both; padding-top:30px;}
.res940 .footer .top .tarea .form .security {margin-left:30px;}
.res940 .footer .top .tarea .form .security label {line-height:48px;}
.res940 .footer .top .tarea .form .security label span {display:inline;}
.res940 .footer .top .tarea .form .security .code {width:148px;}
.res940 .footer .top .tarea .form .security .submit {margin-left:20px;}
.res940 .footer .top .tarea .btop {float:none; position:absolute; top:40px; right:20px;}
.res940 .footer .bot .barea .cols .col .clarea .flinks .fcol a {font-size:18px;}
.res940 .footer .bot .barea .cols .col .clarea .accept .title {font-size:18px;}
.res940 .footer .bot .barea .cols .col .clarea .accept .tdclogos img {margin:0px;}
.res940 .footer .bot .barea .cols .col .clarea .accept .links a {font-size:16px; margin:0px;}
.res940 .footer .bot .barea .cols .col .clarea .copy {font-size:14px;}
.res940 .footer .bot .barea .cols .col .clarea .wfy {font-size:14px;}
.res940 .footer .bot .barea .cols .col .clarea .wfy a {font-size:14px;}

.res720 .footer .top .tarea {position:relative; max-width:680px;}
.res720 .footer .top .tarea .form {float:none; clear:both; padding-top:30px;}
.res720 .footer .top .tarea .form label {font-size:18px;}
.res720 .footer .top .tarea .form input {width:192px; font-size:16px;}
.res720 .footer .top .tarea .form .security .code {width:90px;}
.res720 .footer .top .tarea .form .security .submit {margin-left:20px;}
.res720 .footer .top .tarea .btop {float:none; position:absolute; top:40px; right:20px;}
.res720 .footer .bot .barea .cols {position:relative; padding-top:123px;}
.res720 .footer .bot .barea .cols .col {width:50%;}
.res720 .footer .bot .barea .cols .col.col3 {float:none; width:auto; clear:both;}
.res720 .footer .bot .barea .cols .col .clarea .flinks .fcol a {font-size:20px;}
.res720 .footer .bot .barea .cols .col .clarea .accept .title {font-size:20px;}
.res720 .footer .bot .barea .cols .col .clarea .accept .tdclogos {margin:8px 0px 20px 0px;}
.res720 .footer .bot .barea .cols .col .clarea .accept .tdclogos img {margin:2px;}
.res720 .footer .bot .barea .cols .col .clarea .accept .links a {font-size:16px; margin:0px;}
.res720 .footer .bot .barea .cols .col .clarea .logo {position:absolute; top:0px; left:50%; margin-left:-141px;}
.res720 .footer .bot .barea .cols .col .clarea .copy {font-size:16px; padding-top:25px;}

.res480 .footer .top .tarea {position:relative; max-width:440px;}
.res480 .footer .top .tarea .form {float:none; clear:both; padding-top:30px;}
.res480 .footer .top .tarea .form label {font-size:18px;}
.res480 .footer .top .tarea .form input {width:277px; font-size:16px; margin-left:81px;}
.res480 .footer .top .tarea .form .security {margin:20px 0px 0px 0px;}
.res480 .footer .top .tarea .form .security .code {width:149px; margin-left:20px;}
.res480 .footer .top .tarea .form .security .submit {margin-left:20px;}
.res480 .footer .top .tarea .btop {float:none; position:absolute; top:40px; right:20px;}
.res480 .footer .bot .barea .cols {position:relative; padding-top:113px;}
.res480 .footer .bot .barea .cols .col {float:none; width:auto;}
.res480 .footer .bot .barea .cols .col.col1 {max-width:282px; margin:0px auto;}
.res480 .footer .bot .barea .cols .col.col1 .clarea {margin:0px;}
.res480 .footer .bot .barea .cols .col .clarea .flinks .fcol {width:50%;}
.res480 .footer .bot .barea .cols .col .clarea .flinks .fcol a {font-size:18px; text-align:center;}
.res480 .footer .bot .barea .cols .col .clarea .flinks .separator {display:none;}
.res480 .footer .bot .barea .cols .col .clarea .accept {margin-top:25px;}
.res480 .footer .bot .barea .cols .col .clarea .accept .title {font-size:20px; text-align:center;}
.res480 .footer .bot .barea .cols .col .clarea .accept .tdclogos {margin:15px 0px 15px 0px; text-align:center;}
.res480 .footer .bot .barea .cols .col .clarea .accept .tdclogos img {margin:0px;}
.res480 .footer .bot .barea .cols .col .clarea .accept .links {text-align:center;}
.res480 .footer .bot .barea .cols .col .clarea .accept .links a {font-size:16px; margin:0px;}
.res480 .footer .bot .barea .cols .col .clarea .logo {position:absolute; top:0px; left:50%; margin-left:-141px;}
.res480 .footer .bot .barea .cols .col .clarea .copy {font-size:16px; margin-top:25px;}

.res320 .footer .top .tarea {position:relative; max-width:280px;}
.res320 .footer .top .tarea .txt .title {font-size:20px;}
.res320 .footer .top .tarea .txt .text {font-size:17px;}
.res320 .footer .top .tarea .form {float:none; clear:both; padding-top:30px;}
.res320 .footer .top .tarea .form label {font-size:18px; float:none; display:block; line-height:normal; margin-bottom:5px;}
.res320 .footer .top .tarea .form input {width:260px; font-size:16px; margin-left:67px; margin:0px; float:none;}
.res320 .footer .top .tarea .form .security {margin:15px 0px 0px 0px;}
.res320 .footer .top .tarea .form .security label span {display:inline;}
.res320 .footer .top .tarea .form .security .code {width:260px; margin-left:20px; margin:0px;}
.res320 .footer .top .tarea .form .security .submit {margin-left:0px; width:280px; margin-top:15px;}
.res320 .footer .top .tarea .btop {float:none; position:absolute; top:40px; right:20px;}
.res320 .footer .bot .barea .cols {position:relative; padding-top:113px;}
.res320 .footer .bot .barea .cols .col {float:none; width:auto;}
.res320 .footer .bot .barea .cols .col.col1 {max-width:263px; margin:0px auto;}
.res320 .footer .bot .barea .cols .col.col1 .clarea {margin:0px;}
.res320 .footer .bot .barea .cols .col .clarea .flinks .fcol {width:50%;}
.res320 .footer .bot .barea .cols .col .clarea .flinks .fcol a {font-size:17px; text-align:center;}
.res320 .footer .bot .barea .cols .col .clarea .flinks .separator {display:none;}
.res320 .footer .bot .barea .cols .col .clarea .accept {margin-top:25px;}
.res320 .footer .bot .barea .cols .col .clarea .accept .title {font-size:20px; text-align:center;}
.res320 .footer .bot .barea .cols .col .clarea .accept .tdclogos {margin:15px 0px 15px 0px; text-align:center;}
.res320 .footer .bot .barea .cols .col .clarea .accept .tdclogos img {margin:0px;}
.res320 .footer .bot .barea .cols .col .clarea .accept .links {text-align:center;}
.res320 .footer .bot .barea .cols .col .clarea .accept .links a {font-size:16px; margin:0px;}
.res320 .footer .bot .barea .cols .col .clarea .logo {position:absolute; top:0px; left:50%; margin-left:-131.5px;}
.res320 .footer .bot .barea .cols .col .clarea .copy {font-size:16px; margin-top:25px;}

/* ************ social share buttom ************ */
.socialcntitems {height:20px;}
.socialcntitems .socialitems .red {display:block; float:left; width:20px; height:20px; cursor:pointer; position:relative; margin-right:5px;}
.socialcntitems .socialitems .red a {display:block; height:20px;}
.socialcntitems .socialitems .red.btnViews {border-radius:3px; width:61px; line-height:20px; background:#ff5301; text-align:center; cursor:auto;}
.socialcntitems .socialitems .red.btnViews .ViewsNum {text-transform:uppercase; color:#fff; font-size:10px; background:url(/images/0/view-icon.png) left center no-repeat; padding-left:20px;}
.socialcntitems .socialitems .red.btnFbShare {background:url(/images/0/fb.png) center no-repeat;}
.socialcntitems .socialitems .red.btnFbShare:hover {background:url(/images/0/fb-h.png) center no-repeat;}
.socialcntitems .socialitems .red.btnTwShare {background:url(/images/0/tw.png) center no-repeat;}
.socialcntitems .socialitems .red.btnTwShare:hover {background:url(/images/0/tw-h.png) center no-repeat;}
.socialcntitems .socialitems .red.btnWsShare {background:url(/images/0/ws.jpg) center no-repeat;}
.socialcntitems .socialitems .red.btnWsShare:hover {background:url(/images/0/ws-h.jpg) center no-repeat;}
.socialcntitems .socialitems .red.btnEmShare {background:url(/images/0/mail.jpg) center no-repeat;}
.socialcntitems .socialitems .red.btnEmShare:hover {background:url(/images/0/mail-h.jpg) center no-repeat;}
.socialcntitems .socialitems .red.btnMrShare {background:url(/images/0/botton-share.png) center no-repeat;}
.socialcntitems .socialitems .red.btnMrShare:hover {background:url(/images/0/botton-share-h.png) center no-repeat;}
.socialcntitems .socialitems .red.btnMrShare.wct-active {background:url(/images/0/botton-share-h.png) center no-repeat;}
.socialcntitems .socialitems .btnMoreShare {display:none; position:absolute; top:23px; width:120px; background:#eee; padding:10px; border:1px solid #b9b9b9; z-index:999; margin:0px; left:0px;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .link {display:block; overflow:hidden; padding-bottom:5px; border-bottom:solid 1px #b9b9b9; margin-bottom:5px;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .link a {display:block; padding-left:30px; height:20px; line-height:20px; margin-bottom:5px; color:#000; font-size:15px;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .link a.fb-share {background:url(/images/0/fb.png) left center no-repeat;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .link a.tw-share {background:url(/images/0/tw.png) left center no-repeat;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .link a.lk-share {background:url(/images/0/lik.png) left center no-repeat;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .link a.pt-share {background:url(/images/0/pt.png) left center no-repeat;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .link a.ws-share {background:url(/images/0/ws.jpg) left center no-repeat;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .link a.ml-share {background:url(/images/0/mail.jpg) left center no-repeat;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .txt {display:block; font-size:15px;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .wTxtLink {border:none; width:100%; margin:5px 0px;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .wCopyMsgError {font-size:11px; display:block; text-align:left; color:#C30000; margin-bottom:5px;}
.socialcntitems .socialitems .btnMoreShare .boxShareAll .wbtnCopyLink {cursor:pointer; border:1px solid #b9b9b9; background:#fff; text-transform:uppercase;}

.res320 .socialcntitems .socialitems .btnMoreShare {left:-28px;}

/* ************ Email Share ************ */
#eShareAbsLayer {position:fixed; width:100%; height:100%; top:0; left:0; z-index:10000; background:url(/img/px-black-trans.png);}
#eShareAbsLayer #eShareCntForm {max-width:643px; height:auto; background-color:#fff; margin:60px auto;}
#eShareAbsLayer .eShareCntTitle {position:relative; text-align:center; color:#fff; padding:20px 0px; font-size:26px; background:url(/images/0/icon-mail.png) 80px no-repeat #28345e;}
#eShareAbsLayer #eShareFormClose {position:absolute; right:13px; top:10px; cursor:pointer;}
#eShareAbsLayer form {padding:20px 30px 20px;}
#eShareAbsLayer #eShareFriends {padding-top:5px;}
#eShareAbsLayer .eShareFormRow {margin-top:5px; position:relative; margin:0px 15px 0px;}
#eShareAbsLayer .eShareFormRowExtra {padding-top:8px; position:relative;}
#eShareAbsLayer .eShareFormRemove {position:absolute; right:10px; top:14px; z-index:1; color:#28345e; font-weight:bold; font-size:19px;}
#eShareAbsLayer .eShareFormRow label {display:inline-block; *display:inline; zoom:1; width:100px; text-align:right;}
#eShareAbsLayer.eng .eShareFormRow label {width:196px; margin-right:6px;}
#eShareAbsLayer .eShareFormRow label.eShareFormLabel2 {display:block; width:auto; text-align:left; margin:10px 0px;}
#eShareAbsLayer .eShareFormRow textarea {resize:none; height:140px; width:96.5%; padding-left:2px; padding-right:2px; margin-bottom:20px; border:1px solid #d1d1d1;}
#eShareAbsLayer .eShareFormRow #eShareAddFriend {margin-left:100px;}
#eShareAbsLayer.eng .eShareFormRow #eShareAddFriend {margin-left:205px; color:#28345e; font-weight:600;}
#eShareAbsLayer .eShareFormRow #eShareFormSubmit {width:70px; float:right; height:37px; margin-right:13px; border-style:unset; background:#28345e; color:#fff; font-weight:700; font-size:15px; text-transform:uppercase;}
#eShareAbsLayer .eShareFormRow #eShareFormSubmit:hover {background:#ff5301;}
#eShareAbsLayer input {width:250px;}
#eShareAbsLayer.eng input {width:326px; height:28px; margin-bottom:10px; border:1px solid #d1d1d1;}
#eShareAbsLayer input#eShareSecCod {width:75px; height:33px; float:right; margin-right:10px;}
#eShareAbsLayer #eShareLabelCod {float:right; margin:0px 10px; width:105px; color:#28345e; text-align:right; line-height:18px;}
#eShareAbsLayer .eShareClear {clear:both;}

.res480 #eShareAbsLayer #eShareCntForm {width:480px; margin-left:-240px;}
.res480 #eShareAbsLayer .eShareFormRow {margin:0px 0px;}
.res480 #eShareAbsLayer .eShareFormRow textarea {width:95.5%;}
.res480 #eShareAbsLayer .eShareFormRow #eShareFormSubmit {margin-right:13px;}
.res480 #eShareAbsLayer.eng .eShareFormRow #eShareAddFriend {margin:0px 0px 10px; display:block;}
.res480 #eShareAbsLayer.eng .eShareFormRow label {display:block; width:100%; text-align:left; margin:0px 0px 5px;}
.res480 #eShareAbsLayer .eShareFormRemove {top:35px; right:-8px;}
.res480 #eShareAbsLayer .eShareCntTitle {background:url(/images/0/icon-mail.png) 40px no-repeat #fff; font-size:20px;}
.res480 #eShareAbsLayer.eng input {width:96%; height:25px;}
.res480 #eShareAbsLayer #eShareLabelCod {width:200px;}

.res320 #eShareAbsLayer .eShareFormRow {margin:0px 0px;}
.res320 #eShareAbsLayer .eShareFormRow textarea {width:98%;}
.res320 #eShareAbsLayer .eShareFormRow #eShareFormSubmit {margin-right:0px;}
.res320 #eShareAbsLayer .eShareFormRemove {top:35px; right:-21px;}
.res320 #eShareAbsLayer .eShareCntTitle {background:url(/images/0/icon-mail.png) 46px no-repeat #fff; font-size:18px; padding:10px 55px 10px 106px; text-align:center;}
.res320 #eShareAbsLayer #eShareCntForm {width:317px; margin-left:-158px;}
.res320 #eShareAbsLayer.eng .eShareFormRow label {display:block; width:100%; text-align:left; margin:0px 0px 5px;}
.res320 #eShareAbsLayer.eng .eShareFormRow #eShareAddFriend {margin:0px 0px 10px; display:block;}
.res320 #eShareAbsLayer.eng input {width:99%; height:25px;}
.res320 #eShareAbsLayer input#eShareSecCod {margin-right:5px;}
.res320 #eShareAbsLayer #eShareLabelCod {width:200px;}

/* ***** Chat Button ***** */
.req-field1 {border-color:#e80000 !important;}

.wfyChat {width:167px; height:124px; position:fixed; bottom:23px; right:22px; z-index:101; margin:0px 17px 0px 0px !important;}
.wfyChat .btn-chat {width:95px; height:95px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; position:fixed; bottom:20px; right:20px; z-index:99; cursor:pointer; margin:0px 17px 0px 0px !important;}
.wfyChat .btn-chat::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:85px; height:85px; border:10px solid #ff5301; border-radius:100%; animation:pulso linear 1s infinite;}
.wfyChat .btn-chat::after {animation-delay:-1.5s;}
.wfyChat .cld-chat {width:87px; height:60px; position:absolute; left:0px; top:0px; background:url(/images/1/speech-buble.png) left center no-repeat; text-align:left; color:#fff; padding:8px 0px 0px 12px; cursor:pointer; margin:0px !important; z-index:100;}
.wfyChat .cld-chat .agntname {font-size:13.4px;font-weight:600;line-height:13px;padding:2px 0px 0px 0px;}
.wfyChat .cld-chat .agntstatus {font-size:9px;line-height:13px;font-style:italic;font-weight:400;letter-spacing:0.3px;}
.wfyChat .cld-chat .agntmsg {font-size:9px;font-weight:600;}
.wfyChat #CloseChat {position:absolute; left:75px; top:8px; width:15px; height:15px; z-index:102; background:url(/images/1/close-chat-btn.png) center no-repeat; cursor:pointer;}

.res720 .wfyChat {bottom:20px;}
.res720 .wfyChat .btn-chat {bottom:20px;}

.res480 .wfyChat {bottom:20px; right:27px;}
.res480 .wfyChat .btn-chat {bottom:20px; right:10px;}

.res320 .wfyChat {bottom:20px; right:22px;}
.res320 .wfyChat .btn-chat {bottom:20px; right:5px;}

@keyframes pulso {0% {width:90px; height:90px; border:0px solid #28345e;}
100% {width:100px; height:100px; border:15px solid transparent;}
}
/* ***** Chat Button END ***** */

/* ***** PopUp Chat Form START ***** */
#EmailTest {margin:0px 0px 5px 0px; font-size:15px; display:none; color:red;}
#PhoneTest {margin:0px 0px 5px 0px; font-size:15px; display:none; color:red;}

#popupChat {display:none; position:fixed; top:0; left:0; z-index:999999; display:none; width:100%; height:100%; overflow-y:scroll;}
#popupChat .inline {display:block; position:absolute; right:35px; padding-top:2px; z-index:1;}
#popupChat .conten .detected {display:block; color:#ff0000;}
#popupChat .conten {position:absolute; background:#fff; padding:0px; max-width:722px; top:35%; left:50%; margin-left:-361px; margin-top:-254px; border-radius:5px;}
#popupChat .conten form {padding:12px 27px 11px 23px; position:relative;}
#popupChat .conten .msg {color:#322e2f; font-weight:400; font-size:17px; margin:0px auto 5px auto; float:none; display:block; line-height:20px; text-align:center;}
#popupChat .conten .msg .sitetel {font-weight:700;}
#popupChat .conten .infocnt {float:left; width:31%; height:610px; text-align:center; padding:23px 20px 19px 15px; color:#fff; border-radius:5px 0px 0px 5px; background:#28345e;}
#popupChat .conten .infocnt .logocnt {border-bottom:1px solid #ff5301; padding:0px 0px 24px 0px;}
#popupChat .conten .infocnt .logocnt .txt {text-transform:uppercase; font-size:24px; font-weight:400; line-height:24px; margin-top:13px;}
#popupChat .conten .infocnt .logocnt .txt .emphasis {font-weight:500;}
#popupChat .conten .infocnt .logocnt .txt2 {font-size:17px; font-weight:400; line-height:21px;}
#popupChat .conten .infocnt .chatagnt {border-bottom:1px solid #ff5301; overflow:hidden; padding:5px 0px 5px 0px;}
#popupChat .conten .infocnt .chatagnt .agntpic {float:left; width:95px; height:95px; margin-right:2px;}
#popupChat .conten .infocnt .chatagnt .agntname {float:left; margin-top:29px; font-size:16px; font-weight:700; letter-spacing:0.5px;}
#popupChat .conten .infocnt .chatagnt .agntstatus {float:left; font-size:16px; font-style:italic; font-weight:400; line-height:15px;}
#popupChat .conten .infocnt .chatcall {border-bottom:1px solid #ff5301; padding:18px 0px 21px 0px;}
#popupChat .conten .infocnt .chatcall .sitetel {text-decoration:none; border:none; color:#fff !important; padding:3px 0px 3px 26px; background:url(/images/1/cellph.png) left center no-repeat; font-size:20.1px; font-weight:700; letter-spacing:0.3px;}
#popupChat .conten .infocnt .chatcall .sitetel:hover {text-decoration:underline;}
#popupChat .conten .infocnt .chatcall .stnum {color:#bfbfbf !important; font-size:16px; font-weight:400; letter-spacing:0.3px; line-height:13px; width:170px; text-align:right; margin:0px auto;}
#popupChat .conten .infocnt .chatcall .text {margin:11px auto 0px auto; font-size:15px; line-height:18px; font-weight:400; width:191px;}
#popupChat .conten .formcnt {float:right; width:64%;}
#popupChat .closeChat {cursor:pointer; width:27px; height:27px; background:url(/images/1/close-ctab.png) center no-repeat; position:absolute; top:10px; right:10px; z-index:5;}
#popupChat .closeChat:hover {background:url(/images/1/close-ctab-h.png) center no-repeat;}
#popupChat .bg {background:url(/images/1/bg-chat.png) repeat; position:fixed; width:100%; height:100%; top:0; left:0;}
#popupChat .fmText {right:10px !important; margin:3px 0px 0px 0px; height:auto;}
#popupChat .title {font-weight:400; color:#28345e; font-size:23px; margin:0px; padding:15px 12px 6px 12px; text-align:center; text-transform:uppercase; z-index:1;}
#popupChat .title .emphasis {font-weight:700;}
#popupChat .form {float:right; list-style:none; width:89%;}
#popupChat .inputblock {position:relative;}
#popupChat input {background:#efefef; border:1px solid transparent; border-radius:5px; width:100%; height:40px; margin:0px 0px 10px 0px; padding-left:10px; color:#333 !important; box-sizing:border-box; font-size:15px; padding:9px 10px 9px 10px; font-family:'Open Sans', sans-serif;}
#popupChat label {font-size:15px; display:inline-block; width:auto;}
#popupChat input::-webkit-input-placeholder {color:#333;}
#popupChat input:-moz-placeholder {color:#333;}
#popupChat input::-moz-placeholder {color:#333;}
#popupChat input:-ms-input-placeholder {color:#333;}
#popupChat textarea {background:#efefef; border:1px solid transparent; border-radius:5px; width:100%; padding:5px 5px 0px 10px; margin:0px 0px 10px 0px; height:98px; font-family:'Open Sans', sans-serif; color:#333 !important; font-weight:400; box-sizing:border-box; font-size:15px;}
#popupChat textarea::-webkit-input-placeholder {color:#333;}
#popupChat textarea:-moz-placeholder {color:#333;}
#popupChat textarea::-moz-placeholder {color:#333;}
#popupChat textarea:-ms-input-placeholder {color:#333;}
#popupChat .security {margin-right:-2px;}
#popupChat .security label {color:#333; font-weight:500; text-align:right; height:43px; font-size:15px; line-height:44px;}
#popupChat .security label u {text-decoration:none;}
#popupChat #ChatFSCheck {width:101px; background:none; border:2px solid #e6e6e6; margin:0px 7px 0px 7px; height:44px; text-align:center;}
#popupChat .submit {background:#28345e; border:0; margin:0px 2px 0px 0px; font-weight:500; color:#fff !important; width:126px !important; float:right; cursor:pointer; font-size:22px; height:34px; text-align:center; padding:6px 0px 4px 0px !important; border-radius:5px;}
#popupChat .submit:hover {background:#ff5301;}

#popupChat .charge {width:100%; height:100%; margin:0px auto; display:none; opacity:0.8; background:#fff; position:fixed;}
#popupChat img.load {width:100%; max-width:319px; position:relative; margin:0px auto; top:160px; display:none;}
#popupChat img.load-on {display:block;}
#popupChat .charge-on {display:block;}

.res720 #popupChat .conten {max-width:680px; margin-left:-340px; margin-top:0px; top:65px;}
.res720 #popupChat .conten .infocnt {padding:30px 20px 30px 15px;}
.res720 #popupChat .conten .formcnt {width:63.85%;}
.res720 #popupChat .conten .msg {width:320px; margin:0px auto 3px auto;}
.res720 #popupChat .security span {width:125px;}

.res480 #popupChat .conten {margin-left:-220px; margin-top:0px; max-width:440px; padding-bottom:60px; top:15px;}
.res480 #popupChat .conten .infocnt {float:none; width:auto; height:80px; padding:10px 20px 13px 15px; border-radius:4px 4px 0px 0px;}
.res480 #popupChat .conten .infocnt .logocnt {border-bottom:none; padding-bottom:0px; float:left; margin:-4px 0px 0px 12px;}
.res480 #popupChat .conten .infocnt .logocnt .txt {font-size:17px; margin-top:2px; line-height:20px;}
.res480 #popupChat .conten .infocnt .logocnt .txt2 {font-size:13px; line-height:15px;}
.res480 #popupChat .conten .infocnt .chatagnt {border-bottom:none;padding:0px 14px 0px 0px;float:right;width:175px;}
.res480 #popupChat .conten .infocnt .chatagnt .agntpic {width:85px; height:85px; margin:0px;}
.res480 #popupChat .conten .infocnt .chatagnt .agntname {margin-top:27px; font-size:14px;}
.res480 #popupChat .conten .infocnt .chatagnt .agntstatus {font-size:11px;line-height:12px;}
.res480 #popupChat .conten .infocnt .chatcall {border-bottom:none; border-radius:0px 0px 4px 4px; padding:10px 0px 16px 0px; position:absolute; bottom:0px; left:0px; width:100%; background:#28345e;}
.res480 #popupChat .conten .infocnt .chatcall .sitetel {background:url(/images/1/cellph-480.png) left center no-repeat; font-size:19px; float:left; margin:10px 0px 0px 10px; letter-spacing:0.8px; line-height:20px; padding:4px 0px 6px 26px;}
.res480 #popupChat .conten .infocnt .chatcall .stnum {position:absolute; bottom:17px; width:205px;}
.res480 #popupChat .conten .infocnt .chatcall .text {margin:5px 10px 0px 0px; float:right; width:175px; font-size:14px; letter-spacing:0.5px;}
.res480 #popupChat .conten .formcnt {float:none; width:auto; overflow:hidden; min-height:572px;}
.res480 #popupChat .title {font-size:21px; padding:13px 12px 2px 12px;}
.res480 #popupChat .conten .msg {font-size:15px; margin:0px auto 3px auto;}
.res480 #popupChat .conten form {padding:11px 28px 16px 25px;}
.res480 #popupChat input {font-size:15px; padding:0px 10px 0px 10px; height:33px; margin:0px 0px 8px 0px;}
.res480 #popupChat textarea {height:49px; font-size:15px;}
.res480 #popupChat .submit {width:115px !important; font-size:20px;}
.res480 #popupChat .security span {padding:0px; font-size:14px; width:150px;}
.res480 #popupChat #ChatFSCheck {margin:0px 12px 0px 6px; width:112px; height:40px;}

.res320 #popupChat .title {font-size:19px;}
.res320 #popupChat .closeChat {top:5px; right:5px; width:22px; height:22px; background-size:cover;}
.res320 #popupChat .closeChat:hover {background-size:contain;}
.res320 #popupChat .conten {max-width:290px; margin-left:-145px; margin-top:0px; padding-bottom:91px; top:15px;}
.res320 #popupChat .conten .infocnt {float:none; width:auto; height:80px; padding:8px 10px 15px 8px; border-radius:4px 4px 0px 0px;}
.res320 #popupChat .conten .infocnt .logocnt {border-bottom:none; padding-bottom:0px; float:left; margin:-3px 0px 0px 0px;}
.res320 #popupChat .conten .infocnt .logocnt .txt {font-size:14px; margin-top:0px; line-height:17px;}
.res320 #popupChat .conten .infocnt .logocnt .txt2 {font-size:13px; line-height:13px; width:94px; margin:0px auto;}
.res320 #popupChat .conten .infocnt .chatagnt {border-bottom:none; padding:3px 0px 0px 0px; float:right; width:54%;}
.res320 #popupChat .conten .infocnt .chatagnt .agntpic {width:80px; height:80px; margin:0px;}
.res320 #popupChat .conten .infocnt .chatagnt .agntname {margin-top:22px; font-size:14px; letter-spacing:0.3px;}
.res320 #popupChat .conten .infocnt .chatagnt .agntstatus {font-size:13px; width:60px; text-align:left; line-height:13px;}
.res320 #popupChat .conten .infocnt .chatcall {border-bottom:none; border-radius:0px 0px 4px 4px; padding:11px 0px 9px 0px; position:absolute; bottom:0px; left:0px; width:100%; background:#28345e;}
.res320 #popupChat .conten .infocnt .chatcall .sitetel {background:url(/images/1/cellph-480.png) left center no-repeat; font-size:21px; line-height:21px; margin-left:25px; float:none; margin:0px;}
.res320 #popupChat .conten .infocnt .chatcall .stnum {width:176px; margin:2px auto 0px auto;}
.res320 #popupChat .conten .infocnt .chatcall .text {margin:9px auto 0px auto; float:none; width:200px; font-size:14px; letter-spacing:0.5px; font-weight:200;}
.res320 #popupChat .conten .formcnt {float:none; width:auto;}
.res320 #popupChat .title {font-size:20px; padding:10px 12px 5px 12px;}
.res320 #popupChat .conten .msg {font-size:15px; line-height:17px; margin:0px auto 3px auto; width:250px;}
.res320 #popupChat .conten form {padding:11px 28px 23px 25px;}
.res320 #popupChat input {padding:0px 10px 0px 10px; height:33px; margin:0px 0px 8px 0px;}
.res320 #popupChat textarea {height:72px;}
.res320 #popupChat .security {margin-right:0px;}
.res320 #popupChat #ChatFSCheck {margin:0px 0px 0px 9px; width:109px; padding:0px 5px 0px 5px;}
.res320 #popupChat .security span {padding-left:0px; width:65px; font-size:14px; line-height:17px; height:auto;}
.res320 #popupChat .close-popup {right:10px;}
.res320 #popupChat .conten form {padding:11px 15px 20px 15px;}
.res320 #popupChat .submit {width:100% !important; margin:20px 0px 0px 0px; font-size:17px; line-height:33px;}
.res320 #popupChat .inline {right:22px; padding-top:0px; font-size:13px;}
.res320 #popupChat .security label {}
/* ***** PopUp Chat Form END ***** */

/* ***** Public Post START ***** */
.postpubmain {margin-top:20px;}
.postpubmain .postpubcontainer {overflow:hidden;}
.postpubmain .postpubcontainer .postpub .postpubimage img {max-height:100%; max-width:100%;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover {display:none; width:100%; height:100%; padding-top:80px; position:absolute; top:0px; left:0px; background:#000; opacity:0.9;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt {margin:17px auto 10px auto; padding:0px 40px;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn {display:block; color:#fff; text-align:center; font-size:20px; font-weight:700; border-radius:10px; cursor:pointer; border:1px solid #fff; text-decoration:none;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn:hover {text-decoration:none; color:#000; background:#fff;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn span {display:inline-block; zoom:1; height:45px; line-height:45px;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn.postpubvideolink span {background:url(/images/0/pp-icon-playvideo.png) left center no-repeat; padding-left:43px;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn.postpubvideolink:hover span {background:url(/images/0/pp-icon-playvideo-h.png) left center no-repeat;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn.showpostpubtext span {background:url(/images/0/pp-icon-showtext.png) left center no-repeat; padding-left:34px;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn.showpostpubtext:hover span {background:url(/images/0/pp-icon-showtext-h.png) left center no-repeat;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn.postpublink span {background:url(/images/0/pp-icon-readpost.png) left center no-repeat; padding-left:34px;}
.postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn.postpublink:hover span {background:url(/images/0/pp-icon-readpost-h.png) left center no-repeat;}
.postpubmain .postpubcontainer .postpub .postpubimage:hover .postpubhover {display:block;}

.res940 .postpubmain .postpubcontainer {width:900px; margin:0px auto;}
.res940 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover {padding-top:44px;}
.res940 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt {padding:0px 20px;}
.res940 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn {font-size:17px;}
.res940 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn span {height:37px; line-height:37px;}

.res720 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover {padding-top:112px;}
.res720 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt {padding:0px 88px;}
.res720 .postpubmain .postpubcontainer .postpub .postpubimage:hover .postpubhover {display:none;}

.res480 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover {padding-top:100px;}
.res480 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt {padding:0px 60px;}
.res480 .postpubmain .postpubcontainer .postpub .postpubimage:hover .postpubhover {display:none;}

.res320 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover {padding-top:42px;}
.res320 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt {padding:0px 15px;}
.res320 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn {font-size:17px;}
.res320 .postpubmain .postpubcontainer .postpub .postpubimage .postpubhover .postpubbtncnt .postpubbtn span {height:39px; line-height:39px;}
.res320 .postpubmain .postpubcontainer .postpub .postpubimage:hover .postpubhover {display:none;}

/* Public Post Paging Start */
.postpubmain .pagerFooter {clear:both; float:right; margin:25px 0px 0px 0px;}
.postpubmain .pagerFooter a {display:inline-block; background:#d9d6d2; min-width:25px; padding:0px 5px; height:35px; text-align:center; line-height:34px; color:#28345e; margin:0px 2px; text-decoration:none; border-radius:5px; zoom:1;}
.postpubmain .pagerFooter a.btn-pg {background:#d9d6d2; text-align:center; line-height:34px; color:#28345e;}
.postpubmain .pagerFooter a.btn-pg:hover {background:#28345e; color:#fff;}
.postpubmain .pagerFooter span {display:block; float:left; height:35px; text-align:center; line-height:34px; color:#29345c; letter-spacing:1px; margin:0 2px; text-decoration:none;}
.postpubmain .pagerFooter a.ppselected {background:#28345e; color:#fff;}
.postpubmain .pagerFooter a:hover {background:#28345e; color:#fff;}
.postpubmain .pagerFooter span {display:block; float:left; margin:0 6px; color:#000; letter-spacing:1px; line-height:35px;}
/* ***** Public Post END ***** */