@charset "utf-8";
/* CSS Document */

body, p, ul, li, form, h1, h2, h3 { padding:0; margin:0; }
body {font-family:"Tahoma"; font-size:13px; color: #521001; margin-top: 0px;font-weight:normal;	margin-bottom: 0px; background: url(../images/bg.jpg) top  center repeat-x #ffffc5;}

ul, li {list-style:none} 
a {text-decoration:none}
a:hover { text-decoration:none}
a img { border:0; }

.clear-div {clear:both}

.shadow { height:795px; top:-35px; position:absolute;  z-index:0 }
.shadow.left { left:-218px; background:url(../images/shadow_left.png) 0px 0px; z-index:0; width:218px; }
.shadow.right { right:-218px; background:url(../images/shadow_right.png) 0px 0px; z-index:0;  width:218px;  }

.item01 { height:376px; top:-35px; position:absolute;  z-index:0 }

#wrapper {  margin:0 auto; width:1003px; padding:0 0px; position:relative; height:auto; display:block; margin-bottom:20px }
#header { width:1003px; height:166px ; background:url(../images/bg_header.gif) center top no-repeat; z-index:5}
#header ul { width:1003px; height:133px ; }
#header ul li.kapook_logo { float:left; display:inline-block; width:214px; height:89px ; margin:35px 5px 0 20px; }
#header ul li.kapook_logo a img {}
#header ul li.chinesenewyear_logo { float:left; display:inline-block; width:555px; height:105px ; margin:21px 0 0 10px ;  }
#header ul li.chinesenewyear_logo a img {}

.menu {  width:1003px; height:73px ; display:block;  background:url(../images/bg_menu.png) center top no-repeat ; }
.menu ul { position:relative; height:55px ; float:left; padding-top:10px ; width:837px  }
.menu ul li { float:left; display:inline; width:auto; height:auto; }

.menu ul li.menu1 { float:left; display:inline-block; width:187px; height:55px;  z-index:999; position: absolute; background:url(../images/menu1_01.png) center top no-repeat; margin:0 0 0 12px; -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 1s ease-in-out;}
.menu ul li.menu1 a { float:left; display:inline-block; width:187px; height:55px; }
.menu ul li.menu1:hover { float:left; display:inline-block; width:187px; height:55px;  background:url(../images/menu2_01.png) center top no-repeat;  z-index:999;  -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}

.menu ul li.menu2 { float:left; display:inline-block; width:205px; height:55px;  z-index:999; position: absolute; background:url(../images/menu1_02.png) center top no-repeat; margin:0 0 0 198px; -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}
.menu ul li.menu2 a { float:left; display:inline-block; width:205px; height:55px; }
.menu ul li.menu2:hover { float:left; display:inline-block; width:205px; height:55px;  background:url(../images/menu2_02.png) center top no-repeat;  z-index:999;  -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}

.menu ul li.menu3 { float:left; display:inline-block; width:154px; height:55px;  z-index:999; position: absolute; background:url(../images/menu1_03.png) center top no-repeat; margin:0 0 0 402px; -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}
.menu ul li.menu3 a { float:left; display:inline-block; width:154px; height:55px; }
.menu ul li.menu3:hover { float:left; display:inline-block; width:154px; height:55px;  background:url(../images/menu2_03.png) center top no-repeat;  z-index:999;  -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}

.menu ul li.menu4 { float:left; display:inline-block; width:138px; height:55px;  z-index:999; position: absolute; background:url(../images/menu1_04.png) center top no-repeat; margin:0 0 0 558px; -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}
.menu ul li.menu4 a { float:left; display:inline-block; width:138px; height:55px; }
.menu ul li.menu4:hover { float:left; display:inline-block; width:138px; height:55px;  background:url(../images/menu2_04.png) center top no-repeat;  z-index:999;  -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}

.menu ul li.menu5 { float:left; display:inline-block; width:153px; height:55px;  z-index:999; position: absolute; background:url(../images/menu1_05.png) center top no-repeat; margin:0 0 0 690px; -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}
.menu ul li.menu5 a { float:left; display:inline-block; width:153px; height:55px; }
.menu ul li.menu5:hover { float:left; display:inline-block; width:153px; height:55px;  background:url(../images/menu2_05.png) center top no-repeat;  z-index:999;  -webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}


#wrapper_content { width:1003px; height:auto ; margin:0 auto; background-color:#ffffc5 } 
#wrapper_l { width:435px; height:auto; float:left; display:inline; background:url(../images/bg_wrapper_content_l.jpg) top center no-repeat;}
.share { width:425px; height:70px ; float:right; margin:225px 10px 0 0 }


#profile { float: left; display:inline-block; width:435px; height:auto; }
#profile header {  width:435px; height:102px;  background:url(../images/profile_box_01.png) center top no-repeat;}
#profile header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:75px 0px 0 98px}
#profile .wrapper {  width:435px; height:191px;  background:url(../images/profile_box_02.png) center top no-repeat;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#profile .wrapper a {  width:435px; height:191px; display:block; text-align:right; text-shadow:1px 1px 1px #892c33}
#profile .wrapper:hover { opacity:0.5;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#profile .wrapper a strong {  width:250px; display:block; margin-bottom:5px; float:right; font-size:18px; color:#FFFF99 ; margin:85px 20px 0 0 }
#profile .wrapper a span {  width:250px; display:block;  float:right; color:#FFFFFF ; margin:0px 20px 0 0}

#profile footer {  width:435px; height:28px;  background:url(../images/profile_box_03.png) center top no-repeat;}



#travel { float: left; display:inline-block; width:435px; height:auto; }
#travel  header {  width:435px; height:105px;  background:url(../images/travel_box_01.png) center top no-repeat;}
#travel  header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:67px 0px 0 105px}
#travel ul {  width:405px; height:auto; margin:0 auto; display:block ; background:url(../images/travel_box_02.png) center top repeat-y; padding:0 15px;}
#travel ul li.thump1 {  width:178px; height:128px; float:left; display:inline; text-align:center; margin:8px 1px 8px 11px;padding:4px; background-color:#ffffc5; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:0 0 8px  8px; border-radius:0 0 8px 8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}

#travel ul li.thump1:hover {  width:178px; height:128px; float:left; display:inline; text-align:center; margin:8px 1px 8px 11px;padding:4px; background-color:#ce7b03 ;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:0 0 8px  8px; border-radius:0 0 8px 8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#travel ul li.thump1 a { color: #862000; display:block; font-size:13px}
#travel ul li.thump1 a  strong { color:#d28a00}

#travel ul li.thump1:hover a { color: #fff; display:block; font-size:13px}
#travel ul li.thump1:hover a  strong { color:#fffd5a}

#travel ul li.thump1 a img {  width:167px; height:78px; margin:0 auto;  display:block; z-index:888; margin-bottom:2px ; border:2px #9a0505 solid ; padding:2px }
#travel ul li.thump1:hover a img {  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;  border:2px #fff solid ;}

#travel ul li.thump2 {  width:116px; height:120px; float:left; display:inline; text-align:center; margin:8px 0px 8px 8px;padding:4px;  background-color:#ffffc5;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);     -webkit-border-radius:0 0 8px  8px; border-radius:0 0 8px 8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}

#travel ul li.thump2:hover {  width:116px; height:120px; float:left; display:inline; text-align:center; margin:8px 0px 8px 8px;padding:4px; background-color:#6b1600;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:0 0 8px  8px; border-radius:0 0 8px 8px  ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#travel ul li.thump2 a { color: #663300; display:block; font-size:13px}
#travel ul li.thump2:hover a  { color: #fff; display:block; font-size:13px} 

#travel ul li.thump2 a  strong { color:#d9040f}
#travel ul li.thump2:hover a  strong { color: #fffb94}
#travel ul li.thump2 a img {  width:106px; height:56px; margin:0 auto;  display:block; z-index:888; margin-bottom:2px ; border:1px #d9040f dotted ; padding:2px }
#travel ul li.thump2:hover a img {  width:106px; height:56px; margin:0 auto;  display:block; z-index:888; margin-bottom:2px ; border:1px #fff dotted ; padding:2px }

#travel footer {  width:435px; height:16px;  background:url(../images/travel_box_03.png) center top no-repeat;}

#travel .shadow_foot {  width:435px; height:28px;  background:url(../images/travel_box_04.png) center top no-repeat;}




#info_share { float: left; display:inline-block; width:435px; height:auto; }
#info_share  header {  width:435px; height:105px;  background:url(../images/info_share_box_01.png) center top no-repeat;}
#info_share header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:70px 0px 0 95px}
#info_share ul {  width:405px; height:276px; margin:0 auto; display:block ; background:url(../images/info_share_box_02.png) center top repeat-y; padding:0 15px;}
#info_share ul li {  width:111px; height:111px; float:left; display:inline;    -webkit-border-radius: 8px; border-radius: 8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; border:2px solid #FFFF66; position:relative ; margin:10px 5px 10px 12px }
#info_share ul li:hover { opacity:0.8}
#info_share ul li  a {  width:111px; height:111px;}
#info_share ul li em { position:absolute; top:0; left:0;  width:111px; height:111px; }
#info_share .shadow_foot {  width:435px; height:28px;  background:url(../images/travel_box_04.png) center top no-repeat;}


#game { float: left; display:inline-block; width:435px; height:auto; }
#game  header {  width:435px; height:105px;  background:url(../images/game_box_01.png) center top no-repeat;}
#game  header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:65px 0px 0 100px}
#game ul.bg1 {  width:405px; height:auto; margin:0 auto; display:block ; background:url(../images/game_box_02.png) center top repeat-y; padding:0 15px;}

#game ul.bg1  li.thump1 {  width:126px; height:165px; float:left; display:inline; text-align:center; margin:4px 3px 8px 5px;  background-color:#ffffc5;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);     -webkit-border-radius:8px  8px 0 0 ; border-radius: 8px 8px 0 0  ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}

#game ul.bg1  li.thump1:hover {  width:126px; height:165px; float:left; display:inline; text-align:center; margin:4px 3px 8px 5px; background-color:#6b1600;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);     -webkit-border-radius:8px  8px 0 0 ; border-radius: 8px 8px 0 0  ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; overflow:hidden}
#game ul.bg1  li.thump1 a { color: #663300; display:block; font-size:12px; line-height:16px; text-shadow:1px 1px 1px #fff}
#game ul.bg1  li.thump1:hover a  { color: #fff; display:block; font-size:12px;  text-shadow:1px 1px 1px #000}

#game ul.bg1  li.thump1 a  strong { color:#d9040f}
#game ul.bg1  li.thump1:hover a  strong { color: #fffb94}
#game ul.bg1  li.thump1 a img {  width:122px; height:83px; margin:0 auto;  display:block; z-index:888; margin-bottom:2px ; border:2px #fff solid ;   -webkit-border-radius:8px  8px 0 0 ; border-radius: 8px 8px 0 0  ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#game ul.bg1  li.thump1:hover a img {  width:122px; height:83px; margin:0 auto;  display:block; z-index:888; margin-bottom:6px ; border:2px #fff solid ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}



#game ul.bg2 {  width:435px; height:auto; margin:0 auto; display:block ;  padding:0 0px;}

#game ul.bg2  li.thump1 {  width:187px; height:69px; float:left; display:inline; text-align:center; margin:8px 3px 8px 10px;  background-color:#7c1e00; padding:4px; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);     -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; border:2px #fff solid}

#game ul.bg2  li.thump1:hover {  width:187px; height:69px; float:left; display:inline; text-align:center; margin:8px 3px 8px 10px; background-color:#e5aa00; padding:4px;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);   -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;  border:2px #fff solid}


#game ul.bg2  li.thump1 a  strong { color:#d9040f}
#game ul.bg2  li.thump1:hover a  strong { color: #fffb94}
#game ul.bg2  li.thump1 a img {  width:65px; height:65px; float:left; display:inline; z-index:888; margin-right:5px ;  border:2px #e3a900 solid ;   -webkit-border-radius:8px ; border-radius: 8px  ;}

#game ul.bg2  li.thump1:hover a img {  width:65px; height:65px; margin:0 auto;  display:block; z-index:888; margin-right:5px ; border:2px #fff solid ; }


#game ul.bg2  li.thump1 a span {  width:113px; height:65px; float:left; display:inline; color:#ffe59d; font-size:12px; text-align:left} 
#game ul.bg2  li.thump1 a span strong {color:#fff}

#game .footer1 {  width:435px; height:12px;  background:url(../images/game_box_footer01.png) center top no-repeat;}


#game .shadow_foot {  width:435px; height:36px;}




#clip { float: left; display:inline-block; width:435px; height:auto; }
#clip  header {  width:435px; height:109px;  background:url(../images/clip_box_01.png) center top no-repeat;}
#clip  header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:67px 0px 0 97px}
#clip ul {  width:405px; height:auto; margin:0 auto; display:block ; background:url(../images/clip_box_02.png) center top repeat-y; padding:0 15px;}

#clip ul  li.thump1 {  width:126px; height:137px; float:left; display:inline; text-align:center; margin:8px 3px 8px 5px;  background-color:#590202;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);     -webkit-border-radius:8px  8px 0 0 ; border-radius: 8px 8px 0 0  ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; padding-top:3px; position:relative}

#clip ul  li.thump1:hover {  width:126px; height:137px; float:left; display:inline; text-align:center; margin:8px 3px 8px 5px; background-color:#f20b00;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);     -webkit-border-radius:8px  8px 0 0 ; border-radius: 8px 8px 0 0  ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;  padding-top:3px}
#clip ul  li.thump1 a { color: #fff; display:block; font-size:12px ;padding:0 4px; line-height:17px; text-decoration:none}


#clip ul  li.thump1 a  strong { color:#fce80a}

#clip ul  li.thump1 a img {  width:114px; height:73px; margin:0 auto;  display:block; z-index:888; margin-bottom:2px ; border:2px #e53b0d solid ;   -webkit-border-radius:8px  8px 0 0 ; border-radius: 8px 8px 0 0  ; -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; }
#clip ul  li.thump1:hover a img {  width:114px; height:73px; margin:0 auto;  display:block; z-index:888; margin-bottom:2px ; border:2px #fff solid ; margin-top:5px ;-webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; }


#clip footer{  width:435px; height:12px;  background:url(../images/clip_box_03.png) center top no-repeat;}


#clip .shadow_foot {  width:435px; height:36px;}


#wrapper_r { width:568px; height:auto; float:left; display:inline;  background:url(../images/bg_wrapper_content_r.jpg) top center no-repeat;}

#title { width:445px; height:190px ; }
hgroup {  width:430px; height:auto ; margin:0 auto; text-align:center ; display:block; padding:35px 0 0 0px}
hgroup h1, h2 { font-size:15px; font-weight:bold; float:inherit; display:inline; margin-right:8px;  color:#fff; text-shadow:1px 1px 1px #000;}
hgroup h3 {  width:380px; height:auto ; text-align:center ; float:left; display:inline; padding:0px 0 0 0px;   color:#98371c;  font-size:13px; font-weight:normal; margin-top:35px}
hgroup h3 strong { color:#FF0000}
#title img { text-align:center ; float:left; display:inline; margin-top:37px }


/*Article*/
#article { float: left; display:inline-block; width:568px; height:auto; }
#article  header {  width:568px; height:112px;  background:url(../images/article_box_01.png) center top no-repeat;}
#article  header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:72px 0px 0 105px}
#article ul {  width:552px; height:auto; margin:0 auto; display:block ; background:url(../images/article_box_02.png)  center top repeat-y; padding:0 8px;}
#article ul li.thump1 {  width:164px; height:135px; float:left; display:inline; text-align:center; margin:4px 0px 8px 9px;padding:4px; background-color:#ffffc5; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#article ul li.thump1:hover {  width:164px; height:135px; float:left; display:inline; text-align:center; margin:4px 0px 8px 9px;padding:4px; background-color:#ffc35b ;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#article ul li.thump1 a { color: #862000; display:block; font-size:14px; text-shadow: 1px 1px 1px #fff; text-decoration:none}

#article ul li.thump1 a  strong { color:#c10110}
#article ul li.thump1 a img {  width:156px; height:86px; margin:0 auto;  display:block; z-index:888; margin-bottom:4px ; border:2px #fcc25d solid ; padding:2px;   -webkit-border-radius:8px; border-radius:8px ;  }

#article ul li.thump1:hover a img { -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; margin-bottom:7px ;  border:2px #fff solid ;  }

#article ul li.thump2  {  width:122px; height:135px; float:left; display:inline; text-align:center; margin:8px 0px 4px 8px;padding:3px; background-color:#79000e ;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#article ul li.thump2:hover {  width:122px; height:135px; float:left; display:inline; text-align:center; margin:8px 0px 4px 8px;padding:3px; background-color:#ffffc5; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#article ul li.thump2 a { color: #fff; display:block; font-size:13px;}

#article ul li.thump2 a  strong { color:#ffe169} 
#article ul li.thump2 a img {  width:116px; height:76px; margin:0 auto;  display:block; z-index:888; margin-bottom:2px ;  border:2px  #FFFFCC solid ; -webkit-border-radius:8px; border-radius:8px ;  }

#article ul li.thump2:hover  a img{ opacity:0.5;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out  ;  border:2px #f3c289 solid ; margin-bottom:6px}

#article ul li.thump2:hover a  { color: #862000; display:block; font-size:13px;}

#article ul li.thump2:hover a  strong { color:#c10110}

#article .shadow_foot {  width:568px; height:44px;  background:url(../images/article_box_04.png) center top no-repeat;}



#ecard { float: left; display:inline-block; width:568px; height:auto; }
#ecard  header {  width:568px; height:113px;  background:url(../images/ecard_box_01.png) center top no-repeat;}
#ecard  header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:70px 0px 0 105px}
#ecard ul {  width:552px; height:auto; margin:0 auto; display:block ; background:url(../images/ecard_box_02.png)  center top repeat-y; padding:0 8px;}

#ecard ul li {  width:95px; height:100px; float:left; display:inline;   -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;  margin:10px 1px 20px 13px }
#ecard ul li:hover { opacity:0.5}
#ecard ul li  a { width:95px; height:100px;}

#ecard ul li  a img { -webkit-border-radius: 8px; border-radius: 8px ;   border:2px solid #ffde00; height:auto}
#ecard footer {  width:568px; height:17px;  background:url(../images/ecard_box_03.png) center top no-repeat;}

#ecard .shadow_foot2 {  width:568px; height:37px;  background:url(../images/ecard_box_04.png) center top no-repeat;}



#glitter { float: left; display:inline-block; width:568px; height:auto; }
#glitter  header {  width:568px; height:109px;  background:url(../images/glitter_box_01.png) center top no-repeat;}
#glitter  header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:68px 0px 0 105px}
#glitter ul {  width:552px; height:auto; margin:0 auto; display:block ; background:url(../images/glitter_box_02.png)  center top repeat-y; padding:0 8px;}

#glitter ul li {  width:95px; height:103px; float:left; display:inline;   -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;  margin:10px 1px 5px 12px }
#glitter ul li:hover { opacity:0.5}
#glitter ul li  a {  width:95px; height:95px;}

#glitter ul li  a img { -webkit-border-radius: 8px; border-radius: 8px ;   border:2px solid #ffde00 ; height:auto}
#glitter footer {  width:568px; height:16px;  background:url(../images/glitter_box_03.png) center top no-repeat;}

#glitter .shadow_foot2 {  width:568px; height:36px;  background:url(../images/glitter_box_04.png) center top no-repeat;}


#photo { float: left; display:inline-block; width:568px; height:auto; }
#photo  header {  width:568px; height:107px;  background:url(../images/photo_box_01.png) center top no-repeat;}
#photo  header h2 { float:left; font-size:12px; color:#fffe72;  text-shadow: none; font-weight:normal; display:block; text-align:right; margin:62px 0px 0 105px}
#photo ul {  width:552px; height:auto; margin:0 auto; display:block ; background:url(../images/photo_box_02.png)  center top repeat-y; padding:0 8px;}

#photo ul li.thump0 {  width:254px; height:155px; float:left; display:inline; text-align:center; margin:4px 0px 8px 9px;padding:4px; background-color:#ffe9ac; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#photo ul li.thump0:hover {  width:254px; height:155px; float:left; display:inline; text-align:center; margin:4px 0px 8px 9px;padding:4px; background-color:#981d01 ;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#photo ul li.thump0 a { color: #862000; display:block; font-size:14px; text-shadow: 1px 1px 1px #fff ;  text-decoration:none}
#photo ul li.thump0 a  strong { color:#c10110}

#photo ul li.thump0:hover a { color: #fff; display:block; font-size:14px; text-shadow: 1px 1px 1px #000 ; text-decoration:none}
#photo ul li.thump0:hover a  strong { color:#fcdd0a}

#photo ul li.thump0 a img {  width:246px; height:106px; margin:0 auto;  display:block; z-index:888; margin-bottom:4px ; border:2px #fcc25d solid ; padding:2px;   -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; }
#photo ul li.thump0:hover a img {  border:2px #fff solid ; margin-top:3px; -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; }
#photo ul li.thump0 a img:hover { -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}



#photo ul li.thump1 {  width:164px; height:135px; float:left; display:inline; text-align:center; margin:4px 0px 8px 9px;padding:4px; background-color:#ffe9ac; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#photo ul li.thump1:hover {  width:164px; height:135px; float:left; display:inline; text-align:center; margin:4px 0px 8px 9px;padding:4px; background-color:#981d01 ;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#photo ul li.thump1 a { color: #862000; display:block; font-size:14px; text-shadow: 1px 1px 1px #fff; text-decoration:none}
#photo ul li.thump1 a  strong { color:#c10110}

#photo ul li.thump1:hover a { color: #fff; display:block; font-size:14px; text-shadow: 1px 1px 1px #000; text-decoration:none}
#photo ul li.thump1:hover a  strong { color:#fcdd0a}


#photo ul li.thump1 a img {  width:156px; height:86px; margin:0 auto;  display:block; z-index:888; margin-bottom:4px ; border:2px #fcc25d solid ; padding:2px;   -webkit-border-radius:8px; border-radius:8px ;-webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;   }
#photo ul li.thump1:hover a img {  border:2px #fff solid ; margin-top:3px; -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out; }
#photo ul li.thump1 a img:hover { -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}

#photo ul li.thump2  {  width:120px; height:188px; float:left; display:inline; text-align:center; margin:8px 0px 4px 10px;padding:3px; background-color:#ffe9ac;-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#photo ul li.thump2:hover {  width:120px; height:188px; float:left; display:inline; text-align:center; margin:8px 0px 4px 10px;padding:3px; background-color:#981d01 ; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);    -webkit-border-radius:8px; border-radius:8px ;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;}
#photo ul li.thump2 a { color: #622800; display:block; font-size:13px;  text-shadow: 1px 1px 1px #fff}

#photo ul li.thump2 a  strong { color:#c10110} 
#photo ul li.thump2 a img {  width:114px; height:114px; margin:0 auto;  display:block; z-index:888; margin-bottom:2px ;  border:2px  #FFFFCC solid ; -webkit-border-radius:8px; border-radius:8px  ; -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out;  }
#photo ul li.thump2 a img:hover { opacity:0.5;  -webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;-ms-transition:0.15s ease-in-out;-o-transition: 0.15s ease-in-out;transition:0.15s ease-in-out  ;  border:2px #ffffcc solid ; margin-top:5px   }

#photo ul li.thump2:hover a  { color: #FFF; display:block; font-size:13px;  text-shadow: 1px 1px 1px #000; text-decoration:none}

#photo ul li.thump2:hover a  strong { color:#ffc20a}

#photo footer{  width:568px; height:18px;  background:url(../images/photo_box_03.png) center top no-repeat;}

#photo .shadow_foot {  width:568px; height:34px;  background:url(../images/photo_box_04.png) center top no-repeat;}
#photo .shadow_foot a {  width:568px; height:34px; display:block}

#pic_foot  {  width:440px; height:111px;  background:url(../images/pic_foot2.jpg) center top no-repeat; display:inline-block; float:left; margin-top:30px; }


.head_inside { display:block; width:1003px; height:141px; background:url(../images/bg_inside_01.jpg) center top no-repeat; }
.share_inside  { display:block; width:1003px; height:70px; background:url(../images/bg_inside_02.jpg) center top no-repeat; }
.wrapper_inside  { display:block; width:1003px; height: auto; background:url(../images/bg_inside_03.jpg) center top no-repeat; padding:10px 0  }
.wrapper_inside img { display:block; margin:auto; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2); width:650px; height:auto  }