html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;font-size:2rem;margin:.67rem 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:18px; color:#282828; font-weight:500;
	font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", 'Droid Sans', 'Noto Sans TC', "Nanum Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "\5FAE\8F6F\96C5\9ED1", "微软雅黑体", "Microsoft YaHei", Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
    width:100%;max-width:100%;
	height:auto!important;min-height:100%;height:100%;
	background-color:#fff;
	overflow-x:hidden;
}
*{box-sizing:border-box;-webkit-box-sizing:border-box;}

/* 反白 */
::-moz-selection{background:#bce8ff; color:#000; text-shadow:none;}
::selection {background:#bce8ff; color:#000; text-shadow:none;}

/* 設置提示文字顏色 */
::-webkit-input-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
.placeholder{color:#aaa;}
.fontColorPrincipal{color:#575777}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align:middle; max-width:100%;}

/* 移除fieldset預設樣式 */
fieldset{border:0; margin:0; padding:0;}

/* 只允許文字區域垂直調整大小 */
textarea{resize:vertical;}

a{color:#009bee; text-decoration:none;}
a:hover, a:active, a:focus{outline:0; /*color:#009cff;*/}

.wrapper{
    width:1520px; max-width:100%;
    margin:0 auto;
    /*padding:0 20px;*/
    position:relative;
}

#scrollUp{
    display:none;
    width:40px; height:40px;
    background:url(/images/footer/iocn_top.png) 50% 46% rgba(0,0,0,0.25) no-repeat;
    /*color:#fff; font-size:20px;
    line-height:36px;
    text-align:center;*/
    border-radius:50%;
    position:fixed; right:10px; bottom:10px;
    z-index:999;
}
#scrollUp:hover{
    opacity:.9;
}

#lineCS {
    display: block;
    width: 90px;
    height: 116px;
    background: url('/images/icon_Line.png') 0 0 no-repeat;
    background-size: cover;
    position: fixed;
    right: 5px;
    top: 45%;
}

/*------------------------------------
    Header
------------------------------------*/
header{
    text-align:center;
    background:#fff;
}
    #headerTop{
        padding:40px 0;
        position:relative;
    }
        #headerTop a#logo{
            display:inline-block;
        }
        #headerTop .iconGroup{
            position:absolute;right:70px;bottom:40px;
        }
            #headerTop .iconGroup a{
                display:inline-block;
            }
            #headerTop .iconGroup a:hover{
                opacity:.9;
            }
#Menu{
    height:60px;
    /*padding-top:26px;*/
    /*position:fixed;*/
    width:100%;
    z-index:10000;
    text-align:center;
    background-color:#fff;
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -o-transition:0.5s ease-in-out;
    transition:0.5s ease-in-out;
}
/*#Menu::before{
    content:"";
    display:block;
    width:100%; height:158px;
    background:url(../../Images/SP/menuBottomBg.png) 50% 0 no-repeat;
    position:absolute; left:0; right:0; bottom:-122px;
    z-index:1;
}
#Menu::after{
    content:"";
    display:block;
    width:100%; height:244px;
    background:url('../../Images/SP/topGrass.png') 50% 0 no-repeat;
    position:absolute; left:0; right:0; bottom:-280px;
    -webkit-transition:0.6s ease-in-out;
    -moz-transition:0.6s ease-in-out;
    -o-transition:0.6s ease-in-out;
    transition:0.6s ease-in-out;
}*/

/*#Menu.scrollGo{
    padding:2px 0;
    height:70px;
    padding-top:15px;
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -o-transition:0.5s ease-in-out;
    transition:0.5s ease-in-out;
}
#Menu.scrollGo::after{
    background-position-y:-100px;
    -webkit-transition:0.6s ease-in-out;
    -moz-transition:0.6s ease-in-out;
    -o-transition:0.6s ease-in-out;
    transition:0.6s ease-in-out;
}*/
    input.burger-check,
    label.burger{
        display:none;
    }
    #Menu ul.menuList{
        padding:0; margin:0;
        font-size:0;
    }
        #Menu ul.menuList li{
            display:inline-block;
            /*width:12%;*/
            /*text-align:right;*/
            vertical-align:middle;
            position:relative;
        }
        /*#Menu ul.menuList li:last-child{
            margin-left:10px;
        }*/
            #Menu ul.menuList li a{
                color:#232323;
                font-size:19px;
                display:block;
                padding:5px 32px 30px;
            }
            #Menu ul.menuList li a:hover{
                color:#575777;
            }
        #Menu ul.menuList li.logo {
            min-width:145px;
            text-align:left;
            margin-right:40px;
            float:left;
        }
            /*#Menu ul.menuList li.logo a{
                display:inline-block;
                text-indent:-9999em;
                width:100%;
                min-height:32px;
                background:url(../../Images/SP/eTextLogo.png) 0 2px no-repeat;
            }
            #Menu ul.menuList li.logo a:hover{
                color:#fff9b1;
                opacity:.9;
            }
        #Menu ul.menuList li a#eyeFB{
            background:url('../../Images/SP/fb.png') 50% 50% no-repeat;
        }
        #Menu ul.menuList li a#eyeIG{
            background:url('../../Images/SP/ig.png') 50% 50% no-repeat;
        }
        #Menu ul.menuList li a#eyeLine{
            background:url('../../Images/SP/line.png') 50% 50% no-repeat;
        }*/
                /*#Menu ul.menuList li.logo a i.logo_25year{
                    display:inline-block;
                    width:47px; min-height:45px;
                    background:url(../../Images/SP/logo25year.png) 0 0 no-repeat;
                    margin:0 5px;
                    vertical-align:middle;
                }*/
            /* Level 2 */
            #Menu ul.menuList li > div{
	            position:absolute; top:100%; z-index:9999;
                overflow:hidden;
                /*-webkit-transition: max-height 0.3s ease-in-out;
                -moz-transition: max-height 0.3s ease-in-out;
                -o-transition: max-height 0.3s ease-in-out;
                transition: max-height 0.3s ease-in-out;*/
                max-height:0;
            }
            #Menu ul.menuList li:hover > div{
                min-width:100%;
	            border-top:4px solid #575777;
                -webkit-transition: max-height 0.4s ease-in-out;
                -moz-transition: max-height 0.4s ease-in-out;
                -o-transition: max-height 0.4s ease-in-out;
                transition: max-height 0.4s ease-in-out;
                max-height:800px;
            }
	            #Menu ul.menuList li > div a{
		            display:block;
		            white-space:nowrap;
		            text-align:center;
		            padding:12px 20px;
		            color:#fff;
                    font-size:19px;
                    font-weight:normal;
                    background-color:rgba(0,0,0,0.5);
                    border-top:solid 1px #575777;
	            }
	            #Menu ul.menuList li > div a:hover{
		            background-color:rgba(0,0,0,0.65);
                    color:#fff;
	            }
                /*關於賴院長 li:first-child */
                #Menu ul.menuList li:first-child > div{
                    width:400%;
                    max-width:658px;
                }
                    #Menu ul.menuList li:first-child > div a{
                        display:inline-block;
                        width:33.3%;
                    }
                        #Menu ul.menuList li:first-child > div a span.text.paragraph{
                            display:block;
                            margin-top:8px;
                        }

#mobileTopShow,
#menuCover{
    display:none;
}

/*------------------------------------
    Footer
------------------------------------*/
footer{
    background:#1c1c1c;
    text-align:center;
}
    footer p.MobileTitle{display:none;}
    footer ul#BottomMenuList{
        margin:0;
        padding:60px 20px;
        background:#282828;
        text-align:center;
    }
        footer ul#BottomMenuList li{
            display:inline-block;
            width:11%;
            vertical-align:top;
            text-align:left;
            padding:0 5px;
        }
            footer ul#BottomMenuList li div.title{
                margin-bottom:18px;
            }
                footer ul#BottomMenuList li div.title a{
                    font-size:22px;
                    color:#fff;
                }
                footer ul#BottomMenuList li div.title a:hover{
                    color:#eee;
                }
            footer ul#BottomMenuList li .subMenu{}
                footer ul#BottomMenuList li .subMenu a{
                    display:block;
                    font-size:18px;
                    color:#bbb;
                    padding:8px 0 8px 10px;
                    background:url('../images/footer/icon_triangle.png') 0 15px no-repeat;
                }
                footer ul#BottomMenuList li .subMenu a:hover{
                    color:#ccc;
                }
        footer ul#BottomMenuList li:nth-child(6){
            width:9%;
        }
        footer ul#BottomMenuList li:last-child{
            width:19%;
        }
            footer ul#BottomMenuList li:last-child p.text{
                line-height:25px;
                font-size:18px;
                color:#bbb;
            }
                    footer ul#BottomMenuList li .subMenu a i.icons{

                    }
            footer ul#BottomMenuList li:last-child .iconGroup{
                text-align:right;
            }
                footer ul#BottomMenuList li:last-child .iconGroup a:hover{
                    opacity:.9;
                }
    footer #copyright{
        padding:30px 20px 40px;
        border-top:solid 1px #acacac;
        font-size:14px;
        color:#bbb;
    }
        footer #copyright p.copyright{
            display:inline-block;
            margin:0;
        }
        footer #copyright p.contact{
            display:inline-block;
            margin:0;
        }
            footer #copyright p.contact span{
                display:inline-block;
                border-left:solid 1px #bbb;
                padding-left:10px;
                margin-left:10px;
            }
        footer #copyright p.remark{
            margin:22px 0 0;
        }

/*--------------------------------------------------------------------

    Media Device Size

--------------------------------------------------------------------*/
@media screen and (max-width:1520px){
    .wrapper{
        width:100%;
    }
}
@media screen and (max-width:1330px){
    #headerTop .iconGroup{
        right:40px;
    }
    #Menu ul.menuList li{
        width:11%;
    }
    #Menu ul.menuList li:nth-child(1),
    #Menu ul.menuList li:nth-child(2),
    #Menu ul.menuList li:nth-child(3),
    #Menu ul.menuList li:nth-child(4){
        width:13%;
    }
        #Menu ul.menuList li a{
            padding:5px 0 30px;
        }
}
@media screen and (max-width:1625px){
    footer ul#BottomMenuList li div.title a{
        font-size:21px;
    }
    footer ul#BottomMenuList li .subMenu a{
        font-size:17px;
    }
}
@media screen and (max-width:1490px){
    footer ul#BottomMenuList li{
        width:15%;
    }
    footer ul#BottomMenuList li:nth-child(6){
        width:10%;
    }
    footer ul#BottomMenuList li:last-child{
        width:85.5%;
        margin-top:50px;
    }
}
@media screen and (max-width:1225px){
    footer ul#BottomMenuList li:nth-child(6){
        width:12%;
    }
    footer ul#BottomMenuList li:last-child{
        width:87.5%;
        margin-top:50px;
    }
}
@media screen and (max-width:1145px){    
    footer ul#BottomMenuList li{
        width:19%;
    }
    footer ul#BottomMenuList li:nth-child(6){
        width:19%;
        margin-top:50px;
    }
    footer ul#BottomMenuList li:last-child{
        width:76%;
        margin-top:50px;
    }
}
@media screen and (max-width:1000px){
    #Menu ul.menuList li a,
    #Menu ul.menuList li > div a{
        font-size:18px;
    }
}
/**/
@media screen and (max-width:950px){
    /*header*/
    header{
        height:60px;
    }
        #headerTop{
            padding:0 60px 0 0;
            text-align:left;
        }
            #headerTop a#logo{
                display:block;
                height:60px;
                padding:10px 20px;
            }
                #headerTop a#logo img{
                    height:auto;
                    max-height:100%;
                }
            #headerTop .iconGroup{
                display:none;
            }
    /*-- Menu --*/
    #Menu{
        height:auto;
        padding-top:0;
        position:absolute; top:60px; left:0;
        width:100%;
        z-index:9999;
        background:transparent;
        box-shadow:none;
    }
    #Menu::before{
        background-size:contain;
        height:66px;
        bottom:-51px;
    }
    #Menu::after{
        background-size:contain;
        height:98px;
        bottom:-110px;
    }
    /*#Menu.scrollGo{
        padding:0;
        height:auto;
    }
    #Menu.scrollGo::after{
        background-position-y:-30px;
    }*/
        #Menu .wrapper{
            padding:0;
        }
    /* Header Menu Burger Btn */
    label.burger {
        display: inline-block;
        position:absolute; right:15px; top:-39px;
        border: 0;
        background: none;
        outline: 0;
        padding: 0;
        cursor: pointer;
        border-bottom: 3px solid rgba(0,0,0,.5);
        width:28px;
        transition: border-bottom 1s ease-in-out;
        -webkit-transition: border-bottom 1s ease-in-out;
    }
    .burger::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    .burger:before {
        content: "";
        display: block;
        border-bottom: 3px solid rgba(0,0,0,.5);
        width: 100%;
        margin-bottom: 5px;
        transition: transform 0.5s ease-in-out;
        -webkit-transition: -webkit-transform 0.5s ease-in-out;
    }
    .burger:after {
        content: "";
        display: block;
        border-bottom: 3px solid rgba(0,0,0,.5);
        width: 100%;
        margin-bottom: 5px;
        transition: transform 0.5s ease-in-out;
        -webkit-transition: -webkit-transform 0.5s ease-in-out;
    }
    .burger-check {
        display: none;
    }
    label.burger.checked{
        border-bottom: 3px solid transparent;
        transition: border-bottom 0.7s ease-in-out;
        -webkit-transition: border-bottom 0.7s ease-in-out;
    }
    label.burger.checked:before {
        margin-top:8px;
        -ms-transform: rotate(-405deg) translateY(1px) translateX(-3px);
        transform: rotate(-405deg) translateY(1px) translateX(-3px);
        -webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
        transition: transform 0.5s ease-in-out;
        -webkit-transition: -webkit-transform 0.5s ease-in-out;
    }
    label.burger.checked:after {
        margin-top:6px;
        -ms-transform: rotate(405deg) translateY(-4px) translateX(-5px);
        transform: rotate(405deg) translateY(-4px) translateX(-5px);
        -webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
        transition: transform 0.5s ease-in-out;
        -webkit-transition: -webkit-transform 0.5s ease-in-out;
    }
    .navigation {
        overflow: hidden;
        height: 0;
        -webkit-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
    }
    label.burger.checked ~ .navigation {
        height:100%;
        -webkit-transition: height 0.4s ease-in-out;
        transition: height 0.4s ease-in-out;
    }
    /* Mobile Top Show */
    #mobileTopShow{
        display:block;
        box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
    }
        #mobileTopShow ul{
            margin:0; padding:0;
            font-size:0;
            background-color:#F2F2F2;
            padding-right:58px;
        }
            #mobileTopShow ul li{
                /*display:inline-block;
                width:50%;*/
            }
                #mobileTopShow ul li a {
                    display: block;
                    /*background:url('../../Images/SP/mobileTopLogo.png') #129043 44% 50% no-repeat;*/
                    background:url(../../Images/SP/eTextLogo.png) 44% 50% no-repeat;
                    color: #fff;
                    font-size: 18px;
                    text-align: center;
                    padding:2px 0;
                    text-indent:-9999em;
                    line-height:48px;
                }
                    #mobileTopShow ul li a i.logo_25year{
                        display:inline-block;
                        width:39px; min-height:40px;
                        background:url(../../Images/SP/logo25year.png) 0 50% no-repeat;
                        background-size:38px;
                        margin:0 5px;
                        vertical-align:middle;
                    }
            #mobileTopShow ul li.logo{}
                #mobileTopShow ul li.logo a{
                    background-color:#F2F2F2;
                    padding-right:58px;
                }
    /* Header Menu */
    a#hamburBtn{
        display:block;
        width:50px; height:50px;
        background-color:#00384f;
    }
    #Menu ul.menuList{}
        #Menu ul.menuList li{
            background:#fff;
            width:100% !important;
        }
         #Menu ul.menuList li:first-child
         /*#Menu ul.menuList li:last-child*/{
             /*display:none;*/
         }
            #Menu ul.menuList li a{
                background-color:rgba(0, 0, 0, 0.5);
                border-bottom:1px solid #fff;
                text-align:center;
                padding:15px;
                font-size:19px;
                color:#fff;
                font-weight:normal;
            }
            #Menu ul.menuList li a:hover{
                background-color:rgba(0, 0, 0, 0.6);
                color:#fff;
            }
        /* Level 2 */
        /*#Menu ul.menuList li:hover,
        #Menu ul.menuList li a:hover{

        pointer-events: none;
        }*/
        #Menu ul.menuList li > div{    
            display:none;
            max-height:none;
        }
        #Menu ul.menuList li:hover > div{
	        display:none;
            max-height:none;
            /*position:relative;
            border-top:none;*/
        }
            /*#Menu ul.menuList li:hover > div a,*/
            #Menu ul.menuList li .subMenu.show a{
                text-align:center;
                font-weight:normal;
                background-color:rgba(211, 211, 211, 0.5);
                color:#232323;
                border-top:solid 1px #fff;
            }
        #Menu ul.menuList li .subMenu.show{
            position:relative;
            border-top:none;
        }
        #Menu ul.menuList li .subMenu.show{
            display:block;
        }
        /*關於賴院長 li:first-child */
        #Menu ul.menuList li:first-child > div{
            width:100%;
            max-width:100%;
        }
            #Menu ul.menuList li:first-child > div a{
                display:block;
                width:100%;
            }
                #Menu ul.menuList li:first-child > div a span.text.paragraph{
                    margin-top:0;
                }
                #Menu ul.menuList li:first-child > div a img{
                    display:none;
                }

    #menuCover{
        display:none;
        width:100%; height:100%;
        padding-bottom:6666em;
        overflow:hidden;
        /*background-color:rgba(0, 0, 0, 0.75);*/
        position:fixed;left:0;top:0;
        z-index:2;
    }
    #menuCover.show{
        display:block;
    }
    
    /*#mainBox{
        padding-top:48px;
    }*/
    .wrapper {
        width: 100%;
        min-width: 100%;
    }

    /* menu最後一個li - FB IG LINE */
        /*#Menu ul.menuList li:last-child{
            margin:0; text-align:center;
            background-color:rgba(255, 255, 255, 0.9);
        }
            #Menu ul.menuList li:last-child a#eyeFB,
            #Menu ul.menuList li:last-child a#eyeIG,
            #Menu ul.menuList li:last-child a#eyeLine{
                display:inline-block;
                margin:0 10px;
                border-bottom:none;
                width:52px;
                min-height:56px;
            }*/
    /**/
    /*#Menu ul.menuList li:nth-child(2),
    #Menu ul.menuList li:nth-child(3){
        display:none;
    }*/
    /*footer*/    
    footer ul#BottomMenuList li p.MobileTitle{
        display:block;
        font-size:22px;
        margin:0;
        color:#fff;
        position:relative;
        margin:0 0 20px;
    }
    footer ul#BottomMenuList li:last-child p.MobileTitle{
        margin-top:45px;
    }
        footer p.MobileTitle span.bottomLine{
            display:block;
            width:28px;
            border-bottom:solid 2px #fff;
            margin:0 auto;
            margin-top:5px;
        }
    footer ul#BottomMenuList li:last-child  div.title{
        display:none;
    }
    footer ul#BottomMenuList li,
    footer ul#BottomMenuList li:nth-child(6),
    footer ul#BottomMenuList li:last-child{
        width:100%;
        text-align:center;
        margin-top:0;
    }
        footer ul#BottomMenuList li div.title{
            margin:30px 0 10px;
        }
        footer ul#BottomMenuList li:first-child div.title{
             margin-top:0;
        }
            footer ul#BottomMenuList li div.title a{
                font-size:17px;
            }
        footer ul#BottomMenuList li .subMenu{}
            footer ul#BottomMenuList li .subMenu a{
                display:inline-block;
                padding:5px 5px 5px 10px;
                background-position-y:50%;
                font-size:17px;
            }
        footer ul#BottomMenuList li:last-child p.text{
            text-align:left;
        }
    footer #copyright p.copyright,
    footer #copyright p.contact{
        display:block;
    }
    footer #copyright p.contact{
        margin-top:15px;
    }
        footer #copyright p.contact span{
            margin-left:8px;
            padding-left:8px;
        }
}
/*------------------------------------------------------------
    i pad pro
------------------------------------------------------------*/
@media screen and (max-width:834px){
    #lineCS {
        width: 65px;
        height: 84px;
        background: url('/images/icon_LineM.png') 0 0 no-repeat;
        background-size: cover;
    }
}
/*------------------------------------------------------------
    i6 Plus 414
------------------------------------------------------------*/
@media screen and (max-device-width:500px){
    footer #copyright p.remark span.paragraph{
        display:block;
    }
}
@media screen and (max-device-width:420px){
    footer #copyright p.contact span{
        margin-left:0;
        /*padding-left:0;*/
        margin-top:5px;
    }
    footer #copyright p.contact span:first-child{
        margin-top:0;
        margin-left:5px;
    }
}
/*------------------------------------------------------------
    i6
------------------------------------------------------------*/
@media screen and (max-device-width:375px){
    footer #copyright p.contact span{
        margin-left:0;
        padding-left:5px;
        margin-bottom:5px;
    }
}
/*------------------------------------------------------------
    S5
------------------------------------------------------------*/
@media screen and (max-device-width:360px){}
/*------------------------------------------------------------
    i5
------------------------------------------------------------*/
@media screen and (max-device-width:320px){}