html, body	{ height:100%; }
body {  margin:0; padding:0; overflow:auto; }
body{	
    background-image: url(bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.transparent {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */
    filter: alpha(opacity=50);

    /* Netscape */
    -moz-opacity: 0.5;

    /* Safari 1.x */
    -khtml-opacity: 0.5;

    /* Good browsers */
    opacity: 0.5;
}

ul{list-style-type: none;margin:0px;padding-left:20px; }
ul li{height:20px;}
ul li span {color:blue;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;display:block;width: 100%}
img {border:0;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;}
.static {position:static;}
.relative {position:relative; left:auto;top:auto;bottom:auto;right:auto;}
#loading {position:absolute;left:0px;top:0px;width:100px;height:100px;}
#cvsBook{ position:absolute;left:0px;top:0px;width:100%;height:100%;overflow: hide; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
          -webkit-user-select: none;}
#cvsButton{ position:absolute;left:0px;top:0px;width:100%;height:100%;overflow: hide; }

#zoom{ position:absolute;left:0px;top:0px;width:100%;height:100%;overflow: hide; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
       -webkit-user-select: none;}
#container-master{ position:absolute;left:0px;top:0px;width:100%;height:100%;overflow: hide; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
                   -webkit-user-select: none;}
.mainAd{ position:absolute;display:none;  overflow: hide; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
         -webkit-user-select: none;z-index:100; vertical-align:middle}

.bookleftpage{ position:absolute;left:0px;top:0px; display:none;  overflow: hide; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
               -webkit-user-select: none;}
.bookrightpage{ position:absolute;left:0px;top:0px;display:none; overflow: hide; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
                -webkit-user-select: none;}

.leftPageLock{ position:absolute;left:0px;top:0px;display:none; overflow: hide;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
               -webkit-user-select: none;}
.rightPageLock{ position:absolute;left:0px;top:0px; display:none;overflow: hide;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
                -webkit-user-select: none;}

.buttonsLayer{ position:absolute;left:0px;top:0px;width:100%;height:100%;  overflow: hide;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
               -webkit-user-select: none;}

#mask{ position:absolute;left:0px;top:0px;width:100%;height:100%;overflow: hide;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
       -webkit-user-select: none;}

#maskPopup { position:absolute;left:0px;top:0px;width:100%;height:100%; background-color:#CCCCCC; opacity:0.5; display:none;}
#cvsOthers,#cvsYoutube { position:absolute;left:0px;top:0px;}
#cvsVideo {position:absolute;left:0px;top:0px;overflow: hide;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
           -webkit-user-select: none;}

#cvsSlideshow {position:absolute;left:0px;top:0px;overflow: hide;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
               -webkit-user-select: none;}


#tz { position:absolute;bottom:0px;width:100%;height:40px;
      align:center;background: blue;opacity: 0}


#topMenuBar { position:relative;top:0px;width:100%;height:40px;
              align:center;}
#topMenuBarBg { width:100%;height:40px;
                align:center;background-color:#5c5c5c;}

#topTable{height:100%;}
#topTable img {margin-left:25px;}


#bottomBar { position:absolute;bottom:0px;width:100%;height:40px;z-index: 999999;float: left;}
#bottomBarBg {font-family: sans-serif; position:absolute; width:100%;height:40px;align:center;background-color:#5c5c5c;}


#bottomTable{height:100%}
#tbPage{width:35px;}
#bottomTable img {margin-left:25px;}
#tbPageCount {color:#FFF;}
#topBar,.topBarDefault {position:absolute; top:0px;display:none;background-color:#cccccc;
                        margin-right: auto; margin-left: auto; width:500px;
                        border:1px solid #666666;-webkit-border-radius: 5px; padding-bottom:45px;z-index: 100000;
}
#topBar #close{	position:absolute; top:2px; right:5px;}
#topBarTitle {position:absolute;top:0px;width:100%;height:30px;background-color:888888;text-align:left;}
#topBarContent {position:absolute; padding-left:10px;padding-right:10px; top:35px;
                text-align:left;overflow:auto; height:280px;width:96%;}
#topFullTextContent {text-align:left;overflow:auto;top:35px;position:absolute; padding-left:10px;padding-right:10px;background: #ffffff}
#topTitle {position:absolute;top:5px;left:5px;}
.thumb {max-width:80px;max-height:78px;margin:8px;}
.bookmark {}
#searchBox { padding-left:5px;};
.colPage {width:50px;}
.colContent {}
.searchResults { padding:20px; font-size:12; color:#333333; }
.searchResults td {font-size:12;color:#333333;vertical-align:top;};

p{margin:0 0; display: inline-block;vertical-align: middle;line-height: 32px;width: 500px; float: left;}
p.p1{padding:  0 0 0 0;margin:0 0; width: 50px;float: left;color: red; height: 35px; line-height: 35px}
p.p2{padding:  0 0 0 15px;margin:0 0; width: 300px;float:left;text-decoration: underline;height: 35px; line-height: 35px}
#op textarea{ width:100%; height: 50px;}
.bookmarkrow{border-bottom:  1px dashed #ffffff; margin: 15px 0px; height: 35px}

button{height: 35px;}

.slides {

    margin: 45px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1%;

}


/* Animation */

.slides .inner {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}


article img {
    width: 100%;

}


.slides .inner {

    line-height: 0;

}

.slides article {

    float: left;
}

.email td {
    width:145px;
}

td input, textarea{

    width: 100%;
}

#snsbox p{
    padding:  0px 5px;
}
/*
@media only screen and (device-aspect-ratio:19/6){
    #topMenuBar { position:absolute;top:0px;width:100%;height:60px;
                  align:center;}
    #topMenuBarBg { width:100%;height:60px;
                    align:center;background-color:5c5c5c;}

}*/

#mainAdInner{ position:absolute;
              vertical-align:middle;margin:auto;
}

/* ColorPicker */
#colorPicker { margin:0; padding:0px; }
#colorPicker div,ul,ol,li,dl,dt,dd,form,img,p{ margin:0; padding:0; border:0;}
#colorPicker li { list-style-type:none;}
#colorPicker h1,h2,h3,h4,h5,input{ margin:0; padding:0; letter-spacing:1px;}
#colorPicker textarea{ overflow:auto;}
#color{ width:235px; padding:0 0 1px 0; background:#fff; overflow:hidden; margin-bottom:30px;}
#color ul{ width:78px; float:left; display:inline; background:#fff; overflow:hidden;}
#color li{ float:left; display:inline; width:12px; height:12px; margin:1px 0 0 1px; background:#808080;}
#color li a{ display:block; margin:1px 0 0 1px; width:11px; height:11px; overflow:hidden;}
#sendEmail table {
    width: 100%;
}                   

.share-button { margin-left: auto; 
                margin-right: auto; 
                margin-top: 0; 						 
                position: absolute; 
                top: 0; 
                left: 0; 
                bottom: 0; 
                right: 0; 
                z-index: 100; }    

.fb_iframe_widget {                  
    z-index: 999999;
    width: 100px!important;
}