/** CARD INDEX STYLE
	--------------------------------
	- CARD FRAME
	- LEAD CARD
	- NORMAL CARD
	- CARD HOROSCOPE
	--------------------------------
*/


/** CARD FRAME
-------------------------------------------------------- */
	.card { width: 100%; height: auto; min-height: initial; background-color: transparent; position: relative; display: block; text-align: left; }

/** LEAD CARD
-------------------------------------------------------- */
	.leadcard .card .imgthumb.rat16x9 {  } /*max-height: 422.45px;*/
	.leadcard .card .imgthumb .is_vdo { position: absolute; width: 100%; height: 100%; top: 0%; padding-top: 20%; font-size: 50px; color: #fff; /*background: rgba(0,0,0,0.5); padding: 6px 20px 4px 30px; border-radius: 50px; border: 3px solid #fff; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.35);*/ }
	.leadcard .card .imgthumb .is_vdo img { width: 80px; height: 80px; }
	.leadcard .card .title { height: auto; max-height: 49px; overflow: hidden; margin: 10px 0px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 36px; letter-spacing: 1px; line-height: 1.4; text-align: left; color: #333; }

/** DEFAULT CARD
-------------------------------------------------------- */
	.card  { min-height: 300px; }
	.card .imgthumb { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; border: 0; background: #000; }
	.card .imgthumb a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.card .imgthumb.rat16x9 { padding-bottom: 56.25%; }
	.card .imgthumb.rat4x3 { padding-bottom: 75%; }
	.card .imgthumb.rat1x1 { padding-bottom: 100%; }

	.card .imgthumb img { width: 100%; height: auto; }
	.card .imgthumb a img { text-decoration: none; outline: none; }
	.card .imgthumb .is_vdo { position: absolute; width: 100%; height: 100%; top: 0%; padding-top: 20%; text-align: center; font-size: 20px; color: #fff; /*background: rgba(0,0,0,0.5); padding: 9px 11px 8px 14px; border-radius: 50px; border: 2px solid #fff; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.35);*/ }
	.card .imgthumb .is_vdo img { position: relative; width: 50px; height: 50px; margin: auto; }
	.card .imgthumb .frame_hover { position: absolute; width: 100%; height: 100%; display: none; background-color: rgba(0,0,0,0.5); padding-top: 10px; transition: all 0.5s ease; }
	.card .imgthumb .frame_hover.hover { display: block; top: 0; }
	.card .imgthumb .frame_hover .social-share {  }
	.card .imgthumb .frame_hover .social-share ul { list-style: none; margin-left: 15px; }
	.card .imgthumb .frame_hover .social-share ul li { float: left; padding: 0 20px 0 0; }
	.card .imgthumb .frame_hover .social-share ul li a { position: relative; text-decoration: none; outline: none; }
	.card .imgthumb .frame_hover .social-share ul li a i { font-size: 30px; }
	.card .imgthumb .frame_hover .social-share ul li:first-child { padding-left: 0px; }
	.card .imgthumb .frame_hover .title { height: 45px; font-size: 22px; }
	.card .imgthumb .frame_hover .date { height: auto; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 22px; }
	.card .head .date { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; letter-spacing: 1px; color: #666; padding-top: 24px; }
	.card .head .cate { position: relative; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; }
	.card .head .cate span { position: relative; float: right; padding: 10px 15px; font-size: 11px; letter-spacing: 1px; line-height: 1.5; }
	.card .note-advertorial { margin-bottom: 0px; margin-top: 19px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }
	.card .title { max-height: 55px; overflow: hidden; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 20px; text-align: left; letter-spacing: 1px; line-height: 1.4; color: #333; margin: 10px 0px; margin-top: 15px; }
	.card .title a { color: #333; text-align: left; text-decoration: none; outline: none; letter-spacing: 1px; line-height: 1.4; }
	.card .description { max-height: 49px; overflow: hidden; margin-bottom: 15px; font-family: 'Tahoma','Arial','sans-serif'; font-size: 12px; letter-spacing: 0.5px; line-height: 1.4; color: #999;  }
	.card .view { position: relative; }
	.card .view ul { list-style: none; }
	.card .view ul li { float: left; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 11px; letter-spacing: 1px; color: #666; border: none; padding: 0px !important; }
	.card .view ul li:first-child:before { content: ""; padding-left: 0px; display: none; }
	.card .view ul li:before { content: "l"; padding: 0px 5px; }
	.card .view ul li.web { position: relative; top: -4px; }
	.card .view ul li.web i, .card .view ul li.share i { position: relative; bottom: -2px; font-size: 16px; padding: 0px; margin-right: 5px; }
	.card .view ul li.web i:before {}
	.card .view ul li.web i { font-size: 21px !important; bottom: -4px; }
	.card .view ul li.share i {}

	.card-news { min-height: 350px; margin-bottom: 30px; }
	.card-news.description { min-height: 400px; margin-bottom: 30px; } /* note : base min-height=350px but when tag have 2 lines & have advertorial line come in just to provide spacing for that. */


/** CARD HOROSCOPE
-------------------------------------------------------- */
	.card-horoscope { position: relative; display: block; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; }

	.card-horoscope .date { position: relative; display: block; padding: 10px 0px; z-index: 1; } /*padding: 5px 0px; // แก้จากหน้าจอพี่ต่อ */
	.card-horoscope .date span { display: block; color: #fff; text-align: center; line-height: 1; }
	.card-horoscope .date .day_of_week { display: block; max-height: 16px; font-size: 16px; }
	.card-horoscope .date .day_number { display: block; max-height: 40px; font-size: 40px; } /*margin-top: 5px;*/
	.card-horoscope .date .month { display: block; max-height: 12px; margin-top: 2px; font-size: 12px; }

	.card-horoscope .title { padding-top: 20px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 25px; line-height: 1; letter-spacing: 0.5px; color: #000; } /*line-height: 1.4; z-index: 1;*/
	.card-horoscope .title span { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 54px; }

	.card-horoscope .content { display: block; background-color: #fff; margin-top: 0px; padding: 10px; }
	.card-horoscope .content { margin-top: -40px; padding-top: 30px; }
	.card-horoscope .content .description { padding-top: 90px; margin-top: -45px; margin-bottom: 50px; font-size: 20px; line-height: 1.4; letter-spacing: 1px; text-align: center; word-wrap: break-word; } /*padding-top:80px; margin-top:70px; margin-top:-65px;*/
	.card-horoscope .content .description span { font-size: 20px; }
	.card-horoscope .content .readmore { position: relative; text-align: center; }
	.card-horoscope .content .readmore a { text-decoration: none; outline: none; }
	.card-horoscope .content .readmore span { position: relative; width: auto; margin: auto; border: 2px solid; padding: 5px 15px; font-size: 14px; }

	/* option change color from date_of_week */
	.card-horoscope.mon .date { background-color: #fcc400; }
	.card-horoscope.tue .date { background-color: #ff0090; }
	.card-horoscope.wed .date { background-color: #4ad200; }
	.card-horoscope.thu .date { background-color: #ff7800; }
	.card-horoscope.fri .date { background-color: #00d2ff; }
	.card-horoscope.sat .date { background-color: #b805f3; }
	.card-horoscope.sun .date { background-color: #ff4545; }
	.card-horoscope.mon .content .description a { color: #fcc400; text-decoration: none; }
	.card-horoscope.tue .content .description a { color: #ff0090; text-decoration: none; }
	.card-horoscope.wed .content .description a { color: #4ad200; text-decoration: none; }
	.card-horoscope.thu .content .description a { color: #ff7800; text-decoration: none; }
	.card-horoscope.fri .content .description a { color: #00d2ff; text-decoration: none; }
	.card-horoscope.sat .content .description a { color: #b805f3; text-decoration: none; }
	.card-horoscope.sun .content .description a { color: #ff4545; text-decoration: none; }
	.card-horoscope.mon .content .readmore span { color: #fcc400; border-color: #fcc400; }
	.card-horoscope.tue .content .readmore span { color: #ff0090; border-color: #ff0090; }
	.card-horoscope.wed .content .readmore span { color: #4ad200; border-color: #4ad200; }
	.card-horoscope.thu .content .readmore span { color: #ff7800; border-color: #ff7800; }
	.card-horoscope.fri .content .readmore span { color: #00d2ff; border-color: #00d2ff; }
	.card-horoscope.sat .content .readmore span { color: #b805f3; border-color: #b805f3; }
	.card-horoscope.sun .content .readmore span { color: #ff4545; border-color: #ff4545; }
	.card-horoscope.mon .content .readmore span:hover { color: #fff; background-color: #fcc400; transition: all 0.5s ease; }
	.card-horoscope.tue .content .readmore span:hover { color: #fff; background-color: #ff0090; transition: all 0.5s ease; }
	.card-horoscope.wed .content .readmore span:hover { color: #fff; background-color: #4ad200; transition: all 0.5s ease; }
	.card-horoscope.thu .content .readmore span:hover { color: #fff; background-color: #ff7800; transition: all 0.5s ease; }
	.card-horoscope.fri .content .readmore span:hover { color: #fff; background-color: #00d2ff; transition: all 0.5s ease; }
	.card-horoscope.sat .content .readmore span:hover { color: #fff; background-color: #b805f3; transition: all 0.5s ease; }
	.card-horoscope.sun .content .readmore span:hover { color: #fff; background-color: #ff4545; transition: all 0.5s ease; }

/** CARD COLUMNIST
-------------------------------------------------------- */
	.card-columnist { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; color: #fff; }
	.card-columnist a { outline: none; text-decoration: none; }
	.card-columnist .imgthumb {}
	.card-columnist .head { position: relative; }
	.card-columnist .head .profile { margin-top: 38px; }
	.card-columnist .head .profile a { letter-spacing: 1px; line-height: 0.85px; }
	.card-columnist .head .profile .img { float: left; padding-right: 0px; margin-right: 10px; }
	.card-columnist .head .profile .img a { display: block; width: 100%; overflow: hidden; border: 3px solid #ebebeb; }
	.card-columnist .head .profile .img a img { width: 100%; height: auto; }
	.card-columnist .head .profile .img .img-circle{ width:50px; height: 50px; display: inline-block;}
	.card-columnist .head .profile .columnist-profile-right { float: left; }
	.card-columnist .head .profile .name { margin-top: 5px; max-height: 32px; overflow: hidden; }
	.card-columnist .head .profile .name a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 14px; text-decoration: none; outline: none; color: #fff; }
	.card-columnist .head .profile .name a:hover { color: #fff; }
	.card-columnist .head .profile .tag { margin-top: 5px; }
	.card-columnist .head .profile .tag a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; font-style: italic; text-decoration: none; outline: none; }
	.card-columnist .head .cate { position: absolute; top: 0; right: 1px; }
	.card-columnist .head .cate span { right: -1px; font-weight: 500; }
	.card-columnist .head .cate span a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 16px; text-decoration: none; outline: none; }
	.card-columnist .note-advertorial { margin: 0px; margin-top: 15px;}
	.card-columnist .date { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; text-decoration: none; outline: none; color: #999; }
	.card-columnist .title { font-weight: 500; }
	.card-columnist .title a { color: #fff; }
	.card-columnist .caption { height: 50px; overflow: hidden; margin-bottom: 30px; letter-spacing: 0.5px; }
	.card-columnist .caption a { font-size: 12px; letter-spacing: 0.5px; line-height: 1.4; }
	.card-columnist .view {  }
	.card-columnist .view ul li { color: #fff; }

	.card-columnist-profile { position: relative; height: 350px; margin-bottom: 30px; overflow: hidden; }
	.card-columnist-profile a { outline: none; text-decoration: none; }
	.card-columnist-profile .imgthumb {}
	.card-columnist-profile .imgthumb img {}
	.card-columnist-profile .desc { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; position: absolute; width: 90%; height: 100%; top: 275px; left: 5%; background: rgba(60,288,92,0.9); text-align: center; }
	.card-columnist-profile .desc.hover { top: 15px !important; transition: all 0.5s ease; }
	.card-columnist-profile .desc .author { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 20px; letter-spacing: 1px; line-height: 1.8; color: #333; margin-top: 15px; }
	.card-columnist-profile .desc h3.author::after { display: block; position: relative; width: 10%; height: 2px; margin: 0px auto; margin-top: 15px; margin-bottom: 15px; border-bottom: 2px solid #fff; content: ''; }
	.card-columnist-profile .desc .caption { font-size: 13px; color: #333; letter-spacing: 1px; line-height: 1.5; padding: 0px 15px; }
	.card-columnist-profile-ads { padding-top: 30px; min-height: 350px; margin-bottom: 30px; }

	.card-columnist.caption { min-height: 520px; }
	.card-columnist.caption .head .cate { position: absolute; top: 0; right: 1px; }
	.card-columnist.caption .head .cate span {}
	.card-columnist.caption .head .cate span a { font-size: 11px; font-weight: 500; }
	.card-columnist.caption.ads { margin-top: 0px; }
	.card-columnist.caption .title { font-weight: 600; }
	.card-columnist.caption .head .profile .name a { font-weight: 600; }

	.card-columnist.mostview { min-height: 400px; }
	.card-columnist.mostview .head .profile .name a { color: #333; }
	.card-columnist.mostview .head .cate { position: absolute; top: 0; right: 1px; }
	.card-columnist.caption .head .cate span a { font-weight: 500; }
	.card-columnist.mostview .head .profile .tag a, .card-columnist.mostview .head .profile .tag a:hover { color: #3ce45c; }
	.card-columnist.mostview .title a { color: #333; }
	.card-columnist.mostview .view ul li { color: #333; }
	.card-columnist.mostview .title { font-weight: 600; }
	.card-columnist.mostview .head .profile .name a { font-weight: 600; }


/** CARD TV PROGRAM
-------------------------------------------------------- */
	.card-tv-program { color: #fff; }
	.card-tv-program .imgthumb {}
	.card-tv-program .head { position: relative; z-index: 1; }
	.card-tv-program .head .profile { margin-top: 0px; }
	.card-tv-program .head .profile a { letter-spacing: 1px; line-height: 0.85px; }
	.card-tv-program .head .profile .img {}
	.card-tv-program .head .profile .img a { display: block; width: 100%; overflow: hidden; }
	.card-tv-program .head .profile .img a img { width: 100%; height: auto; }
	.card-tv-program .head .profile .name { max-height: 28px; overflow: hidden; padding-left: 0; margin-top: 11px; max-height: 28px; line-height: 1.4; }
	.card-tv-program .head .profile .name p { padding-top: 10px; }
	.card-tv-program .head .profile .name a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 14px; text-decoration: none; outline: none; }
	.card-tv-program .head .profile .time { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; font-style: italic; text-decoration: none; outline: none; margin-top: 5px; }
	.card-tv-program .head .cate span a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 16px; text-decoration: none; outline: none; }
	.card-tv-program .note-advertorial { margin: 0px; margin-top: 15px;}
	.card-tv-program .date { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; text-decoration: none; outline: none; color: #999; }
	.card-tv-program .driven { position: relative; top: -13px; }
	.card-tv-program .title { font-weight: 500; }
	.card-tv-program .title a { color: #fff; }
	.card-tv-program .view {  }
	.card-tv-program .view ul li { color: #fff; }
	.card-tv-program .imgthumb .is_vdo { padding-top: 23%; }

	.card-tv-program-nothumb { margin-bottom: 30px; color: #fff; }
	.card-tv-program-nothumb .imgthumb {}
	.card-tv-program-nothumb .imgthumb .is_vdo {} /*left: 45%;*/
	.card-tv-program-nothumb .head {}
	.card-tv-program-nothumb .head .profile { margin-top: 0px; }
	.card-tv-program-nothumb .head .profile a { letter-spacing: 1px; line-height: 0.85px; }
	.card-tv-program-nothumb .head .profile .img {}
	.card-tv-program-nothumb .head .profile .img a { display: block; width: 100%; overflow: hidden; }
	.card-tv-program-nothumb .head .profile .img a img { width: 100%; height: auto; }
	.card-tv-program-nothumb .head .profile .name { margin-top: 10px; max-height: 32px; overflow: hidden; }
	.card-tv-program-nothumb .head .profile .name a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 20px; text-decoration: none; outline: none; }
	.card-tv-program-nothumb .head .profile .time { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; font-style: italic; text-decoration: none; outline: none; margin-top: 5px; }
	.card-tv-program-nothumb .head .cate span a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 16px; text-decoration: none; outline: none; }
	.card-tv-program-nothumb .note-advertorial { margin: 0px; margin-top: 15px;}
	.card-tv-program-nothumb .date { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; text-decoration: none; outline: none; color: #999; }
	.card-tv-program-nothumb .driven { margin: 0px; margin-top: -5px; }
	.card-tv-program-nothumb .title { margin-top: 15px; line-height: 1; max-height: 50px; overflow: hidden; }
	.card-tv-program-nothumb .title a {}
	.card-tv-program-nothumb .caption { margin-top: 15px; height: 36px; overflow: hidden; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; color: #666; letter-spacing: 1px; line-height: 1.5; max-height: 50px; overflow: hidden; }
	.card-tv-program-nothumb .onair { margin-top: 15px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; font-style: italic; color: #417dff; letter-spacing: 1px; line-height: 1.5;  }
	.card-tv-program-nothumb .view {}
	.card-tv-program-nothumb .view ul li {}

	.card-tv-program-webview { height: 350px; }
	.card-tv-program-webview .imgthumb {}
	.card-tv-program-webview .imgthumb .social-share ul li { border: none; }
	.card-tv-program-webview .date { margin-top: 15px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-size: 14px; color: #999; letter-spacing: 1px; }
	.card-tv-program-webview .title { margin-top: 10px; }
	.card-tv-program-webview .view {}
	.card-tv-program-webview .view li.web, .card-tv-program-webview .view li.share { border: none; margin-bottom: 0px; }
	.card-tv-program-webview .view .web {}
	.card-tv-program-webview .view .share {}

	.card-horizontal { min-height: 70px; }

	.card-horizontal-schedule { position: relative; min-height: initial; margin-bottom: 30px; letter-spacing: 1px; line-height: 1; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; }
	.card-horizontal-schedule .highlight { position: absolute; bottom: 0; left: 0; width: 180px; height: 20px; background: url('../images-v4/pattern_dot_blue.png'); }
	.card-horizontal-schedule.onair .highlight { width: 100%; height: 105px; }
	.card-horizontal-schedule.onair .content { border: none; }
	.card-horizontal-schedule .time { position: relative; top: -5px; }
	.card-horizontal-schedule .time span { display: block; color: #274b99; }
	.card-horizontal-schedule .time .start { font-size: 40px; }
	.card-horizontal-schedule .time .end { margin-top: 10px; font-size: 20px; }
	.card-horizontal-schedule .content { height: 115px; border-bottom: 1px solid #cdcdcd; padding-bottom: 15px; }
	.card-horizontal-schedule .content .title { max-height: 70px; margin-top: 35px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 40px; }
	.card-horizontal-schedule .content .title span { position: absolute; top: 0px; left: 0; display: block; margin-bottom: 10px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; color: #417dff; }
	.card-horizontal-schedule .link { position: relative; margin-top: 35px; }
	.card-horizontal-schedule .link a { position: absolute; top: 0; right: 0; }
	.card-horizontal-schedule .link a span { display: block; padding: 10px 24px; border: 2px solid #274b99; background: transparent; color: #274b99; }
	.card-horizontal-schedule .link a span:hover { background: #274b99; color: #fff; transition: all 0.5s ease; }
	.card-horizontal-schedule .link a span.disable, .card-horizontal-schedule .link a span.disable:hover { border: 2px solid #cdcdcd; background: transparent; color: #cdcdcd; }
	.card-horizontal-schedule .link a span.btn-live { padding: 4px 62px 8px 62px; border-color: #ff4545; background: #ff4545; color: #fff; }
	.card-horizontal-schedule .link a span.btn-live:hover { padding: 2px 62px 8px 62px; border-color: #fff; background: #fff; color: #ff4545; transition: all 0.5s ease; }
	.card-horizontal-schedule .link a span.btn-live i { font-size: 24px; }
	.card-horizontal-schedule .link a span.btn-live i { position: relative; top: 3px; }

/** CARD OTV MUSIC
-------------------------------------------------------- */
	.card-otv-music { min-height: 250px; color: #fff; }
	.card-otv-music .imgthumb {}
	.card-otv-music .note-advertorial { margin: 0px; margin-top: 15px;}
	.card-otv-music .date { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; text-decoration: none; outline: none; color: rgba(255, 255, 255, 0.5); }
	.card-otv-music .title { line-height: 1; max-height: 50px; overflow: hidden; }
	.card-otv-music .title a { color: #fff; }
	.card-otv-music .view {  }
	.card-otv-music .view ul li { color: #fff; }


/** SOCIAL CONTACT
-------------------------------------------------------- */
	.card-social-contact { position: relative; }
	.card-social-contact .section-header { padding-top: 0px; margin-top: -20px; }
	.card-social-contact .section-header h1 { width: 220px; height: 170px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 30px; color: #fff; text-align: left; text-transform: uppercase; letter-spacing: 1px; padding: 20px; margin: -15px; margin-top: 0px; }
	.card-social-contact .section-header h1 span { display: block; margin-top: 20px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255, 255, 255, 0.5); }
	.card-social-contact .section-content { position: relative; width: 100%; min-height: 600px; margin-top: -70px; padding: 0; text-align: center; }

	.card-social-contact.nation { position: relative; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; letter-spacing: 1px; line-height: 1.4; text-align: center; }
	.card-social-contact.nation .title { margin-top: 40px; font-size: 50px; color: #2bbc00; text-align: center; }
	.card-social-contact.nation .description { margin-top: 15px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 20px; color: #333; }
	.card-social-contact.nation .description span { font-size: 12px; color: #999; }
	.card-social-contact.nation .qrcode { text-align: center; }
	.card-social-contact.nation .qrcode img { margin: auto; }
	.card-social-contact.nation .qrcode img {
		width: 140px;
		height: initial;
	}
	.card-social-contact.nation .com-name { margin-top: 15px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 14px; color: #333; }
	.card-social-contact.nation .com-address { margin-top: 15px; font-size: 12px; color: #666; line-height: 1.5; }
	.card-social-contact.nation .contact { margin-top: 20px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 20px; }
	/*.card-social-contact.nation .contact span { display: block; margin-top: -5px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 40px; color: #274b99; }*/
	.card-social-contact.nation .contact span { display: block; margin-top: -5px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 500; font-size: 25px; color: #274b99; }
	.card-social-contact.nation .contact span {
		margin-top: 0px;
		font-size: 20px;
	}

/** UPDATED NEWS
-------------------------------------------------------- */
	.card-update-news { min-height: 320px; }
	.card-update-news .head {}
	.card-update-news .head .cate {}
	.card-update-news .head .cate span { float: left; }
	.card-update-news .head .viewmore { margin-top: 6px; }
	.card-update-news .head .viewmore span { color: #417dff; float: right; display: block; border: 2px solid #417dff; padding: 5px 15px; }
	.card-update-news .head .viewmore span:hover { background: #417dff; border: 2px solid #417dff; color: #fff; transition: all 0.5s ease; }
	.card-update-news .head .viewmore span a { text-decoration: none; outline: none; }
	.card-update-news .head .viewmore span i { font-size: 14px; }
	.card-update-news .imgthumb {}
	.card-update-news .imgthumb .social-share ul li { width: auto; float: left; border: none; }
	.card-update-news .date { padding-top: 19px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; letter-spacing: 1px; line-height: 1; color: #666;  }
	.card-update-news .title {}
	.card-update-news .view {}
	.card-update-news .view li {}
	.card-update-news .view li.web, .card-update-news .view li.share { border: none; margin-bottom: 0px; }
	.card-update-news .view .web {}
	.card-update-news .view .share {}

/** CARD HOT CLOP
-------------------------------------------------------- */
	.card-hot-clip { min-height: initial; }
	.card-hot-clip .imgthumb {}
	.card-hot-clip .imgthumb .is_vdo {}
	.card-hot-clip .imgthumb .framehover {}
	.card-hot-clip .head {}
	.card-hot-clip .head .date {}
	.card-hot-clip .title {}
	.card-hot-clip .view {}
	.card-hot-clip .view ul {}
	.card-hot-clip .view ul li {}
	.card-hot-clip .view ul li.web {}
	.card-hot-clip .view ul li.share {}

/** CARD INFORMATION
-------------------------------------------------------- */
	.card-information { min-height: 270px; background: #fff; }
	.card-information .imgthumb {}
	.card-information .imgthumb .is_vdo {}
	.card-information .imgthumb .framehover {}
	.card-information .head {}
	.card-information .head .date {}
	.card-information .title {}
	.card-information .view {}
	.card-information .view ul {}
	.card-information .view ul li {}
	.card-information .view ul li.web {}
	.card-information .view ul li.share {}

/** CARD PHOTO GALLERY
-------------------------------------------------------- */
	.card-photo-gallery { min-height: initial; border: 1px solid #fff; }
	.card-photo-gallery a { outline: none; text-decoration: none; }
	.card-photo-gallery .imgthumb {}
	.card-photo-gallery .imgthumb a { position: relative; }
	.card-photo-gallery .imgthumb a img { width: 110%; height: auto; margin-left: -5%; }
	.card-photo-gallery .imgthumb.rat1x1 img { width: 200%; height: auto; margin-left: -50%; }
	.card-photo-gallery .imgthumb .content { position: absolute; bottom: 0; left: 0; margin: 15px; }
	.card-photo-gallery .imgthumb .content .date { font-size: 12px; color: #999; }
	.card-photo-gallery .imgthumb .content .title { height: auto; max-height: 60px; font-weight: 500; letter-spacing: 1px; line-height: 1.4; color: #fff; }
	.card-photo-gallery .imgthumb .content .view { color: #fff; }
	.card-photo-gallery .imgthumb .content .view ul {}
	.card-photo-gallery .imgthumb .content .view ul li {}
	.card-photo-gallery .imgthumb .content .view ul li.web { color: #fff; }
	.card-photo-gallery .imgthumb .content .view ul li.share { color: #fff; }

/** CARD SITEMAP
-------------------------------------------------------- */
	.card-sitemap { position: relative; display: block; margin-bottom: 30px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; letter-spacing: 1px; line-height: 1; background: #fff; }
	.card-sitemap a { outline: none; text-decoration: none; }
	.card-sitemap .header { background: #274b99; padding: 15px; }
	.card-sitemap .header h1 { font-size: 30px; color: #fff; }
	.card-sitemap .header a { position: absolute; top: 0; right: 0; }
	.card-sitemap .header a span { position: relative; top: 8px; right: 0; border: 2px solid #417dff; padding: 4px 15px; background: #fff; font-size: 14px; color: #417dff; }
	.card-sitemap .header a span:hover { background: #417dff; color: #fff; transition: all 0.5s ease; }
	.card-sitemap .header a span i { font-size: 14px; }
	.card-sitemap .content { position: relative; }
	.card-sitemap .content a:hover { color: #417dff; transition: all 0.5s ease; }
	.card-sitemap .content ul {}
	.card-sitemap .content ul li { padding: 10px 15px; }
	.card-sitemap .content ul li a { font-size: 18px; color: #333; }
	.card-sitemap .content ul.parent li {}
	.card-sitemap .content ul.parent li:after { width:100%; overflow: hidden; display: block; margin:0; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size:16px; color:#417dff; letter-spacing: 5.5px; content:'..................................................................................................................................................................'; }
	.card-sitemap .content ul.parent li:first-child { padding-top: 20px; }
	.card-sitemap .content ul.parent li:last-child:after { content: ""; }
	.card-sitemap .content ul.parent li a {}
	.card-sitemap .content ul.child li:after { content: ""; }
	.card-sitemap .content ul.child li:first-child { padding-top: 20px; }
	.card-sitemap .content ul.child li a { padding-left: 20px; font-size: 14px; }

/** CARD RSS
-------------------------------------------------------- */
	.card-rss { position: relative; display: block; clear: both; min-height: 65px; padding: 0; margin-bottom: 15px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; letter-spacing: 1px; line-height: 1; }
	.card-rss .cate { padding: 25px 15px 25px 25px; background: #417dff; color: #fff; }
	.card-rss .link { padding: 20px 15px; background: #fff; }
	.card-rss .link a { color: #333; word-wrap: break-word; line-height: normal; }
}

/** CARD HORIZONTAL
-------------------------------------------------------- */
	.card-horizontal { min-height: 70px; }
	.card-horizontal a { text-decoration: none; outline: none; }
	.card-horizontal .imgthumb { width: 100%; height: auto; }
	.card-horizontal .imgthumb a img { width: 180%; margin-left: -35%; }
	.card-horizontal .title { max-height: 65px; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 600; font-size: 16px; margin: 0px; letter-spacing: 1px; line-height: 1.4; }

/** CARD SERVICE
-------------------------------------------------------- */
	.card-service { position: relative; display: block; clear: both; min-height: 0; padding: 0; margin-bottom: 15px; background: #fff; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; letter-spacing: 1px; line-height: 1; }
	.card-service .viewmore { position: absolute; top: 0; right: 0; z-index: 1; }
	.card-service .viewmore a { position: relative; }
	.card-service .viewmore a span { position: relative; float: right; padding: 5px 15px; background: #fff; border: 2px solid #417dff; font-size: 14px; color: #417dff; }
	.card-service .viewmore a span:hover { background: #417dff; color: #fff; transition: all 0.5s ease; }
	.card-service .img { padding: 20px 0px; text-align: center; }
	.card-service .content { position: relative; clear: both; padding: 20px; margin: 0; text-align: left; }
	.card-service .content h3 { font-size: 24px;  font-weight: 600; text-transform: uppercase; color: #274b99 }
	.card-service .content .caption { margin-top: 15px; font-size: 14px; letter-spacing: 1px; line-height: 1.4; }

/** CARD HORIZONTAL RELATED
-------------------------------------------------------- */
	.card-horizontal-related { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; min-height: initial; padding: 20px; padding-bottom: 13px; }
	.card-horizontal-related .imgthumb {}
	.card-horizontal-related .date { font-size: 12px; color: #666; padding-left: 10px; }
	.card-horizontal-related .title {  padding-left: 10px; min-height: initial; height: auto; font-size: 20px; letter-spacing: 1px; line-height: 1.4; }
	.card-horizontal-related .view {  padding-left: 10px; height: 20px; }
	.card-horizontal-related .view ul {}
	.card-horizontal-related .view ul li { margin-bottom: 0px; }
	.card-horizontal-related .view ul li.web { margin-bottom: 0px !important; }
	.card-horizontal-related .view ul li.share { margin-bottom: 0px !important; }

	.card-horizontal.search { position: relative; font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; }
	.card-horizontal.search a { outline: none; text-decoration: none; }
	.card-horizontal.search .imgthumb {}
	.card-horizontal.search .date { min-height: 20px; margin-top: 10px; margin-bottom: 10px; font-size: 12px; color: #666; letter-spacing: 1px; line-height: 1; }
	.card-horizontal.search .title { font-size: 20px; color: #333; letter-spacing: 1px; line-height: 1; }
	.card-horizontal.search .view {}
	.card-horizontal.search .view ul {}
	.card-horizontal.search .view ul li {}
	.card-horizontal.search .view ul li.web {}
	.card-horizontal.search .view ul li.share {}

	.card-horizontal-related.columnist {}
	.card-horizontal-related.columnist .imgthumb {}
	.card-horizontal-related.columnist .imgthumb a img { margin: 0px; }
	.card-horizontal-related.columnist .date {}
	.card-horizontal-related.columnist .title {}
	.card-horizontal-related.columnist .title a {}
	.card-horizontal-related.columnist .profile {}
	.card-horizontal-related.columnist .profile a { letter-spacing: 1px; line-height: 0.85px; }
	.card-horizontal-related.columnist .profile .img { width: 60px; float: left; margin-left: -5px; padding-right: 0px; }
	.card-horizontal-related.columnist .profile .img a { display: block; width: 100%; overflow: hidden; }
	.card-horizontal-related.columnist .profile .img a img { width: 50px; height: auto; margin: 0px; border-radius: 50%; border: 3px solid #ebebeb; }
	.card-horizontal-related.columnist .profile .img .img-circle{ width: 100%; display: inline-block; }
	.card-horizontal-related.columnist .profile .bio { float: left; }
	.card-horizontal-related.columnist .profile .bio .name { margin-top: 5px; max-height: 32px; overflow: hidden; }
	.card-horizontal-related.columnist .profile .bio .name a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 500; font-size: 16px; text-decoration: none; outline: none; color: #333; }
	.card-horizontal-related.columnist .profile .bio .name a:hover { color: #333; }
	.card-horizontal-related.columnist .profile .bio .tag a { font-family: 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; font-size: 12px; font-style: italic; text-decoration: none; outline: none; color: #3CE45B; }
	.card-horizontal-related.columnist .profile .bio .tag a:hover { color: #333; }
	.card-horizontal-related.columnist .profile:after { margin-left: -5px; }
	.card-horizontal-related.columnist .view {}
	.card-horizontal-related.columnist .view ul {}
	.card-horizontal-related.columnist .view ul li { float: left; }
	.card-horizontal-related.columnist .view ul li.web {}
	.card-horizontal-related.columnist .view ul li.share {}