@import url(https://fonts.googleapis.com/css?family=Oswald);
        #smartfan5fan {
            background-color: #000;
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1100px;
        }
		
        #smartfan5fan .title{
			margin-top:4%;
			font-size:3.4em;
		}

        #smartfan5fan .conbox1{
             position: relative;
             display: inline-block;
             vertical-align: top;width: 30%;
        }

        #smartfan5fan .conbox2{
             display: inline-block;
             position: relative;
             width:65%; 
             margin-left:2%;
        } 
        
        #smartfan5fan .conbox3{
             position: relative;
             display: inline-block;
             vertical-align: top;
             width: 51%;
        }


        #smartfan5fan .conbox4{
            display: inline-block;
            position: relative;
            width:40%; 
            margin-left:2%;
        }
        

        #smartfan5fan .conbox5{
            display: inline-block;
            position: relative;
            width:48%;
        }

         #smartfan5fan .conbox5 .smarttitle{
            vertical-align: text-top;

        }

        #smartfan5fan .conbox6{
            border-left:1px solid #999;
            padding-left:4%;
            display: inline-block;
            position: relative;
            width:42%; margin-left:2%;
            margin-bottom:4%;
        }    

        #smartfan5fan .smartlist{
            font-size:26px;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
            line-height: 40px;
            font-weight: 500;
            margin-left:2%;
            cursor: pointer;
            padding-left:2%;
            padding-bottom:4px;
        }

        #smartfan5fan .smartlist img{
            margin-right:2%;
        }

        #smartfan5fan .smartlist:hover{
            background-color:#FF7200;
            border-radius: 6px;
            transition:all 0.1s linear;
        }

        #smartfan5fan .smartlist1{
            font-size:26px;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
            line-height: 40px;
            font-weight: 500;
        }

        #smartfan5fan .smarttitle{
            color:#FF7200;
            font-weight: 500;
        }

        #smartfan5fan .smarttitle2{
            
            font-size:14px;
        }


@media screen and (max-width: 1366px) {        
        
        #smartfan5fan .title {
            margin-top:-10px;
        }
        #smartfan5fan .smartlist1{
            font-size:22px;
            line-height: 40px;
        }    

}


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


        #smartfan5fan .title{
            margin-top:4%;
            font-size:3.4em;
            color:#fff;
            text-align: center;
        }

         #smartfan5fan .conbox1{
             width: 100%;
             margin-left:10%;
        }

        #smartfan5fan .conbox2{            
             width:100%; 
        } 
        
        #smartfan5fan .conbox3{
             width: 100%;
        }


        #smartfan5fan .conbox4{
            width:100%; 
        }
        #smartfan5fan .smartlist1{
            font-size:26px;
            line-height: 40px;
        }         
}


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

        #smartfan5fan .title{
            font-size:1.4em;
            margin-top:0;
        }

        #smartfan5fan .conbox1{
             margin-left:0%;
        }

}