|
 |
| |
ใครพอมี javascript css text slider สวยๆ ดีๆ มั่งครับผม |
| |
 |
|
|
 |
 |
|
ขอบคุณมากครับ แล้วมี แบบ สุขใจปลายปากกา http://www.thaihealth.or.th/ แบบนี้ใหมครับผม
ผมลอง แกะดูได้ประมาณนี้แต่มั่งยังไม่เลื่อนครับ
|
ประวัติการแก้ไข
2014-10-17 10:05:07
2014-10-17 10:06:24
 |
 |
 |
 |
| Date :
2014-10-17 09:25:46 |
By :
tangsupap |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (PHP)
<meta charset="TIS-620">
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
issue_spy_writer=jQuery.noConflict();
issue_spy_writer = jQuery.noConflict();
issue_spy_writer(function () {
issue_spy_writer('ul.spy').simpleSpy(6, 6000);
});
(function ($) {
$.fn.simpleSpy = function (limit, interval) {
limit = limit || 6;
interval = interval || 6000;
return this.each(function () {
var $list = $(this),
items = [],
currentItem = limit,
total = 1,
height = $list.find('> li:first').height();
$list.find('> li').each(function () {
items.push('<li>' + $(this).html() + '</li>');
});
total = items.length;
$list.wrap('<div class="spyWrapper" />').parent().css({ height : (height - 10) * limit });
$list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();
function spy() {
var $insert = $(items[currentItem]).css({
height : 0,
opacity : 0,
display : 'none'
}).prependTo($list);
$list.find('> li:last').animate({ opacity : 0}, 1000, function () {
$insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
$(this).remove();
});
currentItem++;
if (currentItem >= total) {
currentItem = 0;
}
setTimeout(spy, interval)
}
spy();
});
};
})(jQuery);
</script>
<style type="text/css">
@charset "utf-8";
body {
font-family: "kalatexaregular";
font-size: 100%;
margin: 0;
padding: 0;
}
body.textsize-normal {
font-size: 105%;
}
body.textsize-bigger {
font-size: 115%;
}
body.textsize-biggest {
font-size: 125%;
}
ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
li {
list-style: none outside none;
margin: 0;
padding: 0;
}
p {
margin: 8px auto;
padding: 0;
}
a {
border: 0 none;
cursor: pointer;
outline: 0 none;
text-decoration: none;
}
a:focus {
border: 0 none;
cursor: pointer;
outline: 0 none;
text-decoration: none;
}
a:active {
border: 0 none;
cursor: pointer;
outline: 0 none;
text-decoration: none;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
}
:focus {
outline: 0 none;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
img {
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input, textarea, select {
}
button, input[type="submit"], input[type="reset"], input[type="button"], .inputButton {
padding: 0.2em 0.4em;
}
input, button, textarea, select, optgroup, option {
font-size: 0.9em;
line-height: 1.8 !important;
}
.font_kwansook {
font-family: "kwamsooklight";
font-weight: bold;
}
#web {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#head {
background: none repeat scroll 0 0 #474644;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#head #nav_top {
font-family: "kwamsooklight";
font-size: 87%;
height: 35px;
line-height: 35px;
margin: auto;
overflow: hidden;
padding: 0;
position: relative;
width: 1000px;
}
#head #nav_top h1.home_sss {
background: url("/images/home_logo_child.png") no-repeat scroll center center rgba(0, 0, 0, 0);
float: left;
height: 34px;
margin: 0;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 80px;
}
#head #nav_top a.nav_top_left {
color: #fff;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
#head #nav_top a.nav_top_right {
color: #fff;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
#head #nav_top span.ar {
color: #fff;
float: left;
margin: 0 10px;
overflow: hidden;
padding: 0;
width: auto;
}
#home_menu_small {
display: none;
float: left;
height: 22px;
margin: 0;
overflow: hidden;
padding: 0;
width: 22px;
}
#head_intro_center {
background: none repeat scroll 0 0 #dddde3;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
#head_intro_center .home_intro_div_click {
height: 4px;
margin: auto;
position: relative;
width: 1100px;
}
#head_mark #nav_tops .web_logo {
float: left;
margin: 0;
overflow: hidden;
padding: 0.6% 0 0;
text-align: center;
width: 100px;
}
.hidden_for_google {
display: none;
}
.ac_input {
width: 159px;
}
.w2bslikebox a {
color: #666666;
font-family: "kwamsooklight";
font-size: 12px;
text-decoration: none;
}
.w2bslikebox a:hover {
color: #666666;
text-decoration: none;
}
.area_like {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 277px;
}
.area_like .area_like_border_top {
background: url("/images/link_popup.png") no-repeat scroll 0 -157px rgba(0, 0, 0, 0);
float: left;
height: 51px;
margin-top: 157px;
width: 10px;
}
.area_like .area_blog_to {
float: left;
height: auto;
width: 111px;
}
.area_arrow_show {
background: url("/images/link_popup.png") no-repeat scroll -10px 0 rgba(0, 0, 0, 0);
float: left;
height: 8px;
width: 111px;
}
.area_like_border_center {
background: none repeat scroll 0 0 #dadada;
float: left;
height: auto;
width: 101px;
}
.area_items_to {
float: left;
height: auto;
margin-bottom: 2px;
text-align: center;
width: 100%;
}
.area_items {
margin: auto;
width: 96%;
}
.area_images {
float: left;
margin-bottom: 5px;
width: 95%;
}
.area_text {
color: #fff;
float: left;
text-align: center;
width: 95%;
}
.area_text a {
color: #666666;
font-family: "kwamsooklight";
font-size: 12px;
text-decoration: none;
}
.area_like .area_like_border_bottom {
background: url("/images/link_popup.png") no-repeat scroll -10px bottom rgba(0, 0, 0, 0);
float: left;
height: 12px;
width: 239px;
}
.spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}
#home_rewrite_title {
background: url("/images/border_rewrite.jpg") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0 0 10px;
width: 100%;
}
#home_rewrite_title h2 {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -225px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
line-height: 29px;
margin: 0;
overflow: hidden;
padding: 0 0 0 30px;
width: 61%;
}
#home_rewrite_title_bg {
background: url("/images/widget_bg_title.png") repeat-x scroll 0 -4px rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 10px;
width: 100%;
}
#home_rewrite_title_bg h2 {
background: url("/images/home_right_icon.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
color: #fff;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
line-height: 30px;
margin: 0 0 0 9px;
overflow: hidden;
padding: 0 0 0 30px;
width: 57%;
}
#blog_tag {
float: left;
width: 100%;
}
#home_tag_title {
background: url("/images/widget_bg_title.png") repeat-x scroll 0 -4px rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 10px;
width: 100%;
}
#home_tag_title .tag_t {
background: url("/images/home_right_icon.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
color: #fff;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
height: 30px;
line-height: 33px;
margin: 0 0 0 9px;
overflow: hidden;
padding: 0 0 0 30px;
width: 70%;
}
#home_tag_show {
float: left;
margin: 10px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.link_tag {
font-size: 100%;
margin-right: 5px;
text-decoration: none;
}
.link_tag_google {
display: none;
}
.link_tag_8C733E {
color: #8c733e;
}
.link_tag_C2CB20 {
color: #c2cb20;
}
.link_tag_F58220 {
color: #f58220;
}
.link_tag_00AEEF {
color: #00aeef;
}
.link_tag_03953F {
color: #03953f;
}
#home_rewrite_show {
float: left;
height: 504px;
margin: 0;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
#home_rewrite_show ul.spy {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#home_rewrite_show ul.spy li {
border-top: 1px solid #ccc;
float: left;
height: 95px;
margin: 0;
overflow: hidden;
padding: 5px 0 0;
width: 100%;
}
#home_rewrite_show ul.spy li .w_profile {
float: left;
height: 93px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 27%;
}
#home_rewrite_show ul.spy li .w_profile .w_motion {
float: left;
height: 56px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 74px;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .im {
height: 58px;
left: 14%;
overflow: hidden;
position: absolute;
text-align: center;
top: 0;
width: 72%;
z-index: 1;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .bg_im {
cursor: pointer;
height: 55px;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 2;
}
#home_rewrite_show ul.spy li .w_profile p {
color: #999999;
float: left;
font-family: "Tahoma";
font-size: 71%;
margin-top: 3px;
text-align: center;
white-space: normal;
width: 100%;
}
#home_rewrite_show ul.spy li .w_event {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 72%;
}
#home_rewrite_show ul.spy li .w_event .w_event_msg {
color: #009966;
float: left;
font-family: "kwamsooklight";
font-size: 80%;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
text-decoration: none;
white-space: normal;
width: 100%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail {
color: #999999;
float: left;
line-height: 21px;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_follow {
background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 0 21px;
width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_click {
background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 0 21px;
width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_gift {
background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -40px rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 0 22px;
width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_follow:hover {
background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 0 21px;
width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_click:hover {
background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -82px rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 0 21px;
width: 23%;
}
#home_rewrite_show ul.spy li .w_event .w_event_detail .w_gift:hover {
background: url("/images/home_icon_rewrite.png") no-repeat scroll 0 -102px rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 0 22px;
width: 23%;
}
.rewrite_bordernone {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.nav_people {
color: #2da888;
float: left;
font-family: "kwamsookregular";
font-size: 80%;
margin: 5px 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.nav_people span {
color: #ec7406;
}
.nav_people a {
color: #009966;
}
#frm {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#page_register {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ccc;
box-shadow: 0 0 5px #e3e3e3;
color: #01936e;
float: left;
font-family: "kwamsookregular";
margin: auto auto 15px 10px;
overflow: hidden;
padding: 15px;
width: 94.5%;
}
#page_register h1 {
background: url("/images/register_title.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
border-bottom: 1px solid #cccfd2;
float: left;
font-size: 117%;
margin: 0;
overflow: hidden;
padding: 0 0 5px 25px;
width: 97%;
}
#page_register h1 a.btn_login_fb {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-align: right;
width: auto;
}
#page_register p {
float: left;
width: 100%;
}
.register_formblog {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.register_formblog .char_com {
float: left;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
width: 100%;
}
.register_formblog .char_coms {
float: right;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
width: 65%;
}
.register_formblog .char_com label {
float: left;
font-size: 90%;
margin: 0 10px 0 0;
overflow: hidden;
padding: 0;
text-align: right;
width: 34%;
}
#frm_login {
float: left;
margin: 0;
width: 100%;
}
.a_forgotpass {
color: #ec7406;
float: left;
font-size: 90%;
text-decoration: none;
width: auto;
}
.a_forgotpass:hover {
text-decoration: underline;
}
#line_posts {
display: none;
}
.forget-password-loading {
background: url("/images/preload.gif") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 0 30px;
width: 100%;
}
.register_formblog .char_com .des {
color: #999;
float: right;
font-size: 80%;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
width: 65%;
}
.register_formblog .char_com span.let_span {
color: #333;
font-size: 90%;
width: auto;
}
.register_formblog .char_com input[type="checkbox"] {
float: left;
line-height: 25px;
}
.blog_img_profile {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 50%;
}
.register_border_colum {
border-bottom: 1px solid #ccc;
float: left;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
width: 100%;
}
.re_capcha {
float: left;
width: 60%;
}
.send_register {
background: url("/images/news_btn_comment.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
border: medium none;
color: #fff;
cursor: pointer;
height: 29px;
margin: auto;
overflow: hidden;
padding: 0;
text-align: center;
width: 125px;
}
.reset_register {
background: url("/images/news_btn_comment.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
border: medium none;
color: #fff;
cursor: pointer;
height: 29px;
margin: auto;
overflow: hidden;
padding: 0;
text-align: center;
width: 125px;
}
.input_text {
background: url("/images/bg_input.png") repeat-x scroll 0 0 #f9f9f9;
border: 1px solid #ccc;
border-radius: 2px;
height: 25px;
line-height: 25px;
margin: 0;
padding: 0 0 0 5px;
width: 234px;
}
.at300b, .at300bo, .at300m, .at300bs {
float: left;
margin: 0 5px 0 0;
}
.addthis_counter {
float: left;
width: 150px;
}
@media screen and (max-width: 479px) {
#wapper {
height: auto;
margin: 0 auto;
overflow: hidden;
padding: 0;
width: 100%;
}
#intro_home {
background: none repeat scroll 0 0 #04a3b0;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}
.intro_home_first {
background: none repeat scroll 0 0 #ffc;
display: block;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.intro_home_none {
background: none repeat scroll 0 0 #fff;
display: none;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#head_mark {
background: url("/images/home_bg_logo.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#head_mark #nav_tops {
height: 80px;
margin: auto;
overflow: hidden;
padding: 0;
width: 90%;
}
#head #nav_top {
font-family: "kwamsooklight";
font-size: 15px;
height: 35px;
line-height: 35px;
margin: auto;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_menu_small {
display: block;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_menu_small .nav_top_mobile {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_menu_small .nav_top_mobile h1.home_sss {
height: 19px;
width: 53px;
}
#home_menu_small .nav_top_mobile .nav_top_right {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: auto;
}
#home_menu_small .nav_top_mobile .home_nav_mainmenu_top {
float: right;
height: 33px;
margin: 0 4%;
overflow: hidden;
padding: 0;
position: relative;
width: 22px;
}
#head_mark #nav_tops .web_logo {
float: left;
margin: 0;
overflow: hidden;
padding: 0.6% 0 0;
text-align: center;
text-decoration: none;
width: 79px;
}
#head_mark #nav_tops .web_activity {
float: right;
margin: 10px 0 0;
overflow: hidden;
padding: 0;
width: 207px;
}
.w2bslikebox {
cursor: pointer;
display: block;
float: right;
height: 168px;
padding: 0;
position: fixed;
right: -103px;
top: 10%;
width: 111px;
z-index: 999999999;
}
a.meanmenu-revealx {
color: #fff;
cursor: pointer;
display: block;
font-family: inherit;
font-size: 1px;
font-weight: 700;
height: 22px;
line-height: 22px;
outline: 0 none;
padding: 0;
position: absolute;
right: 0;
text-decoration: none;
text-indent: -9999em;
top: 7px;
width: 22px;
}
a.meanmenu-revealx span {
background: none repeat scroll 0 0 #fff;
display: block;
height: 3px;
margin-top: 3px;
}
.mean-navx {
background: none repeat scroll 0 0 #3a3a3c;
display: none;
float: left;
margin-top: 0;
width: 100%;
}
.mean-navx ul {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.mean-navx ul li {
float: left;
width: 50%;
}
.mean-navx ul li a {
color: #fff;
float: left;
text-align: center;
text-decoration: none;
width: 100%;
}
.home_calendarmore {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_calendarmore_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_calendarmore_bg_text_inner {
color: #fff;
float: right;
font-size: 18px;
height: 16px;
margin: 0;
overflow: hidden;
padding: 7px 0;
text-align: center;
width: auto;
}
.home_calendarmore_text_inner {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 7px 8px;
text-align: center;
width: auto;
}
.web_activity .search_fanpage {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .search_fanpage a.ico_feed {
background: url("/images/home_fanpages.png") no-repeat scroll -331px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_yt {
background: url("/images/home_fanpages.png") no-repeat scroll -292px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 7px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_tw {
background: url("/images/home_fanpages.png") no-repeat scroll -252px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 6px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_fb {
background: url("/images/home_fanpages.png") no-repeat scroll -211px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 8px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage .home_search {
background: url("/images/home_fanpages.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
font-size: 100%;
height: 33px;
margin: 0;
overflow: hidden;
padding: 0;
width: 204px;
}
.web_activity .search_fanpage .home_search #frmSearch {
border: medium none;
float: left;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .search_fanpage .home_search input[type="text"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
float: left;
font-size: 20px;
height: auto;
line-height: 35px;
margin: 0 0 0 10px;
outline: 0 none;
padding: 0;
text-align: left;
width: 156px;
}
.web_activity .search_fanpage .home_search span {
background: url("/images/home_fanpages.png") no-repeat scroll -173px 0 rgba(0, 0, 0, 0);
cursor: pointer;
float: right;
height: 32px;
margin: 0 2px 0 0;
overflow: hidden;
padding: 0;
width: 30px;
}
.web_activity .home_system {
color: #666;
float: left;
font-family: "kwamsookregular";
font-size: 82%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .home_system .home_display {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 62%;
}
.web_activity .home_system .home_display span {
float: left;
line-height: 60px;
margin: 0 12px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display ul {
float: left;
margin: 18px 0 0;
overflow: hidden;
padding: 0;
width: 144px;
}
.web_activity .home_system .home_display ul li.text-size {
float: left;
margin: 0 6px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal {
background: url("/images/ic-fontsize.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger {
background: url("/images/ic-fontsize.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest {
background: url("/images/ic-fontsize.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size .border_text {
color: #999999;
float: left;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 9px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -15px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -32px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal.active {
background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger.active {
background-position: -15px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest.active {
background-position: -32px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0 {
background: url("/images/ic-fontsize.png") no-repeat scroll -51px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1 {
background: url("/images/ic-fontsize.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 19px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -51px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -70px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 19px;
}
.web_activity .home_system .home_login {
float: right;
margin: 4px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_login a.btn_login {
color: #666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.web_activity .home_system .home_login span.border_login {
float: right;
font-size: 100%;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_login a.btn_register {
color: #666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
#nav_menu {
background: none repeat scroll 0 0 #2da888;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#nav_menu ul {
margin: auto;
overflow: hidden;
padding: 0;
width: 92%;
}
#nav_menu ul li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: auto;
}
#nav_menu ul li a.one {
background: url("/images/nav_menu.png") no-repeat scroll 23px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 136px;
}
#nav_menu ul li a.two {
background: url("/images/nav_menu.png") no-repeat scroll -75px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 137px;
}
#nav_menu ul li a.three {
background: url("/images/nav_menu.png") no-repeat scroll -198px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 136px;
}
#nav_menu ul li a.four {
background: url("/images/nav_menu.png") no-repeat scroll -339px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 137px;
}
#nav_menu ul li a.five {
background: url("/images/nav_menu.png") no-repeat scroll -478px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 136px;
}
#nav_menu ul li a.six {
background: url("/images/nav_menu.png") no-repeat scroll -602px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 137px;
}
#nav_menu ul li a.seven {
background: url("/images/nav_menu.png") no-repeat scroll -738px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 136px;
}
#nav_menu ul li a.eight {
background: url("/images/nav_menu.png") no-repeat scroll -857px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 137px;
}
#nav_menu ul li a {
color: #fff;
float: left;
font-family: "kwamsookregular";
font-size: 80%;
line-height: 100px;
margin: 0 5px;
outline: medium none;
overflow: hidden;
padding: 26px 0 0;
text-align: center;
text-decoration: none;
}
#nav_menu ul li.act {
background: none repeat scroll 0 0 #ec7406;
}
#nav_menu ul li:hover {
background: none repeat scroll 0 0 #ec7406;
}
#nav_menu_bor {
background: none repeat scroll 0 0 #ff6600;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
float: left;
height: 3px;
margin: 0 0 16px;
overflow: hidden;
padding: 0;
width: 100%;
}
.home_book_nav h3.title_books {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -122px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0 0 0 26px;
width: 50%;
}
.home_book_nav a.home_morelink {
background: none repeat scroll 0 0 #ccc;
color: #fff;
float: right;
font-size: 18px;
margin: 2px 4px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_book_nav a.home_morelink_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 2px 4px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
#home_content_right #bannerA1 {
float: left;
height: 350px;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_right #blog_rating {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list li {
border-bottom: 1px solid #ccc;
float: left;
margin: 0;
overflow: hidden;
padding: 10px 0;
width: 100%;
}
#blog_rating #widget_rateing_list li .images {
float: left;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
width: 25%;
}
#blog_rating #widget_rateing_list li .txt {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 73%;
}
#blog_rating #widget_rateing_list li .txt a {
color: #009966;
}
#blog_rating #widget_rateing_list li .view_rate {
color: #666;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list li .view_rate .icon {
background: url("/images/gallery_icon_view.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
float: left;
height: 25px;
margin: 0;
overflow: hidden;
padding: 0;
width: 25px;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .im img {
width: 100%;
}
#home_content_right #blog_calendar_w999 {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .title_books {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .title_books p {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 0 25px;
width: 50%;
}
#blog_calendar_w999 .more_calendar_999 {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
}
#blog_calendar_w999 .more_calendar_999_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
}
#blog_calendar_w999 .cat_sub_moreall_right {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
height: 27px;
line-height: 27px;
text-align: center;
width: 30px;
}
#blog_calendar_w999 .ann_col_left {
background: none repeat scroll 0 0 #c9eae1;
color: #055541;
float: left;
font-size: 95%;
line-height: 33px;
margin: 0 1% 0 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 30%;
}
#blog_calendar_w999 .ann_col_right {
background: none repeat scroll 0 0 #c9eae1;
color: #055541;
float: left;
font-size: 95%;
line-height: 33px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 69%;
}
#blog_calendar_w999 ul#ann_list_all {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 ul#ann_list_all li {
border-bottom: 1px dotted #cfcfcf;
float: left;
line-height: 35px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .ann_list_all_666 {
color: #666666;
}
#blog_calendar_w999 .ann_list_all_406 {
color: #ec7406;
}
#blog_calendar_w999 ul#ann_list_all li .date_ann {
color: #ec7406;
float: left;
font-size: 97%;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 34%;
}
#blog_calendar_w999 ul#ann_list_all li .txt {
color: inherit;
float: left;
font-size: 100%;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 64%;
}
#footer {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_border {
background: none repeat scroll 0 0 #70bba7;
float: left;
height: 6px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_map {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px dotted #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_sitemap {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px solid #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_verified {
background: none repeat scroll 0 0 #474644;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0 0 15px;
width: 100%;
}
#footer {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_border {
background: none repeat scroll 0 0 #70bba7;
float: left;
height: 6px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_map {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px dotted #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_map #blog_contact {
margin: auto;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_contact .circle_big {
height: auto;
margin: 25px auto;
overflow: hidden;
padding: 0;
width: 282px;
}
#blog_contact .circle_big a.circle_1 {
background: url("/images/footer_contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 2px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_2 {
background: url("/images/footer_contact.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 2px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_3 {
background: url("/images/footer_contact.png") no-repeat scroll -178px 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 2px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_1:hover {
background: url("/images/footer_contact.png") no-repeat scroll 0 -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 2px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_2:hover {
background: url("/images/footer_contact.png") no-repeat scroll -89px -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 2px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_3:hover {
background: url("/images/footer_contact.png") no-repeat scroll -178px -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 2px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a {
color: #fff;
font-family: "kwamsooklight";
font-size: 88%;
text-align: center;
text-decoration: none;
}
#blog_contact .contact_text {
height: 170px;
margin: 25px auto 5px;
overflow: hidden;
padding: 0;
width: 326px;
}
#blog_contact .contact_text .three_people {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%;
}
#blog_contact .contact_text h3 {
color: #fff;
float: left;
font-family: "kalatexaregular";
font-size: 110%;
font-weight: normal;
margin: 0;
overflow: hidden;
padding: 0 25px;
text-align: center;
width: 84%;
}
#blog_contact .contact_text .function_fanpages {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.function_fanpages .home_footer_fb {
background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
margin-left: 100px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_tw {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
margin: 0 10px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_yt {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_fb:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_tw:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_yt:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px -34px rgba(0, 0, 0, 0);
}
#blog_contact .g_map {
margin: auto auto 15px;
overflow: hidden;
padding: 0;
width: 230px;
}
#footer #footer_sitemap {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px solid #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu {
margin: 20px auto;
overflow: hidden;
padding: 0;
width: 170px;
}
#footer_sitemap #blog_showmenu ul {
float: left;
height: auto;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li h4 {
color: #fff;
cursor: pointer;
float: left;
font-family: "kwamsooklight";
font-size: 106%;
font-weight: normal;
margin: 0;
overflow: hidden;
padding: 0 26px 0 0;
position: relative;
text-align: left;
width: auto;
}
#footer_sitemap #blog_showmenu ul li a {
color: #ebebe7;
display: none;
float: left;
font-family: "kwamsookregular";
font-size: 86%;
margin: 0;
text-align: left;
text-decoration: none;
width: 100%;
}
div.arrow {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #fff transparent transparent;
border-image: none;
border-right: 7px solid transparent;
border-style: solid;
border-width: 7px;
content: "";
cursor: pointer;
display: block;
height: 0;
position: absolute;
right: 0;
top: 12px;
transition: left 300ms ease-out 0s;
width: 0;
z-index: 1;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li {
float: left;
margin: 0 0 0 8px;
overflow: hidden;
padding: 0;
width: 95%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li a {
color: #ebebe7;
text-decoration: none;
}
#footer #footer_verified {
background: none repeat scroll 0 0 #474644;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0 0 15px;
width: 100%;
}
#footer #footer_verified .blog_showver {
margin: auto;
overflow: hidden;
padding: 10px 0 0;
width: 100%;
}
#footer #footer_verified .blog_showver .blog_showver_left {
margin: auto auto 15px;
overflow: hidden;
padding: 0;
width: 250px;
}
#footer #footer_verified .blog_showver .blog_showver_right {
float: none;
margin: auto;
overflow: hidden;
padding: 0;
width: 288px;
}
#footer #footer_verified .blog_showver .blog_showver_left a.footer_site {
border-right: 1px solid #9d9c9b;
float: left;
margin: 8px 10px 0 0;
overflow: hidden;
padding: 0 14px 0 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left a.footer_selectsite {
float: left;
margin: 8px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left iframe {
float: left;
height: 17px;
margin: 4px 0 0 8px;
width: 14px;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_wai-aa {
float: left;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right span.footer_thai {
color: #fff;
display: none;
float: left;
font-family: Tahoma;
font-size: 12px;
line-height: 30px;
margin: 0 10px;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_xhtml {
float: left;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_by-nc-sa {
float: left;
margin: 9px 5px 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver a {
color: #fff;
font-family: Tahoma;
font-size: 12px;
text-align: center;
}
#content_right_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits li {
border-bottom: 1px dotted #ccc;
float: left;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 5px;
width: 100%;
}
.hits_images {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
padding: 0;
width: 30%;
}
.hits_descrition {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 68%;
}
.link_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.title_hits {
color: #333333;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.des_hits {
color: #666666;
float: left;
font-size: 90%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.hidden-phone {
display: none;
}
.show-phone {
display: block;
}
}
@media screen and (max-width: 479px) {
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.date_start {
font-size: 70%;
width: 55%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.cat_views {
padding-left: 7px;
width: 22%;
}
#ass_751 ul#home_news_750 li.li_left .image {
height: 100px;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.date_start {
background: url("/images/gallery_calendar.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
float: left;
font-size: 62%;
padding-left: 20px;
width: 50%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.cat_views {
background: url("/images/gallery_icon_view.png") no-repeat scroll 14px 6px rgba(0, 0, 0, 0);
border-left: 1px solid #ccc;
float: right;
font-size: 80%;
min-width: 25%;
padding-left: 14px;
text-align: right;
}
}
@media screen and (max-width: 750px) {
#home_associate_mobile {
margin: auto;
overflow: hidden;
padding: 0;
width: 97%;
}
#ass_750 {
background: none repeat scroll 0 0 #edecea;
border: 1px solid #ccc;
float: left;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
width: 99%;
}
#ass_750 .title {
background: none repeat scroll 0 0 #f47e12;
float: left;
line-height: 30px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#ass_750 .title .icon {
background: url("/images/mobile_icon_news.png") no-repeat scroll center center rgba(0, 0, 0, 0);
float: left;
height: 30px;
width: 35px;
}
#ass_750 .title h2.titles {
color: #fff;
float: left;
font-size: 100%;
font-weight: normal;
margin: 0;
overflow: hidden;
padding: 0;
width: 88%;
}
#ass_750 ul#home_news_750 {
float: left;
margin: 0;
overflow: hidden;
padding: 7px 6px;
width: 96%;
}
#ass_750 ul#home_news_750 li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#ass_750 ul#home_news_750 li.li_left {
float: left;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
width: 48%;
}
#ass_750 ul#home_news_750 li .image {
float: left;
height: 176px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#ass_750 ul#home_news_750 li .mobile_msg {
background: none repeat scroll 0 0 #74bdaa;
color: #3c3032;
float: left;
font-size: 90%;
line-height: 28px;
margin: 0;
overflow: hidden;
padding: 0 5px;
text-align: left;
text-decoration: none;
width: 98%;
}
#ass_750 ul#home_news_750 li .bg {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#ass_750 ul#home_news_750 li .des_r_bottom {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ccc;
color: #666666;
float: left;
margin: 0;
overflow: hidden;
padding: 0 10%;
width: 79.5%;
}
#ass_750 ul#home_news_750 li .des_r_bottom span.date_start {
background: url("/images/gallery_calendar.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
float: left;
font-size: inherit;
padding-left: 20px;
width: 59%;
}
#ass_750 ul#home_news_750 li .des_r_bottom span.cat_views {
background: url("/images/gallery_icon_view.png") no-repeat scroll 14px 3px rgba(0, 0, 0, 0);
border-left: 1px solid #ccc;
float: right;
font-size: inherit;
min-width: 25%;
padding-left: 14px;
text-align: right;
}
#ass_750 ul#home_news_750 li.li_left .image {
background: none repeat scroll 0 0 #fff;
display: table-cell;
float: left;
height: 140px;
margin: 0;
overflow: hidden;
padding: 0;
vertical-align: middle;
width: 100%;
}
#ass_750 ul#home_news_750 li.li_left .mobile_msg {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #222;
float: left;
font-size: 90%;
height: 40px;
line-height: 19px;
margin: 0;
overflow: hidden;
padding: 0 5px;
text-align: left;
text-decoration: none;
width: 98%;
}
#ass_750 ul#home_news_750 li.li_left .des_r_bottom {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ccc;
color: #666666;
float: left;
margin: 0;
overflow: hidden;
padding: 0 2%;
width: 95.5%;
}
#ass_750 ul#home_news_750 li.li_left .des_r_bottom span.date_start {
background: url("/images/gallery_calendar.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
float: left;
font-size: inherit;
padding-left: 20px;
width: 57%;
}
#ass_750 ul#home_news_750 li.li_left .des_r_bottom span.cat_views {
background: url("/images/gallery_icon_view.png") no-repeat scroll 14px 3px rgba(0, 0, 0, 0);
border-left: 1px solid #ccc;
float: right;
font-size: inherit;
min-width: 25%;
padding-left: 14px;
text-align: right;
}
#ass_751 {
background: none repeat scroll 0 0 #fff;
border-bottom: 1px solid #dddddd;
float: left;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
width: 100%;
}
#ass_751 ul#home_news_750 {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#ass_751 ul#home_news_750 li.li_left {
float: left;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
width: 48%;
}
#ass_751 ul#home_news_750 li.li_left .image {
background: none repeat scroll 0 0 #fff;
display: table-cell;
float: left;
height: 140px;
margin: 0;
overflow: hidden;
padding: 0;
vertical-align: middle;
width: 100%;
}
#ass_751 ul#home_news_750 li.li_left .mobile_msg {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #222;
float: left;
font-size: 78%;
height: 40px;
line-height: 19px;
margin: 0;
overflow: hidden;
padding: 0 5px;
text-align: left;
text-decoration: none;
width: 98%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom {
background: none repeat scroll 0 0 #edecea;
color: #666666;
float: left;
line-height: 27px;
margin: 0;
overflow: hidden;
padding: 0 2%;
width: 96.5%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.date_start {
background: url("/images/gallery_calendar.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
float: left;
font-size: 62%;
padding-left: 20px;
width: 50%;
}
#ass_751 ul#home_news_750 li.li_left .des_r_bottom span.cat_views {
background: url("/images/gallery_icon_view.png") no-repeat scroll 4px 6px rgba(0, 0, 0, 0);
border-left: 1px solid #ccc;
float: right;
font-size: 80%;
min-width: 20%;
padding-left: 14px;
text-align: center;
}
.font_kwamsook {
font-family: "kwamsookregular";
}
#multimedia_mobile_home {
margin: auto auto 10px;
overflow: hidden;
padding: 0;
width: 98%;
}
#multimedia_mobile_home .title {
border-top: 6px solid #35aa8d;
float: left;
padding-top: 15px;
width: 98%;
}
#multimedia_mobile_home .title .icon {
background: url("/images/home_bg_title.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
float: left;
height: 30px;
width: 30px;
}
#multimedia_mobile_home .title h2.text_title {
color: #01936e;
float: left;
font-size: 100%;
margin: 0;
max-width: 60%;
padding: 0;
}
#multimedia_mobile_home .title .multimedia_mobile_home_more {
background: none repeat scroll 0 0 #dbdbdb;
color: #fff;
float: right;
padding: 2px 10px;
}
#multimedia_mobile_home .mm_big_image {
float: left;
margin-bottom: 5px;
position: relative;
width: 100%;
}
#multimedia_mobile_home .mm_big_image a.images {
float: left;
outline: medium none;
text-decoration: none;
width: 100%;
}
#multimedia_mobile_home .mm_big_image a.mm_hover_link {
background: url("/images/home_img_vdo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
color: #fff;
display: none;
float: left;
height: 100%;
left: 0;
line-height: 450px;
outline: medium none;
position: absolute;
text-align: center;
text-decoration: none;
top: 0;
width: 100%;
z-index: 1;
}
#multimedia_mobile_home .mm_big_image:hover a.mm_hover_link {
display: block;
}
#multimedia_mobile_home ul#mm_home_list {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#multimedia_mobile_home ul#mm_home_list li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 49.5%;
}
#multimedia_mobile_home ul#mm_home_list li .images {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#multimedia_mobile_home ul#mm_home_list li .images .blog_image {
float: left;
width: 100%;
}
#multimedia_mobile_home ul#mm_home_list li .vdo_title {
background: url("/images/home_img_vdo.png") no-repeat scroll center 33px rgba(0, 0, 0, 0);
display: none;
float: left;
height: 100%;
left: 0;
outline: medium none;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
#multimedia_mobile_home ul#mm_home_list li .vdo_title a {
color: #fff;
float: left;
height: 88%;
line-height: 190px;
padding: 10px;
text-align: center;
text-decoration: none;
width: 89%;
}
#multimedia_mobile_home ul#mm_home_list li:hover .vdo_title {
display: block;
}
#gallery_mobile_home {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#gallery_mobile_home .title {
border-top: 6px solid #35aa8d;
float: left;
padding-top: 15px;
width: 98%;
}
#gallery_mobile_home .title .icon {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
float: left;
height: 30px;
width: 30px;
}
#gallery_mobile_home .title h2.text_title {
color: #01936e;
float: left;
font-size: 100%;
margin: 0;
max-width: 60%;
padding: 0;
}
#gallery_mobile_home .title .gallery_mobile_home_more {
background: none repeat scroll 0 0 #dbdbdb;
color: #fff;
float: right;
padding: 2px 10px;
}
#gallery_mobile_home .mm_big_image:hover a.mm_hover_link {
display: block;
}
#gallery_mobile_home ul#mm_home_list {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#gallery_mobile_home ul#mm_home_list li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 49.5%;
}
#gallery_mobile_home ul#mm_home_list li .images {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#gallery_mobile_home ul#mm_home_list li .images .blog_image {
float: left;
width: 100%;
}
#gallery_mobile_home ul#mm_home_list li .vdo_title {
display: block;
float: left;
height: auto;
width: 100%;
}
#gallery_mobile_home ul#mm_home_list li .vdo_title a {
color: #666;
float: left;
padding: 0;
text-align: center;
text-decoration: none;
width: 100%;
}
#gallery_mobile_home ul#mm_home_listnoimage {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#gallery_mobile_home ul#mm_home_listnoimage li {
float: left;
margin: 0 0 3px;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#gallery_mobile_home ul#mm_home_listnoimage li .icon {
background: url("/images/ticker.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 20px;
width: 20px;
}
#gallery_mobile_home ul#mm_home_listnoimage li a {
color: #01936e;
float: left;
text-decoration: none;
width: 90%;
}
#content_right_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits li {
border-bottom: 1px dotted #ccc;
float: left;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 5px;
width: 100%;
}
.hits_images {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
padding: 0;
width: 30%;
}
.hits_descrition {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 68%;
}
.link_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.title_hits {
color: #333333;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.des_hits {
color: #666666;
float: left;
font-size: 90%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
}
@media screen and (min-width: 480px) and (max-width: 750px) {
#wapper {
height: auto;
margin: auto;
overflow: hidden;
padding: 0;
width: 450px;
}
#intro_home {
background: none repeat scroll 0 0 #04a3b0;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}
.intro_home_first {
background: none repeat scroll 0 0 #ffc;
display: block;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.intro_home_none {
background: none repeat scroll 0 0 #fff;
display: none;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#wapper #home_content {
float: left;
margin: 0 0 17px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content #home_content_left {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 457px;
}
#home_content #home_content_right {
float: right;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_left #home_associate {
float: left;
height: 520px;
margin: 0 0 30px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_left #home_multimedia {
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 15px;
height: auto;
margin: 0 0 24px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_left #home_multimedia_mobile {
float: left;
height: auto;
margin: 0 0 24px;
overflow: hidden;
padding: 0;
width: 98%;
}
#home_content_left #home_books {
float: left;
height: 316px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#head #nav_top {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#head #nav_top h1.home_sss {
display: none;
float: left;
height: 34px;
margin: 0;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 80px;
}
#head #nav_top span.ar {
color: #fff;
float: left;
margin: 0 2px;
overflow: hidden;
padding: 0;
width: auto;
}
#head_mark {
background: url("/images/home_bg_logo.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#head_mark #nav_tops {
height: 100px;
margin: auto;
overflow: hidden;
padding: 0;
width: 92%;
}
#head_mark #nav_tops .web_logo {
float: left;
margin: 0;
overflow: hidden;
padding: 0.6% 0 0;
text-align: center;
text-decoration: none;
width: 96px;
}
#head_mark #nav_tops .web_activity {
float: right;
margin: 19px 0 0;
overflow: hidden;
padding: 0;
width: 340px;
}
#nav_top .web_activity {
float: right;
height: 71px;
margin: 19px 0 0;
overflow: hidden;
padding: 0;
width: 411px;
}
.web_activity .search_fanpage {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .search_fanpage a.ico_feed {
background: url("/images/home_fanpages.png") no-repeat scroll -331px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_yt {
background: url("/images/home_fanpages.png") no-repeat scroll -292px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_tw {
background: url("/images/home_fanpages.png") no-repeat scroll -252px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_fb {
background: url("/images/home_fanpages.png") no-repeat scroll -211px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_feed:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -331px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_yt:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -292px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_tw:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -252px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_fb:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -211px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage .home_search {
background: url("/images/home_fanpages.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
font-size: 100%;
height: 33px;
margin: 0;
overflow: hidden;
padding: 0;
width: 204px;
}
.web_activity .search_fanpage .home_search #frmSearch {
border: medium none;
float: left;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .search_fanpage .home_search input[type="text"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
float: left;
font-size: 20px;
height: auto;
line-height: 35px;
margin: 0 0 0 10px;
outline: 0 none;
padding: 0;
text-align: left;
width: 156px;
}
.web_activity .search_fanpage .home_search span {
background: url("/images/home_fanpages.png") no-repeat scroll -173px 0 rgba(0, 0, 0, 0);
cursor: pointer;
float: right;
height: 32px;
margin: 0 2px 0 0;
overflow: hidden;
padding: 0;
width: 30px;
}
.web_activity .home_system {
color: #666;
float: left;
font-family: "kwamsookregular";
font-size: 82%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .home_system .home_display {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display span {
float: left;
line-height: 60px;
margin: 0 12px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display ul {
float: left;
margin: 18px 0 0;
overflow: hidden;
padding: 0;
width: 144px;
}
.web_activity .home_system .home_display ul li.text-size {
float: left;
margin: 0 6px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal {
background: url("/images/ic-fontsize.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger {
background: url("/images/ic-fontsize.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest {
background: url("/images/ic-fontsize.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size .border_text {
color: #999999;
float: left;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 9px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -15px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -32px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal.active {
background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger.active {
background-position: -15px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest.active {
background-position: -32px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0 {
background: url("/images/ic-fontsize.png") no-repeat scroll -51px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1 {
background: url("/images/ic-fontsize.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 19px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -51px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -70px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 19px;
}
.web_activity .home_system .home_login {
float: right;
margin: 18px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_login a.btn_login {
color: #666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.web_activity .home_system .home_login span.border_login {
float: right;
font-size: 100%;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_login a.btn_register {
color: #666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.w2bslikebox {
cursor: pointer;
display: block;
float: right;
height: 168px;
padding: 0;
position: fixed;
right: -103px;
top: 20%;
width: 111px;
z-index: 999999999;
}
#nav_menu {
background: none repeat scroll 0 0 #2da888;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#nav_menu ul {
margin: auto;
overflow: hidden;
padding: 0;
width: 92%;
}
#nav_menu ul li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: auto;
}
#nav_menu ul li a.one {
background: url("/images/nav_menu.png") no-repeat scroll 35px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 159px;
}
#nav_menu ul li a.two {
background: url("/images/nav_menu.png") no-repeat scroll -85px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 114px;
}
#nav_menu ul li a.three {
background: url("/images/nav_menu.png") no-repeat scroll -189px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 153px;
}
#nav_menu ul li a.four {
background: url("/images/nav_menu.png") no-repeat scroll -329px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 159px;
}
#nav_menu ul li a.five {
background: url("/images/nav_menu.png") no-repeat scroll -488px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 114px;
}
#nav_menu ul li a.six {
background: url("/images/nav_menu.png") no-repeat scroll -597px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 153px;
}
#nav_menu ul li a.seven {
background: url("/images/nav_menu.png") no-repeat scroll -726px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 159px;
}
#nav_menu ul li a.eight {
background: url("/images/nav_menu.png") no-repeat scroll -861px -82px rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 114px;
}
#nav_menu ul li a {
color: #fff;
float: left;
font-family: "kwamsookregular";
font-size: 14px;
line-height: 100px;
margin: 0 5px;
outline: medium none;
overflow: hidden;
padding: 26px 0 0;
text-align: center;
text-decoration: none;
}
#nav_menu ul li.act {
background: none repeat scroll 0 0 #ec7406;
}
#nav_menu ul li:hover {
background: none repeat scroll 0 0 #ec7406;
}
#nav_menu_bor {
background: none repeat scroll 0 0 #ff6600;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
float: left;
height: 3px;
margin: 0 0 16px;
overflow: hidden;
padding: 0;
width: 100%;
}
.home_book_nav h3.title_books {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -122px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0 0 0 26px;
width: 50%;
}
.home_book_nav a.home_morelink {
background: none repeat scroll 0 0 #ccc;
color: #fff;
float: right;
font-size: 18px;
margin: 2px 4px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_book_nav a.home_morelink_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 2px 4px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
#home_content_right #bannerA1 {
height: 350px;
margin: auto;
overflow: hidden;
padding: 0;
width: 68.6%;
}
#home_content_right #blog_calendar {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_right #blog_rating {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list li {
border-bottom: 1px solid #ccc;
float: left;
margin: 0;
overflow: hidden;
padding: 10px 0;
width: 100%;
}
#blog_rating #widget_rateing_list li .images {
float: left;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
width: 25%;
}
#blog_rating #widget_rateing_list li .txt {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 73%;
}
#blog_rating #widget_rateing_list li .txt a {
color: #009966;
}
#blog_rating #widget_rateing_list li .view_rate {
color: #666;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list li .view_rate .icon {
background: url("/images/gallery_icon_view.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
float: left;
height: 25px;
margin: 0;
overflow: hidden;
padding: 0;
width: 25px;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .im img {
width: 66%;
}
#home_content_right #blog_calendar_w999 {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .title_books {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .title_books p {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
line-height: 30px;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 0 25px;
width: 50%;
}
#blog_calendar_w999 .more_calendar_999 {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
}
#blog_calendar_w999 .more_calendar_999_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
}
#blog_calendar_w999 .cat_sub_moreall_right {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
height: 27px;
line-height: 27px;
text-align: center;
width: 30px;
}
#blog_calendar_w999 .ann_col_left {
background: none repeat scroll 0 0 #c9eae1;
color: #055541;
float: left;
font-size: 95%;
line-height: 33px;
margin: 0 1% 0 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 30%;
}
#blog_calendar_w999 .ann_col_right {
background: none repeat scroll 0 0 #c9eae1;
color: #055541;
float: left;
font-size: 95%;
line-height: 33px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 69%;
}
#blog_calendar_w999 ul#ann_list_all {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 ul#ann_list_all li {
border-bottom: 1px dotted #cfcfcf;
float: left;
line-height: 35px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .ann_list_all_666 {
color: #666666;
}
#blog_calendar_w999 .ann_list_all_406 {
color: #ec7406;
}
#blog_calendar_w999 ul#ann_list_all li .date_ann {
color: #ec7406;
float: left;
font-size: 97%;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 31%;
}
#blog_calendar_w999 ul#ann_list_all li .txt {
color: inherit;
float: left;
font-size: 100%;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 67%;
}
#footer {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_border {
background: none repeat scroll 0 0 #70bba7;
float: left;
height: 6px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_map {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px dotted #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_verified {
background: none repeat scroll 0 0 #474644;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0 0 15px;
width: 100%;
}
#footer {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_border {
background: none repeat scroll 0 0 #70bba7;
float: left;
height: 6px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_map #blog_contact {
margin: auto;
overflow: hidden;
padding: 0;
width: 464px;
}
#blog_contact .circle_big {
height: 150px;
margin: 25px auto;
overflow: hidden;
padding: 0;
width: 430px;
}
#blog_contact .circle_big a.circle_1 {
background: url("/images/footer_contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_2 {
background: url("/images/footer_contact.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 50px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_3 {
background: url("/images/footer_contact.png") no-repeat scroll -178px 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_1:hover {
background: url("/images/footer_contact.png") no-repeat scroll 0 -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_2:hover {
background: url("/images/footer_contact.png") no-repeat scroll -89px -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 50px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_3:hover {
background: url("/images/footer_contact.png") no-repeat scroll -178px -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a {
color: #fff;
font-family: "kwamsooklight";
font-size: 88%;
text-align: center;
text-decoration: none;
}
#blog_contact .contact_text {
height: 150px;
margin: 25px auto auto;
overflow: hidden;
padding: 0;
width: 326px;
}
#blog_contact .contact_text .three_people {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%;
}
#blog_contact .contact_text h3 {
color: #fff;
float: left;
font-family: "kalatexaregular";
font-size: 110%;
font-weight: normal;
margin: 0;
overflow: hidden;
padding: 0 25px;
text-align: center;
width: 84%;
}
#blog_contact .contact_text .function_fanpages {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.function_fanpages .home_footer_fb {
background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
margin-left: 100px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_tw {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
margin: 0 10px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_yt {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_fb:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_tw:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_yt:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px -34px rgba(0, 0, 0, 0);
}
#blog_contact .g_map {
margin: auto auto 15px;
overflow: hidden;
padding: 0;
width: 230px;
}
#footer #footer_sitemap {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px solid #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu {
margin: 20px auto;
overflow: hidden;
padding: 0;
width: 450px;
}
#footer_sitemap #blog_showmenu ul {
float: left;
height: auto;
margin: 0 25px 0 45px;
overflow: hidden;
padding: 0;
width: 150px;
}
#footer_sitemap #blog_showmenu ul li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li h4 {
color: #fff;
float: left;
font-family: "kwamsooklight";
font-size: 106%;
font-weight: bold;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li a {
color: #ebebe7;
float: left;
font-family: "kwamsookregular";
font-size: 86%;
margin: 0;
text-align: left;
text-decoration: none;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li {
float: left;
margin: 0 0 0 8px;
overflow: hidden;
padding: 0;
width: 95%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li a {
color: #ebebe7;
text-decoration: none;
}
#footer #footer_verified {
background: none repeat scroll 0 0 #474644;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0 0 15px;
width: 100%;
}
#footer #footer_verified .blog_showver {
margin: auto;
overflow: hidden;
padding: 10px 0 0;
width: 100%;
}
#footer #footer_verified .blog_showver .blog_showver_left {
margin: auto auto 15px;
overflow: hidden;
padding: 0;
width: 255px;
}
#footer #footer_verified .blog_showver .blog_showver_right {
float: none;
margin: auto;
overflow: hidden;
padding: 0;
width: 288px;
}
#footer #footer_verified .blog_showver .blog_showver_left a.footer_site {
border-right: 1px solid #9d9c9b;
float: left;
margin: 8px 14px 0 0;
overflow: hidden;
padding: 0 14px 0 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left iframe {
float: left;
height: 17px;
margin: 4px 0 0 8px;
width: 14px;
}
#footer #footer_verified .blog_showver .blog_showver_left a.footer_selectsite {
float: left;
margin: 8px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_wai-aa {
float: left;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right span.footer_thai {
color: #fff;
display: none;
float: left;
font-family: Tahoma;
font-size: 12px;
line-height: 30px;
margin: 0 10px;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_xhtml {
float: left;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_right a.footer_by-nc-sa {
float: left;
margin: 9px 5px 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver a {
color: #fff;
font-family: Tahoma;
font-size: 12px;
text-align: center;
}
#content_right_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits li {
border-bottom: 1px dotted #ccc;
float: left;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 5px;
width: 100%;
}
.hits_images {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
padding: 0;
width: 30%;
}
.hits_descrition {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 68%;
}
.link_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.title_hits {
color: #333333;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.des_hits {
color: #666666;
float: left;
font-size: 90%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.show-phone {
display: block;
}
.not-phone {
display: block;
}
.disw750 {
display: none;
}
.hidden-phone {
display: none;
}
.enw750 {
display: block;
}
}
@media screen and (min-width: 751px) and (max-width: 899px) {
#wapper {
height: auto;
margin: auto;
padding: 0;
width: 662px;
}
#intro_home {
background: none repeat scroll 0 0 #04a3b0;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}
.intro_home_first {
background: none repeat scroll 0 0 #ffc;
display: block;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.intro_home_none {
background: none repeat scroll 0 0 #fff;
display: none;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#wapper #home_link {
float: left;
height: 148px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#wapper #home_link2 {
float: left;
height: 148px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#wapper #home_content {
float: left;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
#home_content #home_content_left {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 672px;
}
#home_content #home_content_right {
float: right;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_left #home_associate {
float: left;
height: 520px;
margin: 0 0 30px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_left #home_multimedia {
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 15px;
height: auto;
margin: 0 0 24px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_left #home_books {
float: left;
height: 316px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_books .title_books {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_books .title_books h3 {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -74px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0 0 0 26px;
width: 50%;
}
#home_books .title_books a.home_more_books {
background: none repeat scroll 0 0 #ccc;
color: #fff;
float: right;
font-size: 18px;
margin: 2px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
#home_books .home_listbooks {
background: url("/images/home_bg_book.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 276px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_books .home_listbooks .home_book_nav {
float: left;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.home_book_nav h3.title_books {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -122px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0 0 0 26px;
width: 50%;
}
.home_book_nav a.home_morelink {
background: none repeat scroll 0 0 #ccc;
color: #fff;
float: right;
font-size: 18px;
margin: 2px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_book_nav a.home_morelink_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 2px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
#home_books .home_listbooks ul {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_books .home_listbooks ul li {
float: left;
height: 174px;
margin: 0 13px;
overflow: hidden;
padding: 0;
width: 124px;
}
#home_content_right #bannerA1 {
height: 350px;
margin: auto;
overflow: hidden;
padding: 0;
width: 46.8%;
}
#home_content_right #blog_writer {
float: left;
height: auto;
margin: 0 0 17px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_right #blog_calendar {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_right #blog_rating {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list li {
border-bottom: 1px solid #ccc;
float: left;
margin: 0;
overflow: hidden;
padding: 10px 0;
width: 100%;
}
#blog_rating #widget_rateing_list li .images {
float: left;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
width: 25%;
}
#blog_rating #widget_rateing_list li .txt {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 73%;
}
#blog_rating #widget_rateing_list li .txt a {
color: #009966;
}
#blog_rating #widget_rateing_list li .view_rate {
color: #666;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list li .view_rate .icon {
background: url("/images/gallery_icon_view.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
float: left;
height: 25px;
margin: 0;
overflow: hidden;
padding: 0;
width: 25px;
}
#home_rewrite_show ul.spy li .w_profile .w_motion .im img {
width: 50%;
}
#home_content_right #blog_calendar_w999 {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .title_books {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .title_books p {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 0 25px;
width: 50%;
}
#blog_calendar_w999 .more_calendar_999 {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
}
#blog_calendar_w999 .more_calendar_999_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 5px;
text-align: center;
}
#blog_calendar_w999 .cat_sub_moreall_right {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
height: 27px;
line-height: 27px;
text-align: center;
width: 30px;
}
#blog_calendar_w999 .ann_col_left {
background: none repeat scroll 0 0 #c9eae1;
color: #055541;
float: left;
font-size: 95%;
line-height: 33px;
margin: 0 1% 0 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 30%;
}
#blog_calendar_w999 .ann_col_right {
background: none repeat scroll 0 0 #c9eae1;
color: #055541;
float: left;
font-size: 95%;
line-height: 33px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 69%;
}
#blog_calendar_w999 ul#ann_list_all {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 ul#ann_list_all li {
border-bottom: 1px dotted #cfcfcf;
float: left;
line-height: 35px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar_w999 .ann_list_all_666 {
color: #666666;
}
#blog_calendar_w999 .ann_list_all_406 {
color: #ec7406;
}
#blog_calendar_w999 ul#ann_list_all li .date_ann {
color: #ec7406;
float: left;
font-size: 84%;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 31%;
}
#blog_calendar_w999 ul#ann_list_all li .txt {
color: inherit;
float: left;
font-size: 100%;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 67%;
}
#home_content_right #blog_calendar {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar #calen_show {
border-bottom: 1px solid #f5f5f5;
float: left;
height: auto;
margin: 10px 0 0;
overflow: hidden;
padding: 4px;
width: 100%;
}
#blog_calendar #calen_show p {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 0 25px;
width: 50%;
}
.home_calendarmore {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_calendarmore_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_calendarmore_bg_text_inner {
color: #fff;
float: right;
font-size: 18px;
height: 16px;
margin: 0;
overflow: hidden;
padding: 7px 0;
text-align: center;
width: auto;
}
.home_calendarmore_text_inner {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 7px 8px;
text-align: center;
width: auto;
}
#home_multimedia .home_multi_head {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#home_multimedia .home_multi_head ul {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_multimedia .home_multi_head ul li.ones {
background: none repeat scroll 0 0 #ededed;
border-left: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
float: left;
line-height: 27px;
margin: 0;
overflow: hidden;
padding: 8px 16px;
width: 30%;
}
#home_multimedia .home_multi_head ul li.twos {
background: none repeat scroll 0 0 #fff;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
float: left;
line-height: 27px;
margin: 0;
overflow: hidden;
padding: 8px 16px;
width: 30%;
}
#home_multimedia .home_multi_head ul li.ones h3.one {
background: url("/images/home_bg_title.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
font-size: 17px;
margin: 0;
overflow: hidden;
padding: 0 0 0 21%;
width: 66%;
}
#home_multimedia .home_multi_head ul li.twos h3.two {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
font-size: 17px;
margin: 0;
overflow: hidden;
padding: 0 0 0 21%;
width: 66%;
}
#home_multimedia .home_multi_head ul li a {
color: #336666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 10%;
}
#home_multimedia .home_multi_show {
background: none repeat scroll 0 0 #ededed;
border: 1px solid #d9d9d9;
float: left;
height: auto;
margin: -1px 0 0;
overflow: hidden;
padding: 17px 19px;
width: 94.1%;
}
#home_multimedia .home_multi_show .home_multi_list {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_multimedia .home_multi_show .home_multi_list_gallery {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_multimedia .home_multi_show #home_casegallery {
display: none;
}
.home_multi_list .home_vdo1 {
background: none repeat scroll 0 0 #000;
float: left;
height: 250px;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 50%;
}
.home_multi_list .home_vdo1 .bg_black {
display: none;
height: 240px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list .home_vdo1 .home_hover_vdo {
background: none repeat scroll 0 0 #84bdaa;
height: 240px;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list .home_vdo1 .zoom {
background: url("/images/enter_icon_zoom.png") no-repeat scroll center 50px rgba(0, 0, 0, 0);
color: #fff;
float: left;
height: 35%;
padding-top: 32%;
position: relative;
text-align: center;
width: 100%;
z-index: 2;
}
.home_multi_list .home_vdo1:hover .bg_black {
display: block;
}
.home_multi_list ul {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 48%;
}
.home_multi_list ul li {
float: left;
margin: 0 0 4%;
overflow: hidden;
padding: 0;
position: relative;
width: 50%;
}
.home_multi_list ul li .images {
background: none repeat scroll 0 0 #000;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.home_multi_list ul li .images .bg_black {
display: none;
height: 120px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list ul li .images .home_hover_vdo {
background: none repeat scroll 0 0 #84bdaa;
height: 120px;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list ul li .images .zoom {
background: url("/images/enter_icon_zoom.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
color: #fff;
float: left;
font-size: 88%;
height: 35%;
padding: 44% 5% 0;
position: relative;
text-align: center;
width: 90%;
z-index: 2;
}
.home_multi_list ul li .images:hover .bg_black {
display: block;
}
.home_multi_list ul li .vdo_title {
display: none;
float: left;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 15%;
width: 100%;
z-index: 1;
}
.home_multi_list ul li .vdo_title a {
color: #fff;
float: left;
font-family: "kalatexaregular";
font-size: 14px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%;
}
.home_multi_list_gallery ul {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 102%;
}
.home_multi_list_gallery ul li {
float: left;
height: 135px;
margin: 0 0 3%;
overflow: hidden;
padding: 0;
position: relative;
width: 33.3%;
}
.home_multi_list_gallery ul li .images {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 95%;
}
.home_multi_list_gallery ul li .bg_black {
display: none;
height: 240px;
left: 0;
position: absolute;
top: 0;
width: 95%;
z-index: 1;
}
.home_multi_list_gallery ul li .home_hover_vdo {
background: none repeat scroll 0 0 #84bdaa;
height: 240px;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list_gallery ul li .zoom {
background: url("/images/enter_icon_zoom.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
color: #fff;
float: left;
font-size: 88%;
height: 35%;
padding: 24% 5% 0;
position: relative;
text-align: center;
width: 90%;
z-index: 2;
}
.home_multi_list_gallery ul li:hover .bg_black {
display: block;
}
.home_multi_list_gallery ul li .vdo_title {
display: none;
float: left;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 15%;
width: 100%;
z-index: 1;
}
.home_multi_list_gallery ul li .vdo_title a {
color: #fff;
float: left;
font-family: "kalatexaregular";
font-size: 14px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%;
}
#head #nav_top {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 98%;
}
#head #nav_top span.ar {
color: #fff;
float: left;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
#head_mark {
background: url("/images/home_bg_logo.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#head_mark #nav_tops {
height: 100px;
margin: auto;
overflow: hidden;
padding: 0;
width: 662px;
}
#head_mark #nav_tops .web_logo {
float: left;
margin: 0;
overflow: hidden;
padding: 0.6% 0 0;
text-align: center;
text-decoration: none;
width: 100px;
}
#head_mark #nav_tops .web_activity {
float: right;
margin: 19px 0 0;
overflow: hidden;
padding: 0;
width: 417px;
}
#nav_top .web_activity {
float: right;
height: 71px;
margin: 19px 0 0;
overflow: hidden;
padding: 0;
width: 411px;
}
.web_activity .search_fanpage {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .search_fanpage a.ico_feed {
background: url("/images/home_fanpages.png") no-repeat scroll -331px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_yt {
background: url("/images/home_fanpages.png") no-repeat scroll -292px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 6px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_tw {
background: url("/images/home_fanpages.png") no-repeat scroll -252px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 6px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_fb {
background: url("/images/home_fanpages.png") no-repeat scroll -211px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 8px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_feed:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -331px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_yt:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -292px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 6px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_tw:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -252px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 6px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_fb:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -211px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 8px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage .home_search {
background: url("/images/home_fanpages.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
font-size: 100%;
height: 33px;
margin: 0;
overflow: hidden;
padding: 0;
width: 204px;
}
.web_activity .search_fanpage .home_search #frmSearch {
border: medium none;
float: left;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .search_fanpage .home_search input[type="text"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
float: left;
font-size: 20px;
height: auto;
line-height: 35px;
margin: 0 0 0 10px;
outline: 0 none;
padding: 0;
text-align: left;
width: 156px;
}
.web_activity .search_fanpage .home_search span {
background: url("/images/home_fanpages.png") no-repeat scroll -173px 0 rgba(0, 0, 0, 0);
cursor: pointer;
float: right;
height: 32px;
margin: 0 2px 0 0;
overflow: hidden;
padding: 0;
width: 30px;
}
.web_activity .home_system {
color: #666;
float: left;
font-family: "kwamsookregular";
font-size: 82%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .home_system .home_display {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display span {
float: left;
font-size: 14px;
line-height: 60px;
margin: 0 12px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display ul {
float: left;
margin: 18px 0 0;
overflow: hidden;
padding: 0;
width: 144px;
}
.web_activity .home_system .home_display ul li.text-size {
float: left;
margin: 0 6px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal {
background: url("/images/ic-fontsize.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger {
background: url("/images/ic-fontsize.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest {
background: url("/images/ic-fontsize.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size .border_text {
color: #999999;
float: left;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 9px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -15px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -32px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal.active {
background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger.active {
background-position: -15px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest.active {
background-position: -32px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0 {
background: url("/images/ic-fontsize.png") no-repeat scroll -51px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1 {
background: url("/images/ic-fontsize.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 19px;
}
.web_activity .home_system .home_display ul li.text-size a.active {
background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -51px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -70px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 19px;
}
.web_activity .home_system .home_login {
float: right;
margin: 18px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_login a.btn_login {
color: #666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.web_activity .home_system .home_login span.border_login {
float: right;
font-size: 100%;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_login a.btn_register {
color: #666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.w2bslikebox {
cursor: pointer;
display: block;
float: right;
height: 168px;
padding: 0;
position: fixed;
right: -103px;
top: 20%;
width: 111px;
z-index: 999999999;
}
#nav_menu {
background: none repeat scroll 0 0 #2da888;
float: left;
height: auto;
margin: 0;
padding: 0 0 0 53px;
width: 100%;
}
#nav_menu ul {
margin: auto;
padding: 0;
width: 100%;
}
#nav_menu ul li {
float: left;
margin: 0;
padding: 0;
width: auto;
}
#nav_menu ul li a.one {
background: url("/images/nav_menu.png") no-repeat scroll -21px 0 rgba(0, 0, 0, 0);
height: auto;
margin-left: 0;
width: auto;
}
#nav_menu ul li a.two {
background: url("/images/nav_menu.png") no-repeat scroll -110px 0 rgba(0, 0, 0, 0);
height: auto;
width: auto;
}
#nav_menu ul li a.three {
background: url("/images/nav_menu.png") no-repeat scroll -235px 0 rgba(0, 0, 0, 0);
height: auto;
width: auto;
}
#nav_menu ul li a.four {
background: url("/images/nav_menu.png") no-repeat scroll -356px 0 rgba(0, 0, 0, 0);
height: auto;
width: auto;
}
#nav_menu ul li a.five {
background: url("/images/nav_menu.png") no-repeat scroll -521px 0 rgba(0, 0, 0, 0);
height: auto;
width: auto;
}
#nav_menu ul li a.six {
background: url("/images/nav_menu.png") no-repeat scroll -624px 0 rgba(0, 0, 0, 0);
height: auto;
width: auto;
}
#nav_menu ul li a.seven {
background: url("/images/nav_menu.png") no-repeat scroll -780px 0 rgba(0, 0, 0, 0);
height: auto;
width: auto;
}
#nav_menu ul li a.eight {
background: url("/images/nav_menu.png") no-repeat scroll -879px 0 rgba(0, 0, 0, 0);
height: auto;
margin-right: 0;
width: auto;
}
#nav_menu ul li a {
color: #fff;
float: left;
font-family: "kwamsookregular";
font-size: 80%;
line-height: 39px;
margin: 0 7px;
outline: medium none;
overflow: hidden;
padding: 26px 0 0;
text-align: center;
text-decoration: none;
}
#nav_menu ul li.act {
background: none repeat scroll 0 0 #ec7406;
}
#nav_menu ul li:hover {
background: none repeat scroll 0 0 #ec7406;
}
#nav_menu_bor {
background: none repeat scroll 0 0 #ff6600;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
float: left;
height: 3px;
margin: 0 0 16px;
overflow: hidden;
padding: 0;
width: 100%;
}
.nav_sub4 {
background: none repeat scroll 0 0 #a1d7c9;
color: #fff;
font-family: "kwamsooklight";
font-size: 16px;
left: -36px;
line-height: 36px;
position: absolute;
text-align: center;
top: 65px;
width: 135px;
z-index: 0;
}
.nav_sub4 span {
background: url("/images/nav_sub.png") no-repeat scroll 0 0 #fff;
float: left;
height: 38px;
margin: 0;
overflow: hidden;
padding: 0;
width: 36px;
}
.nav_sub5 {
background: none repeat scroll 0 0 #a1d7c9;
color: #fff;
font-family: "kwamsooklight";
font-size: 16px;
left: -36px;
line-height: 36px;
position: absolute;
text-align: center;
top: 105px;
width: 135px;
z-index: 0;
}
.nav_sub5 span {
background: url("/images/nav_sub.png") no-repeat scroll 0 -39px #fff;
float: left;
height: 38px;
margin: 0;
overflow: hidden;
padding: 0;
width: 36px;
}
.nav_sub6 {
background: none repeat scroll 0 0 #a1d7c9;
color: #fff;
font-family: "kwamsooklight";
font-size: 16px;
left: -36px;
line-height: 36px;
position: absolute;
text-align: center;
top: 145px;
width: 168px;
z-index: 0;
}
.nav_sub6 span {
background: url("/images/nav_sub.png") no-repeat scroll 0 -78px #fff;
float: left;
height: 38px;
margin: 0;
overflow: hidden;
padding: 0;
width: 36px;
}
#footer {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_border {
background: none repeat scroll 0 0 #70bba7;
float: left;
height: 6px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_map {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px dotted #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_sitemap {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px solid #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_verified {
background: none repeat scroll 0 0 #474644;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0 0 15px;
width: 100%;
}
#footer {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_border {
background: none repeat scroll 0 0 #70bba7;
float: left;
height: 6px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_map #blog_contact {
margin: auto;
overflow: hidden;
padding: 0;
width: 750px;
}
#blog_contact .circle_big {
height: 150px;
margin: 25px auto;
overflow: hidden;
padding: 0;
width: 444px;
}
#blog_contact .circle_big a.circle_1 {
background: url("/images/footer_contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_2 {
background: url("/images/footer_contact.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 50px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_3 {
background: url("/images/footer_contact.png") no-repeat scroll -178px 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_1:hover {
background: url("/images/footer_contact.png") no-repeat scroll 0 -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_2:hover {
background: url("/images/footer_contact.png") no-repeat scroll -89px -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 50px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_3:hover {
background: url("/images/footer_contact.png") no-repeat scroll -178px -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a {
color: #fff;
font-family: "kwamsooklight";
font-size: 88%;
text-align: center;
text-decoration: none;
}
#blog_contact .contact_text {
float: left;
height: 176px;
margin: 25px 0 0 50px;
overflow: hidden;
padding: 0;
width: 326px;
}
#blog_contact .contact_text .three_people {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%;
}
#blog_contact .contact_text h3 {
color: #fff;
float: left;
font-family: "kalatexaregular";
font-size: 110%;
font-weight: normal;
margin: 0;
overflow: hidden;
padding: 0 25px;
text-align: center;
width: 84%;
}
#blog_contact .contact_text .function_fanpages {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.function_fanpages .home_footer_fb {
background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
margin-left: 100px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_tw {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
margin: 0 10px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_yt {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_fb:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_tw:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_yt:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px -34px rgba(0, 0, 0, 0);
}
#blog_contact .g_map {
float: right;
margin: 0 100px 0 0;
overflow: hidden;
padding: 0;
width: 230px;
}
#footer_sitemap #blog_showmenu {
margin: 20px auto;
overflow: hidden;
padding: 0;
width: 450px;
}
#footer_sitemap #blog_showmenu ul {
float: left;
height: 260px;
margin: 0;
overflow: hidden;
padding: 0;
width: 150px;
}
#footer_sitemap #blog_showmenu ul li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li h4 {
color: #fff;
float: left;
font-family: "kwamsooklight";
font-size: 106%;
font-weight: bold;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li a {
color: #ebebe7;
float: left;
font-family: "kwamsookregular";
font-size: 86%;
margin: 0;
text-align: left;
text-decoration: none;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li {
float: left;
margin: 0 0 0 8px;
overflow: hidden;
padding: 0;
width: 95%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li a {
color: #ebebe7;
text-decoration: none;
}
#footer #footer_verified {
background: none repeat scroll 0 0 #474644;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0 0 15px;
width: 100%;
}
#footer #footer_verified .blog_showver {
margin: auto;
overflow: hidden;
padding: 10px 0 0;
width: 88%;
}
#footer #footer_verified .blog_showver .blog_showver_left {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 40%;
}
#footer #footer_verified .blog_showver .blog_showver_right {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 41%;
}
#footer #footer_verified .blog_showver a.footer_site {
border-right: 1px solid #9d9c9b;
float: left;
margin: 8px 14px 0 0;
overflow: hidden;
padding: 0 14px 0 0;
width: auto;
}
#footer #footer_verified .blog_showver a.footer_selectsite {
float: left;
margin: 8px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left iframe {
float: left;
height: 17px;
margin: 4px 0 0 8px;
width: 14px;
}
#footer #footer_verified .blog_showver a.footer_wai-aa {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver span.footer_thai {
color: #fff;
display: none;
float: left;
font-family: Tahoma;
font-size: 12px;
line-height: 30px;
margin: 0 10px;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver a.footer_xhtml {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver a.footer_by-nc-sa {
float: left;
margin: 9px 10px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver a {
color: #fff;
font-family: Tahoma;
font-size: 12px;
}
.stepcarousel {
position: relative;
}
.stepcarousel .clip_history_show_all {
height: 150px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
}
.stepcarousel .clip_history_relate_detail {
float: left;
height: 150px;
margin: 0;
overflow: hidden;
padding: 0;
width: 144px;
}
.stepcarousel .gallery_show_alls {
height: 110px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
}
.stepcarousel .gallery_detail {
float: left;
height: auto;
margin: 0 10px;
overflow: hidden;
padding: 0;
width: 144px;
}
.stepcarousel .gallery_detail table {
float: left;
width: 100%;
}
.w_gallery_blog_link {
margin: 1px auto auto;
overflow: hidden;
padding: 0;
width: 652px;
}
#w_gallery_all_link {
float: left;
height: 105px;
margin: 5px auto;
overflow: hidden;
padding: 0;
width: 658px;
}
#arrow_w_gallery_blog_link {
margin: auto;
padding: 0;
position: relative;
width: 658px;
}
.arrowlink_r {
background: url("/images/arrow-r.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 83px;
outline: medium none;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -9999px;
top: 45px;
width: 32px;
z-index: 3;
}
.arrowlink_l {
background: url("/images/arrow-l.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 83px;
left: 0;
outline: medium none;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 45px;
width: 32px;
z-index: 3;
}
.home_more_books {
background: url("/images/home_arrow_books.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
color: #fff;
font-size: 18px;
height: 34px;
left: 318px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 6px;
width: 34px;
z-index: 3;
}
.home_morelink {
color: #fff;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.stepcarouselx {
position: relative;
}
.stepcarouselx .clip_history_show_all {
height: 150px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
}
.stepcarouselx .clip_history_relate_detail {
float: left;
height: 150px;
margin: 0;
overflow: hidden;
padding: 0;
width: 163px;
}
.stepcarouselx .gallery_show_all {
height: 174px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
}
.stepcarouselx .gallery_detail {
float: left;
height: auto;
margin: 0 18px;
overflow: hidden;
padding: 0;
width: 124px;
}
.w_gallery_blog {
margin: 1px auto auto;
overflow: hidden;
padding: 0;
width: 585px;
}
#w_gallery_all {
float: left;
height: 174px;
margin: 10px auto;
overflow: hidden;
padding: 0;
width: 590px;
}
#arrow_w_gallery_blog {
margin: auto;
overflow: hidden;
padding: 0;
position: relative;
width: 590px;
}
.arrow_r {
background: url("/images/home_arrow_books.png") no-repeat scroll -71px 0 rgba(0, 0, 0, 0);
height: 34px;
outline: medium none;
overflow: hidden;
position: absolute;
right: 284px;
text-indent: -9999px;
top: 6px;
width: 34px;
z-index: 3;
}
.arrow_l {
background: url("/images/home_arrow_books.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 34px;
left: 285px;
outline: medium none;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 6px;
width: 34px;
z-index: 3;
}
.home_more_books {
background: url("/images/home_arrow_books.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
color: #fff;
font-size: 18px;
height: 34px;
left: 318px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 6px;
width: 34px;
z-index: 3;
}
#content_right_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits li {
border-bottom: 1px dotted #ccc;
float: left;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 5px;
width: 100%;
}
.hits_images {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
padding: 0;
width: 30%;
}
.hits_descrition {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 68%;
}
.link_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.title_hits {
color: #333333;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.des_hits {
color: #666666;
float: left;
font-size: 90%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.show-phone {
display: block;
}
.not-phone {
display: block;
}
.disw999 {
display: none;
}
.enw999 {
display: block;
}
}
@media screen and (min-width: 900px) {
#wapper {
height: auto;
margin: auto auto 34px;
padding: 0;
width: 1003px;
}
#intro_home {
background: none repeat scroll 0 0 #04a3b0;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}
.intro_home_first {
background: none repeat scroll 0 0 #ffc;
display: block;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.intro_home_none {
background: none repeat scroll 0 0 #fff;
display: none;
float: left;
height: 475px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.intro_home_none .link_to {
float: left;
text-decoration: none;
width: 100%;
}
.follow_head {
margin: auto;
max-width: 1000px;
position: relative;
}
.home_btn_intro_case {
background: url("/images/tops_pinintro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 38px;
position: absolute;
right: 0;
text-indent: -9999px;
top: 0;
width: 25px;
z-index: 1;
}
.home_btn_intro_show {
background: url("/images/tops_pinintro.png") no-repeat scroll 0 -38px rgba(0, 0, 0, 0);
height: 38px;
position: absolute;
right: 0;
text-indent: -9999px;
top: 0;
width: 25px;
z-index: 1;
}
#wapper #home_content {
float: left;
margin: 0 0 17px;
padding: 0;
position: relative;
width: 100%;
}
#home_content #home_content_left {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 672px;
}
#home_content #home_content_right {
float: right;
height: auto;
margin: 0;
padding: 0;
width: 320px;
}
#home_content_left #home_associate {
float: left;
height: 520px;
margin: 0 0 30px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_left #home_multimedia {
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 15px;
height: auto;
margin: 0 0 24px;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_left #home_books {
float: left;
height: 316px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_books .title_books {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_books .title_books h3 {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -74px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0 0 0 26px;
width: 50%;
}
#home_books .title_books a.home_more_books {
background: none repeat scroll 0 0 #ccc;
color: #fff;
float: right;
font-size: 18px;
margin: 2px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
#home_books .home_listbooks {
background: url("/images/home_bg_book.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 273px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_books .home_listbooks .home_book_nav {
float: left;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.home_book_nav h3.title_books {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -122px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0 0 0 26px;
width: 50%;
}
.home_book_nav a.home_morelink {
background: none repeat scroll 0 0 #ccc;
color: #fff;
float: right;
font-size: 18px;
margin: 2px 4px 0 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_book_nav a.home_morelink_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 2px 4px 0 0;
overflow: hidden;
padding: 2px 8px;
position: relative;
text-align: center;
width: auto;
z-index: 3;
}
#home_books .home_listbooks ul {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_books .home_listbooks ul li {
float: left;
height: 174px;
margin: 0 13px;
overflow: hidden;
padding: 0;
width: 124px;
}
#home_multimedia .home_multi_head {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
#home_multimedia .home_multi_head ul {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_multimedia .home_multi_head ul li.ones {
background: none repeat scroll 0 0 #ededed;
border-left: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
float: left;
line-height: 27px;
margin: 0;
overflow: hidden;
padding: 8px 16px;
width: 30%;
}
#home_multimedia .home_multi_head ul li.twos {
background: none repeat scroll 0 0 #fff;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
float: left;
line-height: 27px;
margin: 0;
overflow: hidden;
padding: 8px 16px;
width: 30%;
}
#home_multimedia .home_multi_head ul li.ones h3.one {
background: url("/images/home_bg_title.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
font-size: 17px;
margin: 0;
overflow: hidden;
padding: 0 0 0 21%;
width: 66%;
}
#home_multimedia .home_multi_head ul li.twos h3.two {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
font-size: 17px;
margin: 0;
overflow: hidden;
padding: 0 0 0 21%;
width: 66%;
}
#home_multimedia .home_multi_head ul li a {
color: #336666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 10%;
}
#home_multimedia .home_multi_show {
background: none repeat scroll 0 0 #ededed;
border: 1px solid #d9d9d9;
float: left;
height: auto;
margin: -1px 0 0;
overflow: hidden;
padding: 17px 19px;
width: 94.1%;
}
#home_multimedia .home_multi_show .home_multi_list {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_multimedia .home_multi_show .home_multi_list_gallery {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_multimedia .home_multi_show #home_casegallery {
display: none;
}
.home_multi_list .home_vdo1 {
background: none repeat scroll 0 0 #000;
float: left;
height: 250px;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 50%;
}
.home_multi_list .home_vdo1 .bg_black {
display: none;
height: 240px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list .home_vdo1 .home_hover_vdo {
background: none repeat scroll 0 0 #84bdaa;
height: 240px;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list .home_vdo1 .zoom {
background: url("/images/enter_icon_zoom.png") no-repeat scroll center 70px rgba(0, 0, 0, 0);
color: #fff;
float: left;
font-size: 88%;
height: 35%;
padding: 40% 5% 0;
position: relative;
text-align: center;
width: 83%;
z-index: 2;
}
.home_multi_list .home_vdo1:hover .bg_black {
display: block;
}
.home_multi_list ul {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 48%;
}
.home_multi_list ul li {
float: left;
margin: 0 0 4%;
overflow: hidden;
padding: 0;
position: relative;
width: 50%;
}
.home_multi_list ul li .images {
background: none repeat scroll 0 0 #000;
float: left;
height: 119px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.home_multi_list ul li .images .bg_black {
display: none;
height: 240px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list ul li .images .home_hover_vdo {
background: none repeat scroll 0 0 #84bdaa;
height: 240px;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list ul li .images .zoom {
background: url("/images/enter_icon_zoom.png") no-repeat scroll center 30px rgba(0, 0, 0, 0);
color: #fff;
float: left;
font-size: 88%;
height: 35%;
padding: 44% 5% 0;
position: relative;
text-align: center;
width: 90%;
z-index: 2;
}
.home_multi_list ul li .images:hover .bg_black {
display: block;
}
.home_multi_list ul li .vdo_title {
display: none;
float: left;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 15%;
width: 100%;
z-index: 1;
}
.home_multi_list ul li .vdo_title a {
color: #fff;
float: left;
font-family: "kalatexaregular";
font-size: 14px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%;
}
.home_multi_list_gallery ul {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 102%;
}
.home_multi_list_gallery ul li {
float: left;
margin: 0 0 3%;
overflow: hidden;
padding: 0;
position: relative;
width: 33.3%;
}
.home_multi_list_gallery ul li .bg_black {
display: none;
height: 240px;
left: 0;
position: absolute;
top: 0;
width: 95%;
z-index: 1;
}
.home_multi_list_gallery ul li .home_hover_vdo {
background: none repeat scroll 0 0 #84bdaa;
height: 240px;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home_multi_list_gallery ul li .zoom {
background: url("/images/enter_icon_zoom.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
color: #fff;
float: left;
font-size: 88%;
height: 35%;
padding: 24% 5% 0;
position: relative;
text-align: center;
width: 90%;
z-index: 2;
}
.home_multi_list_gallery ul li:hover .bg_black {
display: block;
}
.home_multi_list_gallery ul li .images {
float: left;
height: 135px;
margin: 0;
overflow: hidden;
padding: 0;
width: 95%;
}
.home_multi_list_gallery ul li .vdo_title {
display: none;
float: left;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 15%;
width: 100%;
z-index: 1;
}
.home_multi_list_gallery ul li .vdo_title a {
color: #fff;
float: left;
font-family: "kalatexaregular";
font-size: 14px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%;
}
#home_multimedia .home_content_left #home_books {
background: none repeat scroll 0 0 #f0c;
float: left;
height: 316px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#home_content_right #bannerA1 {
box-shadow: 0 0 5px #e0e0e0;
float: left;
height: auto;
margin: 0 0 10px;
padding: 0 5px 5px;
width: 97%;
}
#home_content_right #blog_writer {
box-shadow: 0 0 5px #e0e0e0;
float: left;
height: auto;
margin: 0 0 17px;
overflow: hidden;
padding: 0 5px;
width: 97%;
}
#home_content_right #blog_calendar {
box-shadow: 0 0 5px #e0e0e0;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 5px;
width: 97%;
}
#home_content_right #blog_rating {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list li {
border-bottom: 1px solid #ccc;
float: left;
margin: 0;
overflow: hidden;
padding: 10px 0;
width: 100%;
}
#blog_rating #widget_rateing_list li .images {
float: left;
margin: 0 2% 0 0;
overflow: hidden;
padding: 0;
width: 25%;
}
#blog_rating #widget_rateing_list li .txt {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 73%;
}
#blog_rating #widget_rateing_list li .txt a {
color: #009966;
}
#blog_rating #widget_rateing_list li .view_rate {
color: #666;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_rating #widget_rateing_list li .view_rate .icon {
background: url("/images/gallery_icon_view.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
float: left;
height: 25px;
margin: 0;
overflow: hidden;
padding: 0;
width: 25px;
}
#blog_calendar #calen_show {
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#blog_calendar #calen_show p {
background: url("/images/home_bg_title.png") no-repeat scroll 0 -176px rgba(0, 0, 0, 0);
color: #01936e;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: bold;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 0 25px;
width: 50%;
}
.home_calendarmore {
background: none repeat scroll 0 0 #cccccc;
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_calendarmore_bg {
color: #fff;
float: right;
font-size: 18px;
height: 16px;
margin: 0;
overflow: hidden;
padding: 7px 8px;
text-align: center;
width: auto;
}
.home_calendarmore_bg_text {
color: #fff;
float: right;
font-size: 18px;
height: 16px;
margin: 0;
overflow: hidden;
padding: 7px 0;
text-align: center;
width: auto;
}
.home_calendarmore_text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
text-align: center;
width: auto;
}
.home_calendarmore_bg_text_inner {
color: #fff;
float: right;
font-size: 18px;
height: 16px;
margin: 0;
overflow: hidden;
padding: 7px 0;
text-align: center;
width: auto;
}
.home_calendarmore_text_inner {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
float: right;
font-size: 18px;
margin: 0;
overflow: hidden;
padding: 7px 8px;
text-align: center;
width: auto;
}
#blog_news #blog_right #calen_show p span {
background: url("/images/bullet_home.png") no-repeat scroll -177px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 5px 5px 0 0;
overflow: hidden;
padding: 0;
width: 18px;
}
#wapper #home_link {
float: left;
height: 148px;
margin: 0;
overflow: hidden;
padding: 0;
width: 1003px;
}
#wapper #home_link2 {
float: left;
height: 148px;
margin: 0;
overflow: hidden;
padding: 0;
width: 1003px;
}
#head_mark {
background: url("/images/home_bg_logo.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#head_mark #nav_tops {
height: 100px;
margin: auto;
overflow: hidden;
padding: 0;
width: 1000px;
}
#nav_tops .web_activity {
float: right;
height: 71px;
margin: 19px 0 0;
padding: 0;
width: 75%;
}
.web_activity .search_fanpage {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .search_fanpage a.ico_feed {
background: url("/images/home_fanpages.png") no-repeat scroll -331px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_yt {
background: url("/images/home_fanpages.png") no-repeat scroll -292px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 7px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_tw {
background: url("/images/home_fanpages.png") no-repeat scroll -252px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 6px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_fb {
background: url("/images/home_fanpages.png") no-repeat scroll -211px 0 rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 8px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_feed:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -331px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_yt:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -292px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 7px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_tw:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -252px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 6px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage a.ico_fb:hover {
background: url("/images/home_fanpages.png") no-repeat scroll -211px -33px rgba(0, 0, 0, 0);
float: right;
height: 32px;
margin: 0 8px 0 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 33px;
}
.web_activity .search_fanpage .home_search {
background: url("/images/home_fanpages.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
height: 33px;
margin: 0 7px 0 0;
overflow: hidden;
padding: 0;
width: 204px;
}
.web_activity .search_fanpage .home_search input[type="text"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
float: left;
font-size: 20px;
height: 26px;
line-height: 35px;
margin: 3px 0 0 14px;
outline: 0 none;
text-align: left;
width: 156px;
}
.web_activity .search_fanpage .home_search span {
background: url("/images/home_fanpages.png") no-repeat scroll -173px 0 rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 32px;
margin: 0;
overflow: hidden;
padding: 0;
width: 30px;
}
.web_activity .home_system {
color: #666;
float: right;
font-family: "kwamsookregular";
font-size: 82%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.web_activity .home_system .home_display {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display span {
float: left;
font-size: 14px;
line-height: 60px;
margin: 0 12px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display ul {
float: left;
margin: 18px 0 0;
overflow: hidden;
padding: 0;
width: 144px;
}
.web_activity .home_system .home_display ul li.text-size {
float: left;
margin: 0 6px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal {
background: url("/images/ic-fontsize.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger {
background: url("/images/ic-fontsize.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest {
background: url("/images/ic-fontsize.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size .border_text {
color: #999999;
float: left;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 9px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll 0 -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 15px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -15px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 16px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -32px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#size-normal.active {
background-position: 0 -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-bigger.active {
background-position: -15px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#size-biggest.active {
background-position: -32px -62px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0 {
background: url("/images/ic-fontsize.png") no-repeat scroll -51px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1 {
background: url("/images/ic-fontsize.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 19px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-0:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -51px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 18px;
}
.web_activity .home_system .home_display ul li.text-size a#body-switch-1:hover {
background: url("/images/ic-fontsize.png") no-repeat scroll -70px -62px rgba(0, 0, 0, 0);
float: left;
height: 18px;
margin: 0;
outline: medium none;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 19px;
}
.web_activity .home_system .home_login {
float: right;
margin: 18px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_login .btn_login {
color: #666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.web_activity .home_system .home_login span.border_login {
float: right;
font-size: 100%;
margin: 0 5px;
overflow: hidden;
padding: 0;
width: auto;
}
.web_activity .home_system .home_login .btn_register {
color: #666;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.web_activity .home_system .home_login .btn_logout {
color: #f30;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.web_activity .home_system .home_login .btn_profile {
color: #01936e;
float: none;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.web_activity .home_system .home_login .btn_logout_border {
float: right;
text-align: center;
width: 11px;
}
.w2bslikebox {
cursor: pointer;
display: block;
float: right;
height: 168px;
padding: 0;
position: fixed;
right: -103px;
top: 20%;
width: 111px;
z-index: 999999999;
}
#nav_menu {
background: none repeat scroll 0 0 #2da888;
float: left;
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
#nav_menu #nav_menu_sub {
margin: auto;
padding: 0;
width: 1003px;
}
#nav_menu #nav_menu_sub ul {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
#nav_menu #nav_menu_sub ul li {
margin: 0;
padding: 0;
width: auto;
}
#nav_menu #nav_menu_sub ul li a.one {
background: url("/images/nav_menu.png") no-repeat scroll -1px 0 rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 91px;
}
#nav_menu #nav_menu_sub ul li a.two {
background: url("/images/nav_menu.png") no-repeat scroll -92px 0 rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 116px;
}
#nav_menu #nav_menu_sub ul li a.three {
background: url("/images/nav_menu.png") no-repeat scroll -208px 0 rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 121px;
}
#nav_menu #nav_menu_sub ul li a.four {
background: url("/images/nav_menu.png") no-repeat scroll -329px 0 rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 159px;
}
#nav_menu #nav_menu_sub ul li a.five {
background: url("/images/nav_menu.png") no-repeat scroll -488px 0 rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 114px;
}
#nav_menu #nav_menu_sub ul li a.six {
background: url("/images/nav_menu.png") no-repeat scroll -602px 0 rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 153px;
}
#nav_menu #nav_menu_sub ul li a.seven {
background: url("/images/nav_menu.png") no-repeat scroll -755px 0 rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 106px;
}
#nav_menu #nav_menu_sub ul li a.eight {
background: url("/images/nav_menu.png") no-repeat scroll -861px 0 rgba(0, 0, 0, 0);
float: left;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0;
width: 142px;
}
#nav_menu #nav_menu_sub ul li a {
color: #fff;
font-family: "kwamsookregular";
font-size: 80%;
line-height: 101px;
outline: medium none;
text-align: center;
text-decoration: none;
}
#nav_menu #nav_menu_sub ul li.act {
background: none repeat scroll 0 0 #ec7406;
}
#nav_menu #nav_menu_sub ul li:hover {
background: none repeat scroll 0 0 #ec7406;
}
#nav_menu_bor {
background: none repeat scroll 0 0 #ff6600;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
float: left;
height: 3px;
margin: 0 0 16px;
overflow: hidden;
padding: 0;
width: 100%;
}
.nav_sub1 {
background: none repeat scroll 0 0 #a1d7c9;
color: #fff;
font-family: "kwamsooklight";
font-size: 16px;
left: -36px;
line-height: 36px;
position: absolute;
text-align: center;
top: 57px;
width: 135px;
z-index: 0;
}
.nav_sub1 span {
background: url("/images/nav_sub.png") no-repeat scroll 0 0 #fff;
float: left;
height: 38px;
margin: 0;
overflow: hidden;
padding: 0;
width: 36px;
}
.nav_sub2 {
background: none repeat scroll 0 0 #a1d7c9;
color: #fff;
font-family: "kwamsooklight";
font-size: 16px;
left: -36px;
line-height: 36px;
position: absolute;
text-align: center;
top: 98px;
width: 135px;
z-index: 0;
}
.nav_sub2 span {
background: url("/images/nav_sub.png") no-repeat scroll 0 -39px #fff;
float: left;
height: 38px;
margin: 0;
overflow: hidden;
padding: 0;
width: 36px;
}
.nav_sub3 {
background: none repeat scroll 0 0 #a1d7c9;
color: #fff;
font-family: "kwamsooklight";
font-size: 16px;
left: -36px;
line-height: 36px;
position: absolute;
text-align: center;
top: 140px;
width: 168px;
z-index: 0;
}
.nav_sub3 span {
background: url("/images/nav_sub.png") no-repeat scroll 0 -78px #fff;
float: left;
height: 38px;
margin: 0;
overflow: hidden;
padding: 0;
width: 36px;
}
#footer {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_border {
background: none repeat scroll 0 0 #70bba7;
float: left;
height: 6px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer #footer_map {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px dotted #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_map #blog_contact {
margin: auto;
overflow: hidden;
padding: 0;
width: 1003px;
}
#blog_contact .circle_big {
float: left;
height: 150px;
margin: 25px 0 0;
overflow: hidden;
padding: 0;
width: 444px;
}
#blog_contact .circle_big a.circle_1 {
background: url("/images/footer_contact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_2 {
background: url("/images/footer_contact.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 50px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_3 {
background: url("/images/footer_contact.png") no-repeat scroll -178px 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_1:hover {
background: url("/images/footer_contact.png") no-repeat scroll 0 -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_2:hover {
background: url("/images/footer_contact.png") no-repeat scroll -89px -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 50px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a.circle_3:hover {
background: url("/images/footer_contact.png") no-repeat scroll -178px -138px rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin: 0 10px;
overflow: hidden;
padding: 100px 0 0;
width: 89px;
}
#blog_contact .circle_big a {
color: #fff;
font-family: "kwamsooklight";
font-size: 88%;
text-align: center;
text-decoration: none;
}
#blog_contact .contact_text {
float: left;
height: 176px;
margin: 25px 0 0;
overflow: hidden;
padding: 0;
width: 326px;
}
#blog_contact .contact_text .three_people {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%;
}
#blog_contact .contact_text h3 {
color: #fff;
float: left;
font-family: "kalatexaregular";
font-size: 110%;
font-weight: normal;
margin: 0;
overflow: hidden;
padding: 0 25px;
text-align: center;
width: 84%;
}
#blog_contact .contact_text .function_fanpages {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.function_fanpages .home_footer_fb {
background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
margin-left: 100px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_tw {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
margin: 0 10px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_yt {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px 0 rgba(0, 0, 0, 0);
float: left;
height: 33px;
text-indent: -9999px;
width: 33px;
}
.function_fanpages .home_footer_fb:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_tw:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -41px -34px rgba(0, 0, 0, 0);
}
.function_fanpages .home_footer_yt:hover {
background: url("/images/home_footer_fanpage.png") no-repeat scroll -83px -34px rgba(0, 0, 0, 0);
}
#blog_contact .g_map {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 230px;
}
#footer #footer_sitemap {
background: none repeat scroll 0 0 #474644;
border-bottom: 1px solid #8b8a88;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu {
margin: 20px auto;
overflow: hidden;
padding: 0;
width: 1003px;
}
#footer_sitemap #blog_showmenu ul {
float: left;
margin: 0 16px 0 0;
overflow: hidden;
padding: 0;
width: 150px;
}
#footer_sitemap #blog_showmenu ul li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li h4 {
color: #fff;
float: left;
font-family: "kwamsooklight";
font-size: 100%;
font-weight: normal;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li a {
color: #ebebe7;
float: left;
font-family: "kwamsookregular";
font-size: 76%;
margin: 0;
text-align: left;
text-decoration: none;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li {
float: left;
margin: 0 0 0 8px;
overflow: hidden;
padding: 0;
width: 95%;
}
#footer_sitemap #blog_showmenu ul li ul#home_sitemap_submenu li a {
color: #ebebe7;
text-decoration: none;
}
#footer #footer_verified {
background: none repeat scroll 0 0 #474644;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0 0 15px;
width: 100%;
}
#footer #footer_verified .blog_showver {
margin: auto;
overflow: hidden;
padding: 10px 0 0;
width: 1003px;
}
#footer #footer_verified .blog_showver .blog_showver_left {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 27%;
}
#footer #footer_verified .blog_showver .blog_showver_right {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 60%;
}
#footer #footer_verified .blog_showver .footer_site {
border-right: 1px solid #9d9c9b;
float: left;
margin: 8px 14px 0 0;
overflow: hidden;
padding: 0 14px 0 0;
width: auto;
}
#footer #footer_verified .blog_showver .footer_selectsite {
float: left;
margin: 8px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .blog_showver_left iframe {
float: left;
height: 17px;
margin: 4px 0 0 8px;
width: 14px;
}
#footer #footer_verified .blog_showver .footer_wai-aa {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver span.footer_thai {
color: #fff;
float: left;
font-family: Tahoma;
font-size: 12px;
line-height: 30px;
margin: 0 10px;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .footer_xhtml {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver .footer_by-nc-sa {
float: left;
margin: 9px 0 0;
overflow: hidden;
padding: 0;
width: auto;
}
#footer #footer_verified .blog_showver a {
color: #fff;
font-family: Tahoma;
font-size: 12px;
}
.stepcarousel {
position: relative;
}
.stepcarousel .clip_history_show_all {
height: 150px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
}
.stepcarousel .clip_history_relate_detail {
float: left;
height: 150px;
margin: 0;
overflow: hidden;
padding: 0;
width: 144px;
}
.stepcarousel .gallery_show_alls {
float: left;
height: 105px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
}
.stepcarousel .gallery_detail {
float: left;
height: 100px;
margin: 15px 10px 0;
overflow: hidden;
padding: 0;
width: 144px;
}
.stepcarousel .gallery_detail table {
float: left;
width: 100%;
}
.w_gallery_blog_link {
margin: 1px auto auto;
overflow: hidden;
padding: 0;
width: 933px;
}
#w_gallery_all_link {
float: left;
height: 105px;
margin: 5px auto;
overflow: hidden;
padding: 0;
width: 939px;
}
#arrow_w_gallery_blog_link {
margin: auto;
padding: 0;
position: relative;
width: 939px;
}
.arrowlink_r {
background: url("/images/arrow-r.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 83px;
outline: medium none;
overflow: hidden;
position: absolute;
right: -28px;
text-indent: -9999px;
top: 45px;
width: 32px;
z-index: 3;
}
.arrowlink_l {
background: url("/images/arrow-l.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 83px;
left: -28px;
outline: medium none;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 45px;
width: 32px;
z-index: 3;
}
.home_more_books {
background: url("/images/home_arrow_books.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
color: #fff;
font-size: 18px;
height: 34px;
left: 318px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 6px;
width: 34px;
z-index: 3;
}
.home_morelink {
color: #fff;
float: right;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: auto;
}
.stepcarouselx {
position: relative;
}
.stepcarouselx .clip_history_show_all {
height: 150px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
}
.stepcarouselx .clip_history_relate_detail {
float: left;
height: 150px;
margin: 0;
overflow: hidden;
padding: 0;
width: 163px;
}
.stepcarouselx .gallery_show_all {
height: 174px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
}
.stepcarouselx .gallery_detail {
float: left;
height: auto;
margin: 0 18px;
overflow: hidden;
padding: 0;
width: 124px;
}
.stepcarouselx .gallery_detail table {
float: left;
width: 100%;
}
.stepcarouselx .gallery_detail table .bg_black {
display: none;
height: 240px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.stepcarouselx .gallery_detail table .home_hover_vdo {
background: none repeat scroll 0 0 #222;
height: 180px;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.stepcarouselx .gallery_detail table .zoom {
background: url("/images/enter_icon_zoom.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
color: #fff;
float: left;
font-size: 88%;
height: 35%;
padding: 59% 5% 0;
position: relative;
text-align: center;
width: 90%;
z-index: 2;
}
.stepcarouselx .gallery_detail table:hover .bg_black {
display: block;
}
.w_gallery_blog {
margin: 1px auto auto;
overflow: hidden;
padding: 0;
width: 585px;
}
#w_gallery_all {
float: left;
height: 174px;
margin: 10px auto;
overflow: hidden;
padding: 0;
width: 590px;
}
#arrow_w_gallery_blog {
margin: auto;
overflow: hidden;
padding: 0;
position: relative;
width: 580px;
}
.arrow_r {
background: url("/images/home_arrow_books.png") no-repeat scroll -71px 0 rgba(0, 0, 0, 0);
height: 34px;
outline: medium none;
overflow: hidden;
position: absolute;
right: 284px;
text-indent: -9999px;
top: 6px;
width: 34px;
z-index: 3;
}
.arrow_l {
background: url("/images/home_arrow_books.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 34px;
left: 284px;
outline: medium none;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 6px;
width: 34px;
z-index: 3;
}
.home_more_books {
background: url("/images/home_arrow_books.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
color: #fff;
font-size: 18px;
height: 34px;
left: 318px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 6px;
width: 34px;
z-index: 3;
}
#content_right_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits {
float: left;
margin: 5px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#list_hits li {
border-bottom: 1px dotted #ccc;
float: left;
margin: 0 0 5px;
overflow: hidden;
padding: 0 0 5px;
width: 100%;
}
.hits_images {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
padding: 0;
width: 30%;
}
.hits_descrition {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 68%;
}
.link_hits {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.title_hits {
color: #333333;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
text-decoration: none;
width: 100%;
}
.des_hits {
color: #666666;
float: left;
font-size: 90%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.hits_calendar_date {
background: url("/images/cat_sub_calendar.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
color: #999;
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 0 20px;
width: 55%;
}
.hits_calendar_view {
background: url("/images/cat_sub_bg_views.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
color: #999;
float: right;
margin: 0;
overflow: hidden;
padding: 0 0 0 20px;
width: 21%;
}
.show-phone {
display: block;
}
.not-phone {
display: block;
}
.disw1000 {
display: none;
}
}
@media screen and (max-width: 479px) {
#nav_mobile_screen {
background: none repeat scroll 0 0 #2da888;
float: left;
width: 100%;
}
#nav_mobile_screen .home_nav_mainmenu_top {
height: 35px;
margin: auto;
padding: 0;
position: relative;
width: 80%;
}
}
@media screen and (min-width: 480px) and (max-width: 750px) {
#nav_mobile_screen {
background: none repeat scroll 0 0 #2da888;
display: none;
float: left;
width: 100%;
}
#nav_mobile_screen .home_nav_mainmenu_top {
height: 35px;
margin: auto;
padding: 0;
position: relative;
width: 80%;
}
}
@media screen and (min-width: 751px) and (max-width: 999px) {
#nav_mobile_screen {
background: none repeat scroll 0 0 #2da888;
display: none;
float: left;
width: 100%;
}
}
@media screen and (min-width: 1000px) {
#nav_mobile_screen {
background: none repeat scroll 0 0 #2da888;
display: none;
float: left;
width: 100%;
}
}
</style>
<div id="home_rewrite_show" class="rewrite_bordershow">
<div class="spyWrapper" style="height: 510px;">
<ul class="spy">
<li style="height: 95px; opacity: 1; display: block;">
<div class="w_profile">
<div class="w_motion">
<div class="im">
<img width="130%" border="0" alt="" src="http://www.thaihealth.or.th/data/blog/topic/1591/cover/imgBlogCover_T_DT20140926130104.jpg">
</div>
<a class="bg_im" href="/blog/myblog/topic/502/Nattaya Nakbumrung/688/มดลูกผิดปกติ/1591/เลือดออกจากมดลูก/" target="_self" title="">
<img border="0" alt="กรณีศึกษาแพทย์วิถีธรรม หมอเขียว" src="/images/rewrite_motion.png">
</a>
</div>
<p>Nattaya Nakbumrung</p>
</div>
<div class="w_event">
<a class="w_event_msg" title="เลือดออกจากมดลูก" href="/blog/myblog/topic/502/Nattaya Nakbumrung/688/มดลูกผิดปกติ/1591/เลือดออกจากมดลูก/">เลือดออกจากมดลูก</a>
</div>
</li>
<li style="height: 95px; opacity: 1; display: block;">
<div class="w_profile">
<div class="w_motion">
<div class="im">
<img width="130%" border="0" alt="" src="/data/blog/topic/1545/cover/imgBlogCover_T_DT20140907171815.jpg">
</div>
<a class="bg_im" href="/blog/myblog/topic/498/Chaivute Girdchirn/673/หมู่บ้านความสุข/1545/องค์กรสื่ออิสระนักข่าวตัวจิ๋ว \"พลังนักข่าวตัวนุ้ย\" ที่บ้านไทรขึง/" target="_self" title="นักสืบความสุข">
<img border="0" alt="สุขซินโดรม" src="/images/rewrite_motion.png">
</a>
</div>
<p>นักสืบความสุข</p>
</div>
<div class="w_event">
<a class="w_event_msg" title="องค์กรสื่ออิสระนักข่าวตัวจิ๋ว "พลังนักข่าวตัวนุ้ย" ที่บ้านไทรขึง" href="/blog/myblog/topic/498/Chaivute Girdchirn/673/หมู่บ้านความสุข/1545/องค์กรสื่ออิสระนักข่าวตัวจิ๋ว \"พลังนักข่าวตัวนุ้ย\" ที่บ้านไทรขึง/">องค์กรสื่ออิสระนักข่าวตัวจิ๋ว "พลังนักข่าวตัวนุ้ย" ที่บ้านไทรขึง</a>
</div>
</li>
</ul>
</div>
</div>
|
| |
|
|
| |
| Date :
2014-10-17 10:07:10 |
By :
tangsupap |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองศึกษาเอง ดูครับ มันทำไม่ยากเท่ทาไหร่หรอกใช้ jquey กับ css ไปเอาของฟรีมามันง่ายก็จริง แต่มันไม่ค่อยตรงกับที่เราอยากได้เท่าไหร่ บางทีก็มีปัญหาเรื่อง jquery ทับกันอีก ลองเขียน เองดูครับ สนุก ดี
|
| |
|
|
| |
| Date :
2014-10-17 12:04:57 |
By :
gaowteen |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
http://www.htmldrive.net/items/show/397/Vertical-Scrolling-news-Ticker-With-jQuery-jCarouse
|
| |
|
|
| |
| Date :
2014-10-17 14:03:32 |
By :
arm8957 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
