﻿@charset "utf-8";

html, body, .wrap {height:100%; margin:0; padding:0;}
div.header {height:104px; position:relative; z-index:1; background:url('/images/common/header/headerbg.gif') repeat-x;}
div.content_box {min-height:100%; margin:-104px 0 -137px;}
*html .content_box {height:100%;}
div.content {padding:104px 0 137px;}
div.footer {height:137px; background:url('/images/common/footer/footerbg.gif') repeat-x; margin-top:50px;}

.header .topbox {width:950px; height:75px; position:relative; z-index:1; margin:0 auto; background:url('/images/common/header/topbg.gif') no-repeat;}
.header .topbox h1 {position:absolute; left:0;}
.header .topbox .logintopmenu {position:absolute; top:9px; right:10px;}
.header .topbox .topmenu {position:absolute; top:38px; right:4px;}
.header .topbox .logintopmenu ul li {display:inline; padding:0 7px 0 6px; background:url('/images/common/header/topmenubar.gif') no-repeat right 50%;}
.header .topbox .topmenu ul li {display:inline; padding:0 11px 0 10px; background:url('/images/common/header/menubar.gif') no-repeat right 50%;}
.header .topbox .topmenu ul li.topmenu3 {display:inline; padding:0 11px 0 10px; background:url('/images/common/header/menubar.gif') no-repeat right 95%;}
.header .topbox .topmenu ul li.topmenu3 .imgmenu {margin-bottom:13px;}
.header .topbox .logintopmenu ul li.nonebar, .header .topmenu ul li.nonebar {background:url('');}
.header .topbox .logintopmenu ul li, .header .topbox .logintopmenu ul li a {color:#8e8e8e;font-size:11px;}

.header .searchbar {width:933px; height:25px; margin:0 auto; padding:4px 17px 0 0; text-align:right; background:url('/images/common/header/searchbarbg.gif') repeat-x;}
.header .searchbar span {color:#dedede; font-size:11px;}
.header .searchbar .searchinputbox {width:151px; height:12px; margin-left:13px; padding:4px 10px; border:0; background:url('/images/common/header/searchbg.gif') no-repeat;}


.footer .footerbox {width:950px; height:137px; position:relative; z-index:1; margin:0 auto;}
.footer .footerbox h2 {position:absolute; left:0; bottom:0;}
.footer .footerbox .footermenubox {position:absolute; left:240px; top:23px; padding-left:20px;}
.footer .footerbox .footermenubox li, .footer .footerbox .footermenubox2 li {display:inline; padding:0 7px 0 6px; background:url('/images/common/footer/menubar.gif') no-repeat right 50%;}
.footer .footerbox .footermenubox li.nonebar, .footer .footerbox .footermenubox2 li.nonebar {background:url('');}
.footer .footerbox .addressbox {position:absolute; left:266px; top:52px;}
.footer .footerbox .copyright {position:absolute; left:266px; bottom:25px;}
/* myalbum footer */
.footer .footerbox .footermenubox2 {position:absolute; left:285px; top:23px; padding-left:20px;}
.footer .footerbox .addressbox2 {position:absolute; left:311px; top:52px;}
.footer .footerbox .copyright2 {position:absolute; left:311px; bottom:25px;}


/* myalbum_layout */
div.myalbum_header {height:86px; position:relative; z-index:1; background:url('/images/myalbum/headerbg.gif') repeat-x;}
div.myalbum_content_box {min-height:100%; margin:-86px 0 -137px;}
*html .myalbum_content_box {height:100%;}
div.myalbum_content {padding:86px 0 137px;}

.myalbum_header .loginmenu {width:950px; height:21px; padding-top:5px; position:relative; z-index:1; margin:0 auto;}
.myalbum_header .loginmenu .selectbox {position:absolute; right:15px; width:95px; height:16px;}
.myalbum_header .loginmenu .selectbox .sellist {float:left; width:71px; height:13px; padding-top:2px; padding-left:5px; padding-bottom:1px; font-size:11px; color:#8b8b8b; background:url('/images/myalbum/selectbg.gif') no-repeat left top;}
.myalbum_header .loginmenu .selectbox .selitem {float:left; width:90px; height:13px; padding-top:3px; padding-left:5px; font-size:11px; color:#8b8b8b; cursor:pointer; background-color:#ffffff;}
.myalbum_header .loginmenu .selectbox .selitem a {color:#8b8b8b;}
.myalbum_header .loginmenu .selectbox .selectbut {float:left;}

.myalbum_header .loginmenu ul {position:absolute; top:6px; right:110px; font-size:11px;}
.myalbum_header .loginmenu ul li {display:inline; padding:0 10px; background:url('/images/myalbum/loginmenubar.gif') no-repeat right 40%;}
.myalbum_header .loginmenu ul li.nonebar {background:url('');}
.myalbum_header .loginmenu ul li a {color:#fcfcfc; font-size:11px;}

.myalbum_header .tryvelmenu {width:950px; height:60px; position:relative; margin:0 auto; background:url('/images/myalbum/headermenubg.gif') no-repeat;}
.myalbum_header .tryvelmenu h1 {position:absolute; left:0;}
.myalbum_header .tryvelmenu h2 {position:absolute; left:111px;}
.myalbum_header .tryvelmenu ul {position:absolute; top:23px; left:254px;}
.myalbum_header .tryvelmenu ul li {display:inline; padding:0 18px; background:url('/images/myalbum/linebar.gif') no-repeat right center;}
.myalbum_header .tryvelmenu ul li.nonebar {background:url('');}
