@charset "UTF-8";

/* Base */
html { font-family: "Ropa Sans", sans-serif; font-size: 16px; line-height: 1.5; }
body { background-color: rgb(240, 240, 240); color: rgb(0, 0, 0);  padding-top: 10px; }
h1, h2, h3, p, ul { margin: 0; }
ul { padding-left: 0; }
ul li { list-style-type: none; }
a { color: inherit; text-decoration: none; }
img { vertical-align: middle; }
.dummy { margin: 0 auto; max-width: 32em; padding: 6em 0; }


/*
 * Sticky header
 */

/* 默認風格 */
.page-header {
    background-color: rgb(255, 255, 255);
    position: absolute;
    width: 100%;
    /*min-width: 960px;*/
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

/* スティッキー状態のスタイル */
.page-header.sticky {
    position: fixed;
    top: 0;
}

.page-header > .inner {
    margin: auto;
    width: 100%;
}

.no-boxshadow .page-header {
    border-bottom: 1px solid rgb(204, 204, 204);
}

/* Logo */
.site-logo {
    float: left;
    margin-left: 0px;
    width:25%;
}

/* Primary nav */
.primary-nav {

    float: right;
    line-height: 65px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.primary-nav li {
    float: left;
}
.primary-nav a {
    display: block;
    padding: 0 1.36em;
}
.primary-nav a:hover {
    background-color: rgb(240, 240, 240);
}
.primary-nav h5{display:none;}



/*內文大框*/
article{
    width:100%;
    background:#222;
    overflow:hidden;
}
#dummy{
    display:block;
    width:80%;
    min-height:900px;
    background:#FFF;
    margin:0 auto;
}

/* --手機版型------------------------------------- */
@media screen and (max-width: 640px) {
    
*{
    box-sizing:border-box;
}

html,body{
    width:100%;
    min-height:100%;
    -webkit-text-size-adjust:none;
}

/* Logo */
.site-logo {
    float: left;
    margin-left: 0px;
    width:80%;
}

article{
   
}    

/* Primary nav */
.primary-nav {
    position:absolute;
    float: left;
    line-height: 65px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background:rgba(255,255,255,0.8);
    top:100%;
    right:0;
}
.primary-nav li {
    float: none;
    width:150px;
    border-bottom:1px solid #555;
}

.primary-nav h5 {
    display: block;
    width: 40px;
    height: 40px;
    background: #CCC;
    position: absolute;
    top: -65px;
    right: 6px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
}

.ITEMS{
    display:none;
}
#dummy{
    display:block;
    width:100%;
    background:rgba(255,255,100,0.5);
    padding:20px;
}
p{width:100%;}

}/*手機版*/