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

       @media only screen and (max-width: 780px) {

        .container {
			margin:0 5%;
        }
       .nursesbanner  {      
           margin: 0 5%;
           background-repeat: no-repeat;
           background-image: url(../images/520nursesday_m.jpg) ;
           background-size: 100vw auto;
           background-position: center;
           width: 90vw;
           height: 100vh;
        }
        .logo {
            padding: 0;
        }
        .logo img{
            width: 60%;
            height: 60%;
            margin-top: 15px;
            margin-left: 20px;
        }
           /*margin: 0 5%;
           width: 90vw;
           height: 100vh;
           font-size:26pt;
           padding-top:35vh;
        }
       .nursesday {
           font-size: 25pt;
           font-weight: bold;
           letter-spacing: 1px;
           display:inline-block;
           overflow:hidden;
           white-space:nowrap;
           font-family:'Noto Serif TC', serif;
        } 
       .nursesday:last-of-type span {
           margin-left:-210px;
        }
       .iroo:last-of-type span {
           margin-left:-210px;
        }

       @keyframes showup {
           0% {opacity:0;}
           20% {opacity:1;}
           80% {opacity:1;}
           100% {opacity:0;}
        }
       @keyframes slidein {
           0% { margin-left:-800px; }
           20% { margin-left:-800px; }
           35% { margin-left:0px; }
           100% { margin-left:0px; }
        }
       @keyframes reveal {
           0% {opacity:0;width:0px;}
           20% {opacity:1;width:0px;}
           30% {width:210px;}
           80% {opacity:1;}
           100% {opacity:0;width:210px;}
        }
        .nurses{
			font-family: 'Noto Sans TC', sans-serif;
			font-size: 16pt;
        }
        .testimonial{
			font-size:70pt;
			margin: 0 5%;
			width: 90vw;
			height: 100vh;
			padding-top:35vh;
        }*/
		.nursesvideo{
            z-index: 3;
            position: relative;
            margin: 100px 0;
            padding-top: 25px;
            padding-bottom: 106.25%;
            height: 0;
            overflow: hidden;
        }
       .sequence {
            margin: 0 auto;
            font-size: 16pt;
        }
       .foreword {
        }
       .foreword img {
            
        }
       .forewordr{
           padding-top: 50px;
           float: right;
           width: 100%;
        }
           
       .forewordl{
           width: 100%;
        }
       .slogan {
            font-size: 20pt;
            line-height: 45px;
        }
       .foreword img {
            padding: 0 0 40px 0;
        }
        .tag{
           font-size: 14pt;
           line-height: 30px; 
        }
        .line {     
            position: relative;
            border-bottom:1px solid black;
            margin: 350% 0 8% 0;
        }
        #line {
            position: relative;
            margin: 20% 0 8% 0;
        }
        #tag{
           font-size: 13pt;
           line-height: 30px; 
        }
        .remarks{
           font-size: 12pt;
        }
        .focus{
           font-size: 14pt;
        }
       .box-wrap {
           width: 100%;
        }  
       .digital {
           font-size: 30pt;
        }
       .title {
           font-size: 18pt;
           line-height: 65px;
        }
        p{
           font-size: 14pt;
           line-height: 30px;
        }
        .contentboxl {
            width: 100%;
        }
        .contentboxr {
            width: 100%;
        }
        #spance {
            width: 100%;
            height: 0; 
        }
       .item1 {
           width: 48%;
        }
       .item2 {
           width: 48%;
        }
        .item1 img{ 
        padding: 0;      
        }
        .item2 img{
        padding: 0;
        }
       .itemtitle{
           font-size: 13pt;
           line-height: 25px;
        }
        .price{
            font-size: 11pt;
            line-height: 25px;
        } 
       #nav{
           color: white;
        }
       #nav:hover{ 
           right: -94px;
           color: white;
           font-size: 10pt;
        }
       #nav a:visited{ 
           color: white;
        }
       #nav a:link {
           color: white;
        }
       #nav a:active {
           color: white;
        }
       #nav1{
           color: white;
        }
       #nav1:hover{ 
           right: -104px;
           color: white;
           font-size: 10pt;
        }
       #nav1 a:visited{ 
           color: white;
        }
       #nav1 a:link {
           color: white;
        }
       #nav1 a:active {
           color: white;
        }
       #nav2{
           color: white;
        }
       #nav2:hover{ 
           right: -90px;
           color: white;
           font-size: 10pt;
        }
       #nav2 a:visited{ 
           color: white;
        }
       #nav2 a:link {
           color: white;
        }
       #nav2 a:active {
           color: white;
        }
       #nav3{
           color: white;
        }
       #nav3:hover{ 
           right: -75px;
           color: white;
           font-size: 10pt;
        }
       #nav3 a:visited{ 
           color: white;
        }
       #nav3 a:link {
           color: white;
        }
       #nav3 a:active {
           color: white;
        }
  
    }