/* slider-corousel global*/
.sp-carousel .sp-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.sp-wrapper{width: 100%;position:relative; margin: 0 auto;-ms-touch-action: pan-y; z-index: 0;  }
.sp-wrapper-outer{position: relative; overflow: hidden; width: 100%; margin: 0 0 10px;}	
.sp-wrapper .sp-item{float: left; width: 100%;}
.sp-wrapper .sp-item .slide-detail {padding: 10px 2% 20px; min-height: 125px;}
.sp-wrapper .sp-item .slide-detail p.day-time { font-size: 12px; color: #999999;}

.sp-controls {width: 100%; margin: 0 auto; height:20px; clear: both; }
.sp-controls .sp-page,
.sp-controls .owl-buttons div{cursor: pointer;}
.sp-controls .sp-page{display: inline-block; width: 18px; height: 11px; margin: 0; position: relative;}
.sp-controls .sp-page span{width: 10px; height: 10px; display:  block; background: #cccccc; position: absolute; left:0;top:0; }
.sp-controls .sp-page.active span {background: #1f3a72;}
.sp-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);text-align: center;padding: 0 0 20px;}

.slider { background: #000000; overflow: hidden;}
.slider a { position: relative; text-align: center; margin: 0 auto; width: 659px; height: 439px; background: #000000; display: table-cell; vertical-align: middle;}
.slider a img { width: auto; height: 439px;}
.slider a img.pano { width:100%; height: auto;}
.slider a span { bottom: 0; display: block; height: 17px; left: 0; overflow: hidden; position: absolute; width: 100%; font-size:10px; text-align: center; padding: 4px 0 2px;}
.normal-slide .slider a { width:100%; height: auto; }	
.normal-slide .slider a img { width:100%; height: auto;}
.normal-slide .slider a img.pano { width: 100%; height: auto;}

/*boombox global*/
.boomBox.first {padding: 0; width: 300px; margin: 0 auto 25px;}
.boomBox.second {padding: 0; width: 300px; margin: 0 auto 25px;}

/*font family*/
h2.headline, h3.headline, .slider a span, .item-list li .figure span, .seeAll, .btn a, .content-listing .item-list h2, a.booking, .editorial-review h3.headline, .tags h3, .news-relate h3, .MostViewed h2, .recent-article h2, .toggle-navigation > li { font-family: arial_blackregular; font-weight: normal;}
.slide-detail h3, .item-list li h3, .content-listing h2,.content-listing h1, .head-listing .detail h3, .head-listing .detail h1, .editorial-review h1, .editorial-review h2, .editorial-review h3, .highlight-list h3 a, .highlight-vdo h3 a, .articleContent div.header h1, .articleContent div.header p.kicker, .news-relate ul li > p a, .mostViewList li .detail h3, .recent-article h3, .highlight-news-hp .detail h3, .searchList .detail h3 a, .articleContents > h2.Subhead, #news-content h1, .most-view ul li .detail h3, .articleContents > h2  { font-family: charis_silbold; font-weight: normal;}

/*homepage*/
#content > h2.headline:first-of-type { padding: 25px 2% 20px;}
h2.headline { font-size: 18px; line-height: 20px; text-transform: uppercase; padding: 0 2% 20px;}
h2.headline a { color: #333333;}
h2.like a:before { content:""; display: inline-block; width: 31px; height: 25px; background:url(../img/icon/property.svg) -153px -573px no-repeat;}
h2.star a:before { content:""; display: inline-block; width: 31px; height: 25px; background:url(../img/icon/property.svg) -238px -573px no-repeat;}
h2.star a span { vertical-align: top; padding: 4px 0 0; display: inline-block;}
h3.heart:before { content:""; display: inline-block; width: 25px; height: 17px; background:url(../img/icon/property.svg) -311px -579px no-repeat; margin: 0 0 -4px;}
.search h2.like a:before {background-position: -238px -573px; height: 26px; vertical-align: bottom;}
.backToTop { background: url(../img/icon/property.svg) 10px -684px no-repeat; width: 90px; text-align: center; display: block; margin: 30px auto; padding: 45px 0 0; font-weight: bold; font-size: 14px; color: #333333;}

/* breadcrumb */
p.breadcrumb { text-transform: uppercase; color:#333333; font-size: 16px; font-weight: bold; padding: 30px 2% 20px;}
p.breadcrumb a { color: #213c74; text-decoration: underline; }

/*article content*/
.articleContent { padding: 0; width: 100%; overflow: hidden;}
.articleContent div.header { padding: 0 2% 10px; display: block; width:96%;}
.articleContent div.header h1 { font-size: 40px; line-height: 42px; padding: 0 0 10px; border-bottom: 1px solid #eeeeee; margin: 0 0 10px;}
.articleContent div.header .kicker { font-size:18px; line-height: 20px; padding: 0 0 10px; border-bottom: 1px solid #eeeeee; margin: 0 0 10px;}
.articleContent div.header ul li { font-size:12px; color: #999999; margin: 0 0 5px;}
.articleContent div.header ul li:last-child { text-transform: uppercase; font-weight: bold;}
.articleContent div.header .share { width: 100%; padding: 20px 0;}
.articleContent div.header .share li { margin: 0 10px 0 0;}
.articleContent .articleContents { overflow:hidden;}

.articleContents > p { padding: 0 2% 20px; width: 96%; font-family: charis_silregular; font-weight: normal; font-size: 16px; line-height: 20px;}
.articleContents > h2 { padding: 0 2% 20px; line-height: 22px; font-size: 20px;}
.articleContents > ul,
.articleContents > ol { padding: 0 2% 20px;}
.articleContents > ul li { list-style: disc outside; margin: 0 5% 10px;}
.articleContents > ol li { list-style: decimal outside; margin: 0 5% 10px;}

.articleContents > p.getAudio a { text-decoration: underline; color: #27425b; font-weight: bold;}

.article-footer { padding: 0 2%; width:96%; overflow: hidden; margin: 0 0 20px;}
.tags h3 { font-size: 14px; padding: 0 0 5px; border-bottom: 1px solid #e6e6e6; margin: 0 0 10px; text-transform: uppercase;}
.tags a { color:#213c70; padding: 5px; display: inline-block; background: #ededed; margin: 0 5px 10px 0;}

/*article images*/
.articlePhotoCenter,
.articlePhotoLeft,
.articlePhotoRight { width: 100%; margin: 0 0 20px;}
.articlePhotoCenter img,
.articlePhotoLeft img,
.articlePhotoRight img { width:100%; height: auto; display: block; margin: 0 0 10px;}
.articlePhotoCenter > p,
.articlePhotoLeft > p,
.articlePhotoRight > p { padding: 0 2%; color:#666666; font-size:12px;}

/* news relate */
.news-relate { width: 96%; padding: 0 2%; margin: 0 0 10px;}
.news-relate h3 { font-size: 20px; line-height: 22px; border-bottom: 1px solid #e6e6e6; padding: 0 0 5px; margin: 0 0 10px;}
.news-relate ul { width: 100%; overflow:hidden;}
.news-relate ul li { width: 47%; margin: 0 2% 10px 0; float: left; overflow: hidden; clear: both;}
.news-relate ul li:nth-child(2n) { margin: 0 0 10px 0; clear: none; float: right;}
.news-relate ul li > a { width: 100%; display: inline-block; margin: 0 0 5px;}
.news-relate ul li > a img { width: 100%; height: auto;}
.news-relate ul li > p { font-size: 16px; margin: 0 0 5px;}
.news-relate ul li > p.day-time { font-size: 12px; color: #999999;}

/* footer-lastest */
.MostViewed { padding: 0 2%; width:96%; overflow:hidden; margin: 0 0 20px;}
.MostViewed h2 { font-size: 20px; line-height: 22px; padding: 0 0 5px; border-bottom: 1px solid #E6E6E6; margin: 0 0 15px; text-transform: uppercase;}
.mostViewList li { overflow: hidden; margin: 0 0 20px;}
.mostViewList li:last-child { margin: 0;}
.mostViewList li p.thumbnail { background: url(../img/icon/news.svg) -14px -763px no-repeat; width: 90px; height: 28px; overflow: hidden; color: #ffffff; font-size: 22px; font-weight: bold; text-align: right; margin: 0; padding: 10px 10px 0 0; float: left;}
.mostViewList li .detail { float: left; width: 63%; margin: 0 0 0 10px; overflow:hidden;}
.mostViewList li .detail h3 { font-size: 18px; line-height: 21px;}

.recent-article { width:96%; padding: 0 2%; overflow:hidden; margin: 0 0 20px;}
.recent-article h2 { padding: 0 0 5px; margin: 0 0 20px; border-bottom: 1px solid #e6e6e6; text-transform: uppercase;}
.recent-article ul li { overflow: hidden; margin: 0 0 20px; padding: 0 0 19px; border-bottom: 1px solid #e6e6e6;}
.recent-article ul li:last-child { margin: 0; padding: 0; border: none;}
.recent-article ul li .thumbnail { width: 210px; height: 140px; float: left; margin: 0 10px 0 0; position: relative;}
.recent-article ul li .thumbnail img { width: 100%; height: auto;}
.recent-article ul li .thumbnail span { position: absolute; bottom: 0; left: 0; background: url(../img/bg/bg-playVdo_news.png) 0 0 no-repeat; display: inline-block; width: 98%; height: 25px; color: #ffffff; text-align: right; padding: 9px 2% 0 0;}
.recent-article h3 { font-size: 18px; line-height: 20px; margin: 0 0 5px;}
.recent-article .day-time { font-size: 14px; color: #999999;}
.recent-article .detail { float: left; width: 62%; overflow: hidden;}

/* slideshow homepage */
.sp-wrapper.slide-hp { width:100%;}
.sp-wrapper.slide-hp .slide-detail { padding: 10px 10px 0;}
.sp-wrapper.slide-hp .slide-detail h3 { margin: 0 0 5px;}
.sp-wrapper.slide-hp .slide-detail h3 a { font-size: 36px; line-height: 38px;}
.sp-wrapper.slide-hp .slide-detail p { font-size: 16px; margin: 0 0 5px;}
.sp-wrapper.slide-hp .slide-detail .subChannel { font-size: 14px; color: #333333; text-transform: uppercase; margin: 0 5px 0 0;}

.item-list h3.header { background: #fcf6e7; color: #666; font-size: 10px; padding: 2% 2% 0 2%; text-transform: uppercase;}
.item-list .headline { padding: 0 0 5px; margin: 0 2% 15px; border-bottom: 1px solid #e6e6e6;}
.item-list li { padding: 25px 0; margin: 0 2%; overflow:hidden; border-bottom: 1px solid #e6e6e6;}
.item-list li:last-child { border: none;}
.item-list li > p { float: left; margin: 0 10px 0 0;}
.item-list li .figure { background: #e9e9e9; float: none; width: 210px; position: relative; height: 140px; text-align: center; display: table-cell; vertical-align: middle;}
.item-list li .figure img { width:auto; height: 140px;}
.item-list li .figure img.pano { width: 210px; height: auto;}
.item-list li .figure span { bottom: -15px; display: block; height: 15px; left: 0; overflow: hidden; position: absolute; width: 100%; font-size:8px; text-align: center; text-transform: uppercase; padding: 0 0 2px;}

.item-list li > div { overflow: hidden; float: left; width: 60%;}
.item-list li .ref { font-weight: bold; font-size: 10px; color: #666666;}
.item-list li h3 { color: #213c70; font-size: 16px; line-height: 18px;}
.item-list li p a { color : #333333; font-size: 12px; font-weight: bold;}
.item-list li p.price { font-weight: bold; font-size: 18px; line-height: 20px;}
.item-list ul { padding: 0; margin: 0;}
.item-list .sponsor { background: #fcf6e7;}
.item-list .sponsor:last-child { margin: 0 0 25px;} 
/*.item-list .sponsor li { border: none;}*/
.item-list .sponsor li:first-child { padding: 10px 0 25px;}
.item-list.no-sponsor ul li:first-child { padding: 0 0 25px;}
.btn { text-align: center; margin: 0 0 10px;}
.btn a { width: 96%; padding: 15px 0; background: #406174; font-size: 16px; text-transform: uppercase; color: #ffffff; display: inline-block;}

.highlight-list { overflow: hidden; width: 96%; margin: 0; padding: 0 2%;}
.highlight-list .headline { padding: 0 0 5px; margin: 0 0 15px; border-bottom: 1px solid #e6e6e6;}
.highlight-list ul { padding: 0; overflow: hidden;}
.highlight-list ul li { clear: both; float: left; margin: 0; width: 100%; border-bottom: 1px solid #e6e6e6; padding: 25px 0;}
.highlight-list ul li:first-child { padding: 10px 0 25px;}
.highlight-list ul li:last-child { margin: 0; border-bottom: none;}
.highlight-list ul li > p { float: left; margin: 0 10px 0 0;}
.highlight-list ul li h3 { font-size:16px; line-height: 18px;}
.highlight-list ul li .thumbnail { float: none; margin: 0 10px 10px 0; text-align: center; background: #e9e9e9; width: 210px; height: 140px; display: table-cell; vertical-align: middle;}
.highlight-list ul li .thumbnail img { width:auto; height: 140px;}
.highlight-list ul li .thumbnail img.pano { width: 210px; height: auto;}
.highlight-list ul li .figure { float: none; margin: 0 10px 10px 0; text-align: center; background: #e9e9e9; width: 210px; height: 140px; display: table-cell; vertical-align: middle;}
.highlight-list ul li .figure img { width:auto; height: 140px;}
.highlight-list ul li .figure img.pano { width: 210px; height: auto;}
.highlight-list ul li .detail { width: 60%; overflow: hidden;}
.highlight-list ul li .detail p.name { font-size: 11px; color: #666666; text-transform: uppercase; font-weight: bold;}
.highlight-list ul li .day-time { font-size: 12px; color: #999999;}
.highlight-list ul li.vdo p a.thumbnail { position: relative;}
.highlight-list ul li.vdo p a.thumbnail span { position: absolute; bottom: 0; left: 0; background: url(../img/bg/bg-playVdo_news.png) 0 0 no-repeat; display: inline-block; width: 98%; height: 25px; color: #ffffff; text-align: right; padding: 9px 2% 0 0;}

.highlight-list ul li p a { display: inline-block; font-size: 12px; font-weight: bold;}
.highlight-list ul li p.price { font-weight: bold; font-size: 18px; line-height: 20px;}

.highlight-list.page-top { padding: 30px 2% 0;}

.highlight-list > h2 a:after,
.highlight-vdo > h2 a:after { content:""; background: url(../img/icon/ico.svg) 0 -31px no-repeat; width: 15px; height: 15px; display: inline-block; margin: 0 0 0 5px;}

/* highlight vdo */
.highlight-vdo { overflow: hidden; width: 96%; margin: 0 0 25px; padding: 0 2%;}
.highlight-vdo .headline { padding: 0 0 5px; margin: 0 0 15px; border-bottom: 1px solid #e6e6e6;}
.highlight-vdo ul { overflow: hidden;}
.highlight-vdo ul li { width: 49%; float: left; overflow:hidden;}
.highlight-vdo ul li > p { width:100%; margin: 0 0 5px;}
.highlight-vdo ul li > p a { position: relative; display: inline-block;}
.highlight-vdo ul li > p a img { width: 100%;}
.highlight-vdo ul li > p a span { position: absolute; bottom: 0; left: 0; background: url(../img/bg/bg-playVdo_news.png) 0 0 no-repeat; display: inline-block; width: 98%; height: 25px; color: #ffffff; text-align: right; padding: 9px 2% 0 0;}
.highlight-vdo ul li:last-child { float: right;}
.highlight-vdo h3 a { font-size: 18px; line-height: 20px;}
.highlight-vdo p.day-time { font-size: 12px; color: #999999;}

/*sponsor*/
.highlight-list ul li.adver h3:before { content: ""; background: url(../img/icon/ico.svg) -79px -5px no-repeat; width: 21px; height: 15px; display: inline-block; margin: 0;}

.info { padding: 0 2%; overflow:hidden; margin: 0 0 30px;}
.info .headline { border-bottom: 1px solid #e6e6e6; padding: 0 0 5px; margin: 0 0 10px; font-size: 16px;}
.info ul { overflow:hidden; width: 100%;}
.info ul li { line-height: 18px; clear: both; list-style: inside disc; font-size: 14px;}
.info p { font-size: 14px;}

.info-detail { padding: 0; overflow:hidden; margin: 0 0 30px;}
.info-detail h3.headline { border-bottom: 1px solid #e6e6e6; padding: 0 0 5px; margin: 0 2% 10px; font-size: 16px; text-transform: uppercase;}
.info-detail img { width: 100%; margin: 0 0 20px;}
.info-detail p { font-size: 14px; padding: 0 2%; margin: 0 0 20px;}
.info-detail ol, .info-detail ul { width: 96%; padding: 0 2%; overflow:hidden; margin: 0 0 20px;}
.info-detail ol li, .info-detail ul li { list-style: none; clear: both; margin: 0 0 10px; overflow:hidden;}
.info-detail ol li span { font-size: 14px; font-weight: bold; float: left; width: 154px;}
.info-detail ol li .rating { float: left; width: auto; margin: 0;}
.info-detail .list-bul li { list-style: disc inside;}
.info-detail .list-num li { list-style: decimal inside;}

.editorial-review { padding: 0; overflow:hidden; margin: 0 0 30px;}
.editorial-review h1 { font-size:18px; padding: 0 2%; margin: 0 0 20px;}
.editorial-review h2 { font-size:16px; padding: 0 2%; margin: 0 0 20px;}
.editorial-review h3 { font-size:14px; padding: 0 2%; margin: 0 0 20px;}
.editorial-review h3.headline { border-bottom: 1px solid #e6e6e6; padding: 0 0 5px; margin: 0 2% 10px; font-size: 16px; text-transform: uppercase;}
.editorial-review img { width: 100%; margin: 0 0 20px;}
.editorial-review p { font-size: 14px; padding: 0 2%; margin: 0 0 20px;}
.editorial-review ol { width: 96%; padding: 20px 0 0; overflow: hidden; margin: 0 2% 20px; border-top: 1px solid #e6e6e6;} 
.editorial-review ul { width: 96%; padding: 0 2% 0 6%; overflow: hidden; margin: 0 0 20px 6%;}
.editorial-review ol li { list-style: none; clear: both; margin: 0 0 10px; padding: 0 2%; overflow:hidden;} 
.editorial-review ul li { list-style: none; clear: both; margin: 0 0 10px; padding: 0 0 0 2%; width: 80%;}
.editorial-review ol li span { font-size: 14px; font-weight: bold; float: left; width: 154px;}
.editorial-review ol li .rating { float: left; width: auto; margin: 0;}
.editorial-review ol li .rating img { width: auto; margin:0;}
.editorial-review .list-bul li { list-style: disc outside;}
.editorial-review .list-num li { list-style: decimal outside;}

.articlePhotoCenter p { font-size: 13px; color: #666666;}
.editorial-review .articlePhotoCenter img { margin: 0 0 10px;}

.overall { width: 96%; padding: 10px 2% 10px; overflow:hidden;}
.overall img { width: auto; float: left;}
.overall p { float: left; font-size: 14px; font-weight: bold; padding: 5px 10px 0 10px;}

.map { padding: 0 2%; overflow:hidden; margin: 0 0 30px;}
.map .headline { border-bottom: 1px solid #e6e6e6; padding: 0 0 5px; margin: 0 0 10px;}

.sp-gallery { position: relative;}
.sp-gallery p.item-state { background: url(../img/Opacity/bg-opaBlue70.png) 0 0 repeat; width:52px; height: 30px; text-align: center; display: inline-block; top: 10px; right: 10px; color: #ffffff; font-size: 16px; font-family: Arial,Helvetica,sans-serif; padding: 8px 0 0; left:inherit; position: absolute; z-index: 1;}

/*share*/
.share { width:96%; padding: 20px 2%; overflow:hidden;}
.share li { float: left; margin: 0 10px 0 0;}
.share li a { width: 40px; height: 40px; text-indent: -9999px; background: url(../img/icon/property.svg) 0 0 no-repeat; display: inline-block;}
.share li:nth-child(1) a { background-position: -142px -494px;}
.share li:nth-child(2) a { background-position: -194px -494px;}
.share li:nth-child(3) a { background-position: -246px -494px;}
.share li:nth-child(4) a { background-position: -297px -494px;}

/*pagination*/
nav.pagination{padding: 25px 0; overflow: hidden; position: relative; min-height: 56px;}
nav.pagination .prev,nav.pagination .next{margin: 0 0 0 2%;width: 78px; height: 53px; border: 1px solid #ccc; display: inline-block; background: url(../img/icon/property.svg) no-repeat -59px -608px; float: left; }
nav.pagination .next {background-position: 3px -608px; float: right; margin: 0 2% 0 0;}
nav.pagination .prev span,nav.pagination .next span {display: block; text-indent: -9999px;}
nav.pagination .page {  position: absolute; left: 21%; width: 56%; text-align: center; color:#666; font-size: 16px; word-spacing: 10px;}
nav.pagination .page input[type='text']{width: 42px; height: 49px; padding: 0 5px; line-height: 14px;text-align: center;font-size: 16px; border: 1px solid #e9e9e9;}
nav.pagination .page span {color:#1f3a72; font-weight: bold;}
nav.pagination p.prev { background-position: -117px -608px; border: 1px solid #f3f3f3;}
nav.pagination p.next { background-position: -176px -608px; border: 1px solid #f3f3f3;}

/*contact*/
.contact { padding: 40px 2%; overflow: hidden; width: 96%; position: relative;}
.contact h2 span { clear: both; float: left; padding: 0; margin: 0 0 10px; font-size: 22px;}
.contact h2 span:last-child { margin: 0;}
.contact ul { padding: 0; width: 100%; overflow: hidden;}
.contact ul li { clear: both; width: 100%; overflow: hidden; margin: 0 0 10px;}
.contact ul li input[type='text'],
.contact ul li textarea { border: none; border: 1px solid #cccccc;}
.contact ul li input[type='text'] { width: 95%;}
.contact ul li textarea { width: 95%; height: 185px; padding: 2%;}
.contact ul li p { font-size: 18px;}
.contact ul li label { margin: 0 10px 10px 0; float: left; font-size: 16px; font-weight: bold; padding:0;}
.contact ul li label span { color: #cd0808;}
.contact ul li #validate_img { clear: both; float: left; margin: 15px 10px 0 0;}
.contact ul li #changimg { float: left; margin: 15px 0 0;}
.contact ul li:last-child { margin: 30px 0 0;}
.contact .btn a { width:100%;}
.contact a.close { background: url(../img/icon/property.svg) -25px -435px no-repeat; position: absolute; top: 10px; right: 2%; display: inline-block; height: 25px; width: 25px; text-indent: -9999px;}

/*error-message*/
.error-message { color: #cd0808; font-size:16px; font-weight: bold; display: inline-block; padding: 5px 0; float: left; clear:both;}
/*thankyou*/
.thankyou { text-align: center; vertical-align: middle; width: 90%; padding: 20% 0 0; margin: 0 auto;}
.thankyou h2 { font-size: 22px; font-weight: bold; width: 305px; margin: 0 auto 100px; text-align: left;}
.thankyou h2 span { display: block;}
.thankyou .btn a { width:100%;}

.not-found { overflow: hidden; font-weight:bold; padding: 20px 0 0;}
.not-found h1 { font-weight:bold;}
.not-found p { padding: 20px 5% 0; font-weight:bold;}
.not-found ol { padding: 10px 9% 0;}
.not-found ol li { padding: 0 0 10px; list-style: disc outside; font-weight:bold;}

/*Sponsor Link*/

.sponsorLink { width: 100%; padding: 0; margin: 0 0 25px;}
.sponsorLink .sp-carousel { width: 100%;}
.sponsorLink .sp-wrapper-outer { background: #e8e8e8; width: 96%; padding: 0 2% 15px;}
.sponsorLink .headline { padding: 10px 2%; margin: 0; border: none; background: #e8e8e8; }
.sponsorLink .sp-controls { padding: 0;}

/*news homepage*/
.highlight-news-hp { width: 100%; overflow:hidden;}
.highlight-news-hp a img { width: 100%; height: auto;}
.highlight-news-hp .detail { background: #1f7bbe; color:#ffffff; padding: 10px 2%; margin: 0 0 20px; width: 96%;}
.highlight-news-hp .detail h3 { font-size: 24px; line-height: 26px; margin: 0 0 5px;}
.highlight-news-hp .detail h3 a { color:#ffffff;}
.highlight-news-hp .detail p { margin: 0 0 5px;}
.highlight-news-hp .detail p.day-time { font-size: 12px; color: #999999; margin: 0;}

/*Video article old template*/
#news-content { width: 96%; padding: 0 2%;}
#news-content h1 { font-size: 40px; line-height: 42px; padding: 0 0 10px; border-bottom: 1px solid #eeeeee; margin: 0 0 10px;}
#news-content > ul { margin: 0 0 10px;}
#news-content p { font-family: charis_silregular; font-size: 16px; font-weight: normal; line-height: 18px;}
#news-content .vdo-embed { margin: 0 0 10px; text-align: center;} 
#news-content .vdo-embed a { display: inline-block; position: relative;}
#news-content .vdo-embed a:after { background: url(../img/bg/bg-playVdo_news.png) 0 0 no-repeat; content:""; width: 100%; position: absolute; bottom: 0; left: 0; height: 35px;}
#news-content .vdo-embed a img { width: 310px; height: auto;}
#news-content > p:last-child { text-align: center; margin: 0 0 10px; font-family: Arial ,Thonburi, Tahoma; font-weight: normal; font-size: 14px; padding: 10px 0;}
.video-embed { width: 100%; height: 0px; padding-bottom: 56.25%; position: relative;}
.video-embed > iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* contact seles slideshow */
#sp-carousel .slide-detail.contactSales { background: #f2f2f2;}
#sp-carousel .contactSales h3 { font-size: 16px; line-height: 18px; color: #333333;}
#sp-carousel .contactSales p a { color: #333333; font-weight: normal;}
#sp-carousel .contactSales p:last-child a { color: #213c70; font-weight: normal;}

@media only screen and (max-width: 320px)  {
	.slider a { height: 213px; width:320px;}	
	.slider a img { width: auto; height: 213px;}
	.slider a img.pano { width: 100%; height: auto;}
	.item-list li .figure,
	.highlight-list ul li .thumbnail,
	.highlight-list ul li .figure { width: 105px; height:70px;}
	.item-list li .figure img,
	.highlight-list ul li .thumbnail img,
	.highlight-list ul li .figure img { width: auto; height: 70px;}
	.item-list li .figure img.pano,
	.highlight-list ul li .thumbnail img.pano,
	.highlight-list ul li .figure img.pano { width: 100%; height: auto;}
	.recent-article ul li .thumbnail { width: 105px; height: 70px;}
	.searchList img  { width: 105px; height: 70px;}
	.normal-slide .slider a { width:100%; height: auto; }	
	.normal-slide .slider a img { width:100%; height: auto;}
	.normal-slide .slider a img.pano { width: 100%; height: auto;}
}

@media only screen and (min-width: 321px) and (max-width: 375px)  {	
	.slider a { height: 250px; width: 375px;}	
	.slider a img { width: auto; height: 250px;}
	.slider a img.pano { width: 100%; height: auto;}
	.item-list li .figure,
	.highlight-list ul li .thumbnail,
	.highlight-list ul li .figure { width: 120px; height:80px;}
	.item-list li .figure img,
	.highlight-list ul li .thumbnail img,
	.highlight-list ul li .figure img { width: auto; height: 80px;}
	.item-list li .figure img.pano,
	.highlight-list ul li .thumbnail img.pano,
	.highlight-list ul li .figure img.pano { width: 100%; height: auto;}
	.recent-article ul li .thumbnail { width: 120px; height: 80px;}
	.searchList img  { width: 120px; height: 80px;}
	.normal-slide .slider a { width:100%; height: auto; }	
	.normal-slide .slider a img { width:100%; height: auto;}
	.normal-slide .slider a img.pano { width: 100%; height: auto;}
}

@media only screen and (min-width: 376px) and (max-width: 425px)  {	
	.slider a { width: 425px; height: 283px;}
	.slider a img { width: auto; height: 283px;}
	.slider a img.pano { width: 100%; height: auto;}
	.item-list li .figure,
	.highlight-list ul li .thumbnail,
	.highlight-list ul li .figure { width: 135px; height:90px;}
	.item-list li .figure img,
	.highlight-list ul li .thumbnail img,
	.highlight-list ul li .figure img { width: auto; height: 90px;}
	.item-list li .figure img.pano,
	.highlight-list ul li .thumbnail img.pano,
	.highlight-list ul li .figure img.pano { width: 100%; height: auto;}
	.recent-article ul li .thumbnail { width: 135px; height: 90px;}
	.searchList img  { width: 135px; height: 90px;}
	.normal-slide .slider a { width:100%; height: auto; }	
	.normal-slide .slider a img { width:100%; height: auto;}
	.normal-slide .slider a img.pano { width: 100%; height: auto;}
}

@media only screen and (min-width: 426px) and (max-width: 573px)  {	
	.highlight-list ul li .detail { width: auto;}


}

/*Medium screen > 660px*/
@media only screen and (min-width: 660px)  {	
	
	/*pagination*/
	nav.pagination .prev,nav.pagination .next{margin: 0;}
	nav.pagination .page{left: 22%;}
	
	
}

/*ads4*/
.ads-sponser {overflow: hidden; background: #e8e8e8; padding: 0 2% 0 0; width: 98%;}
.ads-sponser h3 {font-size: 18px; line-height: 20px; font-family: charis_silbold; font-weight: normal;}
.ads-sponser h3 a { color: #213c70; text-decoration: none;}
.ads-sponser h3 a:hover { text-decoration: underline;}
.ads-sponser h3 span { background: url("../img/icon-allicon.gif") no-repeat scroll 0 3px; display: inline-block; margin: 0 5px 0 0; text-indent: -9999px; width: 18px; height: 15px;}
.ads-sponser p { margin-bottom: 5px; color: #999999; font-size:12px;}
.ads-sponser p a {color: rgb(54,54,54); width:100%;}

.ads-sponser p.thumbnail-left {float: left; margin: 0 10px 15px 0;}
.ads-sponser p.thumbnail-left a { width: 210px; height: 140px; background: #e9e9e9; display: table-cell; vertical-align: middle;}
.ads-sponser p.thumbnail-left img {float: left; width:100%;}

.ads-sponser .header{ color: rgb(33,60,112)!important;}
.ads-sponser .header a{color: rgb(33,60,112); text-decoration:none;}
.ads-sponser .header a:hover{text-decoration:underline;}

@media only screen and (max-width: 320px)  {
	.ads-sponser p.thumbnail-left a { width: 105px; height:70px;}
	.ads-sponser p.thumbnail-left img { width: auto; height: 70px;}
	.highlight-list ul li.vdo p a.thumbnail span { background: url(../img/bg/play.png) 0 0 no-repeat; height: 16px; padding: 0 1%; font-size: 11px;}
	.recent-article ul li .thumbnail span { background: url(../img/bg/play.png) 0 0 no-repeat; height: 16px; padding: 0 1%; font-size: 11px;}
	#news-content .vdo-embed a img { width: 151px; height: auto;}
}

@media only screen and (min-width: 321px) and (max-width: 375px)  {	
	.ads-sponser p.thumbnail-left a { width: 120px; height:80px;}
	.ads-sponser p.thumbnail-left img { width: auto; height: 80px;}
	.highlight-list ul li.vdo p a.thumbnail span { background: url(../img/bg/play.png) 0 0 no-repeat; height: 16px; padding: 0 1%; font-size: 11px;}
	.recent-article ul li .thumbnail span { background: url(../img/bg/play.png) 0 0 no-repeat; height: 16px; padding: 0 1%; font-size: 11px;}
	#news-content .vdo-embed a img { width: 176px; height: auto;}
}

@media only screen and (min-width: 376px) and (max-width: 425px)  {	
	.ads-sponser p.thumbnail-left a { width: 135px; height:90px;}
	.ads-sponser p.thumbnail-left img { width: auto; height: 90px;}
	.highlight-list ul li.vdo p a.thumbnail span { background: url(../img/bg/play.png) 0 0 no-repeat; height: 16px; padding: 0 1%; font-size: 11px;}
	.recent-article ul li .thumbnail span { background: url(../img/bg/play.png) 0 0 no-repeat; height: 16px; padding: 0 1%; font-size: 11px;}
	#news-content .vdo-embed a img { width: 200px; height: auto;}
}