@charset "utf-8";
/* CSS Document */
html,body{
    height: 100%;
}
@media (max-width:530px) {
    html,body{
        height: auto;
    }
}

.main *,.pocari_ion_container *,.faq_ans *,.pocari_lab_container *{
    font-family: "Arial","·L³n¥¿¶ÂÅé","Microsoft JhengHei";
}
.main{
    position: relative;
    height: 800px;
}
.main .full{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    /*background-image: url(http://www.pocari.com.tw/images/index_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;*/
}
.full .background{
    display: none;
}
.full #b28{
    position: relative;
}
/*
.full #b11{
    width: 15%;
    position: absolute;
    top: 13%;
    left: 15%;
    z-index: 10;
}
*/
.full .background img{
    width: 100%;
}
.full .movebackground{
    position: absolute;
    top: 0%;
    left: 50%;
}
.mainwrap #b5{
    margin-left: -580px;
    margin-top: 10px;
}
.mainwrap #left2{
    margin-left: -620px;
    margin-top: 190px;
}
.mainwrap #b7{
    margin-left: -615px;
    margin-top: 220px;
}
.mainwrap #b13{
    margin-left: -615px;
    margin-top: 220px;
}

.mainwrap #b6{
    margin-left: -160px;
    margin-top: 340px;
}
.mainwrap #b8{
    margin-left: 510px;
    margin-top: 10px;
}
.mainwrap #b4{
    margin-left: 430px;
    margin-top: 160px;
}
.mainwrap #b9{
    margin-left: 270px;
    margin-top: 20px;
}
.mainwrap #right5{
    margin-left: 310px;
    margin-top: 150px;
}
.mainwrap #b10{
    margin-left: 160px;
    margin-top: 220px;
}
.mainwrap #b3{
    margin-left: 100px;
    margin-top: 410px;
}
.mainwrap #b11{
    margin-left: 100px;
    margin-top: 520px;
}
.mainwrap #b12{
    margin-left: 260px;
    margin-top: 620px;
}
/*
.mainwrap #b3{
    margin-left: -300px;
    margin-top: 30px;
}
.mainwrap #b2{
    margin-left: -550px;
    margin-top: 0px;
}
.mainwrap #b1{
    width: 108px;
    height: 108px;
    border-radius: 108px;
    margin-left: -250px;
    margin-top: 150px;
    text-align: center;
}
.mainwrap #b1 a{
    width: 108px;
    height: 108px;
    display: block;
}
.mainwrap #b1 a img{
    width: 0px;
    height: 0px;
    margin-top: 54px;
}
*/
.mainauto{
    height: auto;
}
.mainauto .mainwrap .background1{
    margin-top: 66px;
    margin-bottom: 66px;
}
/*main end*/




/*download start*/
.mainauto .mainwrap .download{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #ccc;*/
    background-image: url(http://www.pocari.com.tw/images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.download .session{
    position: relative;
}
.download .session img{
    width: 100%;
}
.download .session div.title{
    position: absolute;
    top:40%;
}
.download .session div.title span.bold{
    font-size: 50px;
    color: #0073c0;
    Line-height: 120%;
    text-shadow: 0px 1px 3px #999999;
}
.download .session div.title span.nbold{
    font-size: 42px;
    color: #0073c0;
    Line-height: 170%;
    text-shadow: 0px 1px 3px #999999;
}
.download .container ul.list{
    overflow: hidden;
    margin-top: 20px;
}
.download .container ul.list li{
    float: left;
    margin-bottom: 40px;
    width: 33.333%;
    text-align: center;
}
/*.download .container ul.list .d1{
    
}
.download .container ul.list .d2{
    margin-left: 25px;
}
.download .container ul.list .d3{
    margin-left: 25px;
}
.download .container ul.list .d4{
    
}
.download .container ul.list .d5{
    margin-left: 25px;
}
.download .container ul.list .d6{
    margin-left: 25px;
}*/
.download .container ul.list li img{
    width: 310px;
}
.download .container ul.list div.dname{
    background-color: #0074c1;
    width: 310px;
    height: 32px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 32px;
    /*margin-top: 8px;*/
    margin: 8px auto 0;
}
.download .container ul.list ul.size{
    width: 310px;
    margin: 8px auto 0;
    overflow: hidden;
}
.download .container ul.list ul.size li{
    float: left;
    width: 50%;
    height: 32px;
    font-size: 12px;
    text-align: center;
    color: #0075c2;
    line-height: 32px;
    margin-bottom: 0px;
    padding: 0;
    box-sizing: border-box;
}
.download .container ul.list ul.size li a{
    color: #0075c2;
    display: block;
    background-color: #eee;
}
.download .container ul.list ul.size li:first-child{
    padding-right: 5px;
}
.download .container ul.list ul.size li:last-child{
    padding-left: 5px;
}
/*download end*/

/*advertisement start*/
.mainauto .mainwrap .advertisement{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #ccc;*/
    background-image: url(http://www.pocari.com.tw/images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.advertisement .session{
    position: relative;
}
.advertisement .session img{
    width: 100%;
}
.advertisement .session div.title{
    position: absolute;
    top:40%;
}
.advertisement .session div.title span.bold{
    font-size: 50px;
    color: #0073c0;
    Line-height: 120%;
    text-shadow: 0px 1px 3px #999999;
}
.advertisement .session div.title span.nbold{
    font-size: 42px;
    color: #0073c0;
    Line-height: 170%;
    text-shadow: 0px 1px 3px #999999;
}
.advertisement .container{
    margin-top: 20px;
}
.advertisement .container table{
    width: 100%;
}
.advertisement .container table#pocari2{
    display: none;
}
.advertisement .container table td.list{
    width: 240px;
}
.advertisement .container table td.gallery{
    width: 100%;
}
.advertisement .container table td.list{
    overflow: hidden;
}
.advertisement .container table td.list li{
    float: left;
}
.advertisement .container table td.list ul.adlogo{
    overflow: hidden;
}
.advertisement .container table td.list ul.adlogo li{
    width: 115px;
    cursor: pointer;
}
.advertisement .container table td.list ul.adlogo li.pocari{
    width: 130px;
}
.advertisement .container table td.list ul.adlogo li.pocari_ion_water{
    width: 98px;
}
.advertisement .container table td.list ul.adlogo li:last-child{
    margin-left: 10px;
}
.advertisement #pocari1 .title,.advertisement #pocari2 .title{
    cursor: pointer;
}
.advertisement #pocari1 .title.active{
    background-color: #125394;
}
.advertisement .container table td.list .channel{
    overflow: hidden;
    width: 240px;
}
.advertisement .container table td.list .tvcm{
    margin-right: 1%;
}
.advertisement .container table td.list .graphic{
    margin-left: 1%;
}
.advertisement .container table td.list .tvcm, .advertisement .container table td.list .graphic{
    margin-top: 12px;
    background-color: #0074c1;
    width: 49%;
    height: 31px;
    font-size: 15px;
    text-align: left;
    color: #fff;
    line-height: 31px;
    /*background-image:url("../images/ad-icon.png");*/
    background-repeat: no-repeat;
    background-position:180px -20px;
    float: left;
}
.advertisement .container table#pocari2 td.list .tvcm, .advertisement .container table#pocari2 td.list .graphic{
    background-color: #00b0ec;
}
.advertisement .container table#pocari2 td.list .tvcm.active, .advertisement .container table#pocari2 td.list .graphic.active{
    background-color: #66D9FF;
}
.advertisement .container table td.list .graphic{
    margin-bottom: 10px;
}
.advertisement .container table td.list .tvcm span, .advertisement .container table td.list .graphic span{
    margin-left: 12px;
}
.advertisement .container table td.list ul.tvcmlist,.advertisement .container table td.list ul.graphiclist{
    margin-top: 6px;
    overflow: hidden;
    background-color: #f2f8fc;
}
.advertisement .container table td.list ul.tvcmlist li,.advertisement .container table td.list ul.graphiclist li{
    /*margin-left: 10px;*/
    float: none;
    margin-top: 6px;
    cursor: pointer;
}
.advertisement .container table td.list ul.tvcmlist li:last-child,.advertisement .container table td.list ul.graphiclist li:last-child{
    margin-bottom: 6px;
}
ul.tvcmlist li table td img,ul.graphiclist li table td img{
    width: 100px;
}
ul.tvcmlist li table td:first-child,ul.graphiclist li table td:first-child{
    width: 100px;
}
ul.tvcmlist li table td:last-child,ul.graphiclist li table td:last-child{
    font-size: 13px;
    color: #333;
    vertical-align: middle;
    line-height: 130%;
    padding-left: 8px;
}
.advertisement .container table td.gallery{
    padding-left: 20px;
}
.advertisement .container table td.gallery div.gallerywrap{
    width: 718px;
    border: 1px solid #ccc;
    position: relative;
}
.advertisement .container table td.gallery div.gallerywrap div#swipe1 ul
,.advertisement .container table td.gallery div.gallerywrap div#swipe1g ul
,.advertisement .container table td.gallery div.gallerywrap div#swipe2 ul
,.advertisement .container table td.gallery div.gallerywrap div#swipe2g ul{
    margin-top: 20px;
}
.advertisement .container table td.gallery div.gallerywrap div#swipe1g ul li div
,.advertisement .container table td.gallery div.gallerywrap div#swipe2g ul li div{
    text-align: center;
}
.advertisement .container table td.gallery div.gallerywrap div#swipe1 ul li div
,.advertisement .container table td.gallery div.gallerywrap div#swipe2 ul li div
{
    margin-left: 40px;
    margin-right: 40px;
    position: relative;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    text-align: center;
}
.advertisement .container table td.gallery div.gallerywrap div#swipe1 ul li iframe
    ,.advertisement .container table td.gallery div.gallerywrap div#swipe1 ul li object
    ,.advertisement .container table td.gallery div.gallerywrap div#swipe1 ul li embed
    ,.advertisement .container table td.gallery div.gallerywrap div#swipe2 ul li iframe
    ,.advertisement .container table td.gallery div.gallerywrap div#swipe2 ul li object
    ,.advertisement .container table td.gallery div.gallerywrap div#swipe2 ul li embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.advertisement .container table td.gallery div.gallerywrap h3{
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 15px;
    color: #333;
    
}
.advertisement .container table td.gallery div.gallerywrap div.pagecontrol {
    background-image:url("../images/ad-icon.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    width:15px;
    height:26px;
    cursor: pointer;
    margin-top: -55px;
}
.advertisement .container table td.gallery div.gallerywrap div.prev {
    background-position:-30px -72px;
    left: 10px;
}
.advertisement .container table#pocari2 td.gallery div.gallerywrap div.prev {
    background-position:-30px -184px;
    left: 10px;
}
.advertisement .container table td.gallery div.gallerywrap div.next {
    background-position:-30px -128px;
    right: 10px;
}
.advertisement .container table#pocari2 td.gallery div.gallerywrap div.next {
    background-position:-30px -240px;
    right: 10px;
}
.advertisement .container table td.gallery div.gallerywrap ul.pages {
    margin: 0 auto;
    width: 85px;
    overflow: hidden;
    margin-bottom: 20px;
}
.advertisement .container table td.gallery div.gallerywrap ul.pages li{
    background-image:url("../images/ad-icon.png");
    background-repeat: no-repeat;
    float: left;
    margin-left: 5px;
    width:12px;
    height:12px;
    background-position:-30px -296px;
}
.advertisement .container table td.gallery div.gallerywrap ul.pages li.active{
    background-position:-30px -338px;
}
.advertisement .container table#pocari2 td.gallery div.gallerywrap ul.pages li{
    background-position:-30px -380px;
}
.advertisement .container table#pocari2 td.gallery div.gallerywrap ul.pages li.active{
    background-position:-30px -422px;
}
/*advertisement end*/


/*news_list start*/
.mainauto .mainwrap .news_list{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #ccc;*/
    background-image: url(http://www.pocari.com.tw/images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.news_list .session{
    position: relative;
}
.news_list .session img{
    width: 100%;
}
.news_list .session div.title{
    position: absolute;
    top:40%;
}
.news_list .session div.title span.bold{
    font-size: 50px;
    color: #0073c0;
    Line-height: 120%;
    text-shadow: 0px 1px 3px #999999;
}
.news_list .session div.title span.nbold{
    font-size: 42px;
    color: #0073c0;
    Line-height: 170%;
    text-shadow: 0px 1px 3px #999999;
}
.news_list .container {
    margin-top: 20px;
}
.news_list .container ul.list{
    width: 980px;
    overflow: hidden;
    margin-bottom: 32px;
}
.news_list .container ul.list li{
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.news_list .container ul.list li.last{
    margin-right: 0px;
}
.news_list .container ul.list li.hr{
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    background-color: #ecf2f9;
    height: 4px;
}
.news_list .container ul.list li ul.news{
    width: 310px;
    overflow: hidden;
}
.news_list .container ul.list li ul.news li{
    float: none;
    margin-top: 0px;
    margin-bottom: 0px;
}
.news_list .container ul.list li ul.news li.img img{
    width: 310px;
    height: 310px;
}
.news_list .container ul.list li ul.news li.shadow{
    height: 16px;
    background-image: url(http://www.pocari.com.tw/images/news-list-shadow.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.news_list .container ul.list li ul.news li.date{
    font-size:12px;
    color: #666;
    line-height: 120%;
    margin-bottom: 3px;
}
.news_list .container ul.list li ul.news li.name{
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #0072bf;
    line-height: 120%;
    margin-bottom: 10px;
}
.news_list .container ul.list li ul.news li.des{
    height: 26px;
    font-size: 13px;
    color: #333;
    line-height: 130%;
    margin-bottom: 10px;
}
.news_list .container ul.list li ul.news li.more{
    background-image: url(http://www.pocari.com.tw/images/news-icon.png);
    width: 70px;
    height:20px;
    background-position:-30px -30px;
    background-repeat: no-repeat;
}
.news_list .container ul.list li ul.news li.more:hover{
    background-position:-30px -80px;
}
.news_list .container ul.list li ul.news li.more a{
    width: 100%;
    height: 100%;
    display: block;
}
.news_list .container ul.pages{
    overflow: hidden;
    margin: 0 auto;
}
.news_list .container ul.pages li{
    float: left;
    border: 1px solid #d4e1f4;
    text-align: center;
    margin: 0px 2px;
    font-size: 13px;
}
.news_list .container ul.pages li a{
    color: #2c61ae;
    display: block;
    padding: 6px;
}
.news_list .container ul.pages li.active{
    font-weight: bold;
    background-color: #457dcf;
}
.news_list .container ul.pages li.active a{
    color: #fff;
}
/*news_list end*/
/*news start*/
.mainauto .mainwrap .news{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #ccc;*/
    background-image: url(http://www.pocari.com.tw/images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.news .session{
    position: relative;
}
.news .session img{
    width: 100%;
}
.news .session div.title{
    position: absolute;
    top:40%;
}
.news .session div.title span.bold{
    font-size: 50px;
    color: #0073c0;
    Line-height: 120%;
    text-shadow: 0px 1px 3px #999999;
}
.news .session div.title span.nbold{
    font-size: 42px;
    color: #0073c0;
    Line-height: 170%;
    text-shadow: 0px 1px 3px #999999;
}
.news .container {
    margin-top: 20px;
}
.news .container .back{
    overflow: hidden;
}
.news .container .back a{
    float: right;
    width:70px;
    height:20px;
    background-image: url(http://www.pocari.com.tw/images/news-icon.png);
    background-position:-30px -130px;
    display: block;
}
.news .container .back a:hover{
    background-position:-30px -180px;
}
.news .container .date{
    font-size:12px;
    color: #666;
    line-height: 120%;
    margin-bottom: 3px;
}
.news .container .name{
    font-size: 28px;
    font-weight: bold;
    color: #0072bf;
    line-height: 120%;
}
.news .container .hr{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    background-color: #ecf2f9;
    height: 4px;
}
/*news end*/

/*brand start*/
.mainauto .mainwrap .brand{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #ccc;*/
    background-image: url(http://www.pocari.com.tw/images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.brand .session{
    position: relative;
}
.brand .session img{
    width: 100%;
}
.brand .session div.title{
    position: absolute;
    top:40%;
}
.brand .session div.title span.bold{
    font-size: 50px;
    color: #0073c0;
    Line-height: 120%;
    text-shadow: 0px 1px 3px #999999;
}
.brand .session div.title span.nbold{
    font-size: 42px;
    color: #0073c0;
    Line-height: 170%;
    text-shadow: 0px 1px 3px #999999;
}
.brand .container {
    margin-top: 20px;
}
.brand .container ul.story1{
    overflow: hidden;
}
.brand .container ul.story1 li{
    float: left;
}
.brand .container ul.story1 li.logo{
    width: 440px;
    text-align: center;
}
.brand .container ul.story1 li.content{
    width: 490px;
    font-size: 15px;
    color: #005db2;
    line-height: 155%;
}
.brand .container .hr{
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    background-color: #ecf2f9;
    height: 4px;
}
.brand .container ul.story2{
    overflow: hidden;
}
.brand .container ul.story2 li{
    float: left;
}
.brand .container ul.story2 li.logo{
    width: 440px;
    text-align: center;
}
.brand .container ul.story2 li.content{
    width: 490px;
    font-size: 15px;
    color: #005db2;
    line-height: 155%;
}
.brand .container div.story3bg{
    background-color: #ecf2f9;
    position: relative;
    margin-top: 30px;
    margin-bottom: 75px;
}
.brand .container ul.story3{
    overflow: hidden;
}
.brand .container ul.story3 li{
}
.brand .container ul.story3 li.logo{
    position: absolute;
    top: 30px;
    width: 176px;
    text-align: center;
}
.brand .container ul.story3 li.logo img{
    width: 70px;
}
.brand .container ul.story3 li.content{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 15px;
    color: #000;
    line-height: 165%;
}
.brand .container ul.story3 li.content p{
    margin-left: 176px;
}

.mainwrap div.story4bg{
    /*background-color: #015db2;*/
    position: relative;
    margin-bottom: 80px;
}
.mainwrap ul.story4{
    overflow: hidden;
    width: 980px;
    margin: 0px auto;
}
.mainwrap ul.story4 li{
    text-align: center;
}
.mainwrap ul.story4 li.logo{
    margin-top: 40px;
    margin-bottom: 20px;
}
.mainwrap ul.story4 li.content{
    font-size: 16px;
    line-height: 165%;
    /*color: #fff;*/
    color: #0074c1;
    position: relative;
}
.mainwrap ul.story4 li.content p.content_top{
    /*position: absolute;*/
    top: 0px;
    width: 100%;
}
.mainwrap ul.story4 li.content p.content_bottom{
    /*position: absolute;*/
    bottom: 0px;
    width: 100%;
}
/*brand end*/

/*product pocari_ion start*/
.pocari_ion .mainwrap {
    background-image: url(http://www.pocari.com.tw/images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    top: 66px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}
.pocari_ion .mainwrap .background1{
    
}

.pocari_ion .mainwrap .bg{
    position: absolute;
    top: 0%;
    /*left: 50%;*/
}
.pocari_ion .mainwrap .mv5{
    left: 50%;
    margin-left: 130px;
    z-index: 2;
}
.pocari_ion .mainwrap .mv4{
    left: 50%;
    margin-top: -40px;
    margin-left: -100px;
    z-index: 3;
}
.pocari_ion .mainwrap .mv3{
    left: 50%;
    margin-top: 180px;
    margin-left: -130px;
    z-index: 4;
}
.pocari_ion .mainwrap .mv2{
    left: 50%;
    margin-top: 40px;
    margin-left: -60px;
    z-index: 5;
    text-align: center;
}
.pocari_ion .mainwrap .mv2 img{
    width: 0px;
    height: 0px;
    margin-top: 82px;
    margin-left: 82px;
}
.pocari_ion .mainwrap .mv1{
    left: 50%;
    margin-top: 180px;
    margin-left: -430px;
    z-index: 10;
}
.pocari_ion .mainwrap .mv1 span{
    background-image: url(http://www.pocari.com.tw/images/product-icon.png);
    background-repeat: no-repeat;
    width:115px;
    height:30px;
    background-position:-30px -150px;
    display: block;
    cursor: pointer;
    margin-top: 20px;
}
.pocari_ion .mainwrap .mv1 span:hover{
    background-position:-30px -210px;
}
.pocari_ion .sbg{
    display: none;
}
.pocari_ion_container{
    margin-bottom: 33px;
    background-image: url(http://www.pocari.com.tw/images/pr2-bg.png);
}
.pocari_ion_container .container{
    width: 980px;
    margin: 0 auto;
    padding-top: 30px;
}
.pocari_ion_container .title{
    display: none;
    margin-bottom: 20px;
}
.pocari_ion_container .title1{
    font-size: 25px;
	font-weight: bold;
	color: #00a5e9;
	line-height: 150%;
}
.pocari_ion_container .content1{
    font-size: 15px;
	color: #00a5e9;
	line-height: 150%;

}
.pocari_ion_container .content1 p{
    margin-top: 10px;
}
.pocari_ion_container ul{
    margin-top: 45px;
    overflow: hidden;
}
.pocari_ion_container ul li.left{
    width: 490px;
    float: left;
}
.pocari_ion_container ul li.right{
    float: left;
    width: 490px;
    height: 788px;
    position: relative;
    overflow: hidden;
}
.pocari_ion_container .left .title2{
    font-size: 22px;
	font-weight: bold;
	color: #00a5e9;
	line-height: 120%;
}
.pocari_ion_container .left .content2{
    font-size: 15px;
	color: #00a5e9;
	line-height: 150%;
}
.pocari_ion_container .left .title3{
    margin-top: 30px;
    font-size: 22px;
	font-weight: bold;
	color: #00a5e9;
	line-height: 120%;
}
.pocari_ion_container .left .content3_1,.pocari_ion_container .left .content3_2{
    margin-top: 15px;
    font-size: 15px;
	color: #00a5e9;
	line-height: 150%;
}
.pocari_ion_container .left .water{
    margin-top: 20px;
}
.pocari_ion_container .left .title4{
    margin-top: 30px;
    font-size: 22px;
	font-weight: bold;
	color: #00a5e9;
	line-height: 120%;
}
.pocari_ion_container .left ul.content4{
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.pocari_ion_container .left ul.content4 li{
    float: left;
    margin-left: 5px;
}
.pocari_ion_container .right div{
    position: absolute;
    top: 0%;
    left: 50%;
}
.pocari_ion_container .right .ion1{
    margin-left: -50px;
}
.pocari_ion_container .right .ion2{
    margin-left: -220px;
    margin-top: 60px;
}
.pocari_ion_container .right .ion3{
    margin-left: 120px;
    margin-top: 380px;
}
.pocari_ion_container .gopocari{
    position: fixed;
    top: 50%;
    right: 25px;
    z-index: 99;
    text-align: right;
}
.pocari_ion_container .gopocari a{
    display: block;
    width: 103px;
    height: 38px;
    background-image: url(http://www.pocari.com.tw/images/pr2-icon1.png);
    background-position: right center;
    background-repeat: no-repeat;
}

/*product pocari_ion end*/

/*product pocari start*/
.pocari .mainwrap {
    background-image: url(http://www.pocari.com.tw/images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    top: 66px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}
.pocari .mainwrap .background1{
    
}

.pocari .mainwrap .bg{
    position: absolute;
    top: 0%;
    /*left: 50%;*/
}
.pocari .mainwrap .mv3{
    left: 50%;
    margin-top: -40px;
    margin-left: -380px;
    z-index: 4;
}
.pocari .mainwrap .mv2{
    left: 50%;
    margin-top: 160px;
    margin-left: -560px;
    z-index: 5;
}
.pocari .mainwrap .mv1{
    left: 50%;
    margin-top: 240px;
    margin-left: 100px;
    z-index: 10;
}
.pocari .mainwrap .mv1 span{
    background-image: url(http://www.pocari.com.tw/images/product-icon.png);
    background-repeat: no-repeat;
    width:115px;
    height:30px;
    background-position:-30px -30px;
    display: block;
    cursor: pointer;
    margin-top: 20px;
}
.pocari .mainwrap .mv1 span:hover{
    background-position:-30px -90px;
}
.pocari .sbg{
    display: none;
}
.pocari_container{
    margin-bottom: 33px;
    background-image: url(http://www.pocari.com.tw/images/pr2-bg.png);
}
.pocari_container .container{
    width: 980px;
    margin: 0 auto;
    padding-top: 30px;
}
.pocari_container .title{
    display: none;
    margin-bottom: 20px;
}
.pocari_container .content1 p{
    font-size: 15px;
	color: #00a5e9;
	line-height: 150%;
    margin-top: 10px;
}
.pocari_container .content2 p{
    font-size: 15px;
	color: #00a5e9;
	line-height: 150%;
    margin-top: 10px;
}

.pocari_container ul{
    margin-top: 45px;
    overflow: hidden;
}
.pocari_container ul li.left{
    width: 490px;
    float: left;
}
.pocari_container ul li.right{
    float: left;
    width: 490px;
    height: 788px;
    position: relative;
    overflow: hidden;
}
.pocari_container .left .title2{
    font-size: 22px;
	font-weight: bold;
	color: #00a5e9;
	line-height: 120%;
}
.pocari_container .left .content2{
    font-size: 15px;
	color: #00a5e9;
	line-height: 150%;
}
.pocari_container .left .title3{
    margin-top: 30px;
    font-size: 22px;
	font-weight: bold;
	color: #00a5e9;
	line-height: 120%;
}
.pocari_container .left .content3_1,.pocari_container .left .content3_2{
    margin-top: 15px;
    font-size: 15px;
	color: #00a5e9;
	line-height: 150%;
}
.pocari_container .left .water{
    margin-top: 20px;
}
.pocari_container .left .title4{
    margin-top: 30px;
    font-size: 22px;
	font-weight: bold;
	color: #00a5e9;
	line-height: 120%;
}
.pocari_container .left ul.content4{
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.pocari_container .left ul.content4 li{
    float: left;
    margin-left: 5px;
}
.pocari_container .right div{
    position: absolute;
    top: 0%;
    left: 0%;
}

.pocari_container .gopocari_ion_water{
    position: fixed;
    top: 50%;
    left: 25px;
    z-index: 99;
    text-align: right;
}
.pocari_container .gopocari_ion_water a{
    display: block;
    width: 103px;
    height: 38px;
    background-image: url(http://www.pocari.com.tw/images/pr1-icon1.png);
    background-position: right center;
    background-repeat: no-repeat;
}

/*product pocari end*/

/*pocari_lab start*/
.pocari_lab .mainwrap {
    background-image: url(http://www.pocari.com.tw/images/lab-bg.jpg);
    background-color: #D9EDFB;
    background-repeat: repeat-x;
    background-position: top;
    top: 66px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}
.pocari_lab .mainwrap .background1{
    
}

.pocari_lab .mainwrap .bg{
    position: absolute;
    top: 0%;
    /*left: 50%;*/
}
.pocari_lab .mainwrap .mv5{
    left: 50%;
    margin-top: 80px;
    margin-left: 30px;
    z-index: 2;
}
.pocari_lab .mainwrap .mv4{
    left: 50%;
    margin-top: -10px;
    margin-left: 70px;
    z-index: 3;
}
.pocari_lab .mainwrap .mv3{
    left: 50%;
    margin-top: -60px;
    margin-left: -400px;
    z-index: 4;
}
.pocari_lab .mainwrap .mv1{
    left: 50%;
    margin-top: 120px;
    margin-left: -450px;
    z-index: 10;
}
.pocari_lab .mainwrap .mv1 span{
    background-image: url(http://www.pocari.com.tw/images/lab-icon.png);
    background-repeat: no-repeat;
    width:115px;
    height:30px;
    background-position:-30px -30px;
    display: block;
    cursor: pointer;
    margin-top: 20px;
}
.pocari_lab .mainwrap .mv1 span:hover{
    background-position:-30px -90px;
}
.pocari_lab .sbg{
    display: none;
}
.pocari_lab_container{
    margin-bottom: 30px;
    background-color: #D9EDFB;
    padding-bottom: 100px;
}
.pocari_lab_container .container{
    width: 980px;
    margin: 0 auto;
    /*padding-top: 30px;*/
}
.pocari_lab_container .headline{
    /*background-image: url(http://www.pocari.com.tw/images/lab-img01-bg.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center 30px;*/
    height: 250px;
}
.pocari_lab_container .headline ul{
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
.pocari_lab_container .headline ul li{
    float: left;
}
.pocari_lab_container .headline ul li.img{
    width: 200px;
}
.pocari_lab_container .headline ul li.des{
    width: 780px;
}
.pocari_lab_container .headline ul li.des h3{
    margin-top: 40px;
    
}
.pocari_lab_container h3{
    font-size: 35px;
    line-height: 200%;
    color: #0074C0;
    padding-left: 10px;
    padding-right: 10px;
    /*font-weight: normal;*/
}
.pocari_lab_container h4{
    font-size: 15px;
    line-height: 130%;
    color: #0074C1;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
}
.pocari_lab_container .clear{
    clear: both;
}
.question .sq{
    display: none;
}

.pocari_lab_container .container ul.question,.pocari_lab_container .container2 ul.question {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.pocari_lab_container .container ul.qq1{
    
}
.pocari_lab_container .container ul.qq2{
    margin-bottom: 0px;
}
.pocari_lab_container .container ul.qq3{
    margin-bottom: 0px;
}
.pocari_lab_container .container ul.qq4{
    margin-bottom: 0px;
}
.pocari_lab_container .qq5{
    margin-bottom: 0px;
}
.pocari_lab_container .container2 ul.qq6{
    margin-bottom: 0px;
}
.pocari_lab_container .qq7{
    
}
.pocari_lab_container .qq8{
    
}
.pocari_lab_container .qq9{
    
}
.pocari_lab_container .qq10{
    
}
.pocari_lab_container .question .q2,.pocari_lab_container .question .a2{
    width: 275px;
}
.pocari_lab_container .question .a2{
    height: 95px;
}
.pocari_lab_container .question .a2m{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 700px;
    height: 155px;
    overflow: hidden;
}
.pocari_lab_container .question .a2m div{
    position: absolute;
    top: 0px;
    left: 50px;
    width: 152px;
}
.pocari_lab_container .question .a2m div#a2m1{
    margin-left: 0px;
}
.pocari_lab_container .question .a2m div#a2m2{
    margin-left: 145px;
}
.pocari_lab_container .question .a2m div#a2m3{
    margin-left: 290px;
}
.pocari_lab_container .question .a3{
    width: 760px;
    height: 180px;
}
.pocari_lab_container .question .a3m div#a3m1{
    position: absolute;
    top: 40px;
    right: 20px;
    width: 174px;
}

.pocari_lab_container .question .q4{
    margin-left: 200px;
}
.pocari_lab_container .question .a4{
    margin-left: 200px;
    width: 760px;
    height: 130px;
}
.pocari_lab_container .question .a4m div#a4m1{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 174px;
}
.pocari_lab_container .question .a5{
    width: 630px;
    height: 150px;
}
.pocari_lab_container .question .a5m div#a5m1{
    position: absolute;
    top: 10px;
    right: 150px;
    width: 174px;
}
.pocari_lab_container .container2{
    /*padding-top: 30px;*/
    /*background-color: #BFDFF8;*/
}
.pocari_lab_container .container2 .subcontainer{
    width: 980px;
    margin: 0 auto;
}
.pocari_lab_container .question .q6{
    margin-left: 75px;
}
.pocari_lab_container .question .a6m div#a6m1{
    position: absolute;
    top: 0px;
}
.pocari_lab_container .question .a6{
    margin-top: 20px;
}
.pocari_lab_container .question .a6m2 h3{
    /*margin-top: 20px;*/
    display: none;
    font-size: 18px;
    color: #FF7F00;
}
.pocari_lab_container .question .a6m2 ul{
    margin-top: 30px;
    overflow: hidden;
}
.pocari_lab_container .question .a6m2 ul li{
    float: left;
    margin-right: 20px;
}
.pocari_lab_container .question .a6m2 h4{
    display: none;
    margin-top: 10px;
    font-size: 14px;
    color: #0072BF;
}
.pocari_lab_container .question .a6m2 div#a6m2{
    margin-top: 30px;
}
.pocari_lab_container .question .a6m2 div#a6m2 .s{
    display: none;
}
.pocari_lab_container .question .a6m3{
    margin-top: 20px;
}
.pocari_lab_container .question .a6m3 .testwrap{
    overflow: hidden;
    margin-top: 40px;
}
.pocari_lab_container .question .a6m3 .testwrap li{
    width: 50%;
    float: left;
    text-align: center;
}
.pocari_lab_container .question .a6m3 .testwrap li.chart1{
    background-image: url(http://www.pocari.com.tw/images/lab-img08-1-1.png);
    background-position: center top;
    background-repeat: no-repeat;
}
.pocari_lab_container .question .a6m3 .testwrap li.chart1 img{
    margin-top: 25px;
}
.pocari_lab_container .question .a6m3 .testwrap li.chart1 h4{
    font-size: 12px;
    padding: 20px 65px;
}
.pocari_lab_container .question .a6m3 .testwrap li.chart2 img{
    margin-top: 60px;
}
.pocari_lab_container .question .a6m4 ul.aa{
    position: relative;
    margin-top: 20px;
}
.pocari_lab_container .question .a6m4 ul.aa li{
    margin-top: 10px;
    margin-left: 310px;
}
.pocari_lab_container .question .a6m4 ul.aa li:last-child{
    height: 90px;
    text-align: left;
    padding-left: 8px;
}
.pocari_lab_container .question .a6m4 ul.aa li div#a6m3{
    position: absolute;
    top: 0px;
    left: 0px;
}
.pocari_lab_container .container ul.qq7{
    /*margin-top: -25px;*/
    margin-bottom: 0px;
}
.pocari_lab_container .question .a7{
    width: 700px;
}
.pocari_lab_container .container ul.qq8{
    margin-top: 0px;
}
.pocari_lab_container .container .question .q8{
    margin-top: 15px;
}
.pocari_lab_container .question .a8{
    height: 260px;
}
.pocari_lab_container .question .a8m div#a8m3{
    position: absolute;
    right: 20px;
    top: 20px;
}
.pocari_lab_container .container ul.qq9{
    margin-top: -255px;
}
.pocari_lab_container .container ul.qq10{
    margin-top: -15px;
}
.pocari_lab_container ul.qq10 li{
    /*width: 50%;*/
    /*float: left;*/
}
.pocari_lab_container .question li.a10 h4{
    /*margin-left: 90px;*/
    margin-top: 20px;
}
.pocari_lab_container .question li.a10m{
    /*text-align: center;*/
}
.pocari_lab_container .container ul.question:last-child{
    margin-bottom: 0px;
}
.pocari_lab_container .gotiming{
    position: fixed;
    top: 50%;
    right: 25px;
    z-index: 99;
    text-align: right;
}
.pocari_lab_container .gotiming a{
    display: block;
    width: 102px;
    height: 102px;
    background-image: url(http://www.pocari.com.tw/images/float-button.png);
    background-position: right center;
    background-repeat: no-repeat;
}
/*pocari_lab end*/

/*history start*/
.mainauto .history{
    background-image: url(http://www.pocari.com.tw/images/history-bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.mainauto .history .background1{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.history .session{
    position: relative;
}
.history .session img{
    width: 100%;
}
.history .session div.title{
    position: absolute;
    top:40%;
}
.history .session div.title span.bold{
    font-size: 50px;
    color: #0073c0;
    Line-height: 120%;
    text-shadow: 0px 1px 3px #999999;
}
.history .session div.title span.nbold{
    font-size: 42px;
    color: #0073c0;
    Line-height: 170%;
    text-shadow: 0px 1px 3px #999999;
}
.history .container {
    margin-top: 20px;
    margin-bottom: 30px;
}
.history .container table{
    width: 100%;
}
.history .container .parta{
    background-color: #fff;
}
.history .container .partb{
    background-color: #ECF2F9;
}
.history .container .part td{
    height: 220px;
    width: 42%;
    vertical-align: middle;
    text-align: center;
}
.history .container .part td.arrow{
    width: 20px;
}
.history .container .part td.hleft{
    text-align: right;
    padding-right: 50px;
}
.history .container .part td.hleft
,.history .container .part td.hright{
    overflow: hidden;
}
.history .container .part td.hleft div{
    float: right;
}
.history .container .part td.hright div{
    float: left;
}
.history .container .part td.hleft div
,.history .container .part td.hright div{
    overflow: hidden;
    width: 359px;
    height: 220px;
    position: relative;
}
.history .container .part td.hleft div img
,.history .container .part td.hright div img{
    position: absolute;
    left: 0%;
    top: 50%;
}
.history .container .part td.hright{
    text-align: left;
    padding-left: 50px;
}
.history .container .part td.left{
    text-align: right;
    padding-right: 5px;
}
.history .container .part td.right{
    text-align: left;
    padding-left: 5px;
}
.history .container .part td.arrow div{
    width: 20px;
    display: block;
}
.history .container .part td.years{
    width: 150px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.history .container .part td.years div{
    
}
.history .container .part td.years div img{
    width: 0px;
    height: 0px;
}
.history .container .bottompart{
    position: relative;
    text-align: center;
    background-color: #015DB2;
    height: 325px;
}
.history .container .bottompart .toparrow{
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -12px;
}
.history .container .bottompart .scroll{
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -40px;
    text-align: center;
}
.history .container .bottompart .txt{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -335px;
    margin-top: -34px;
    text-align: center;
}
.history .container .less940{
    display: none;
}
/*history end*/

/*products start*/
.products table{
    margin-top: 66px;
    margin-bottom: 30px;
    width: 100%;
}
.products table td{
    width: 50%;
}
.products table td.l{
    text-align: right;
    cursor: pointer;
    background-color: #48BBD7;
}
.products table td.r{
    text-align: left;
    cursor: pointer;
    background-color: #0778C2;
}
/*products end*/

/*faq start*/
.mainauto .faq{
    background-color: #fff;
}
.mainauto .faq .background1{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.faq .session{
    position: relative;
}
.faq .session img{
    width: 100%;
}
.faq .session div.title{
    position: absolute;
    top:40%;
}
.faq .session div.title span.bold{
    font-size: 50px;
    color: #0073c0;
    Line-height: 120%;
    text-shadow: 0px 1px 3px #999999;
}
.faq .session div.title span.nbold{
    font-size: 42px;
    color: #0073c0;
    Line-height: 170%;
    text-shadow: 0px 1px 3px #999999;
}
.faq .container {
    margin-top: 20px;
}
.faq .container ul.list{
    width: 900px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}
.faq .container ul.list:last-child{
    margin-bottom: 0px;
}
.faq .container ul.list li{
    width: 272px;
    height: 219px;
    float: left;
    margin: 7px 13px 32px 13px;
    background-color: #fff;
    /*box-shadow: 0px 0px 7px 0px #0074c1;*/
    border: solid 1px #0074c1;
    cursor: pointer;
}
.faq .container ul.list li ul.qa{
    overflow: hidden;
}
.faq .container ul.list li ul.qa li{
    height: auto;
    float: none;
    margin: 0px 0px;
    /*box-shadow: 0px 0px 0px 0px #000;*/
    border: 0px;
}
.faq .container ul.list li ul.qa li.img{
    width: 225px;
    height: 120px;
}
.faq .container ul.list li ul.qa li.title h3{
    width: 65px;
    height: 40px;
    margin-left: 13px;
    background-color: #0074c1;
    font-size:28px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}
.faq .container ul.list li ul.qa li.question h4{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #0072bf;
    line-height: 120%;
    padding: 0px 20px;
}

.faq_ans{
    position: fixed;
    z-index: 99;
    top: 66px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-image: url(http://www.pocari.com.tw/images/answer-bg.png);
    display: none;
}
.faq_ans .ans{
    position: absolute;
    top: 20%;
    left: 50%;
    width: 720px;
    margin-left: -360px;
    background-color: #fff;
    
}
.faq_ans .ans .title{
    position: relative;
}
.faq_ans .ans .title h3{
    width: 65px;
    height: 40px;
    margin-left: 13px;
    background-color: #0074c1;
    font-size:28px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}
.faq_ans .ans .title a{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 39px;
    height: 39px;
    display: inline-block;
    background-image: url(http://www.pocari.com.tw/images/close.gif);
    background-position: center top;
    background-repeat: no-repeat;
    
}

.faq_ans .ans .content .ans_logo{
    width: 23%;
    height: 150px;
    display: inline-block;
    float: left;
    background-image: url(http://www.pocari.com.tw/images/q1.png);
    background-position: center 20px;
    background-repeat: no-repeat;
}
.faq_ans .ans .content .ans_txt{
    width: 77%;
    float: left;
    
}
.faq_ans .ans .content .ans_txt h2{
    font-size: 18px;
    font-weight: bold;
    color: #0073c0;
    line-height: 120%;
    margin: 20px 50px 0px 0px;
}
.faq_ans .ans .content .ans_txt h4{
    font-size: 15px;
    color: #333;
    line-height: 140%;
    margin: 20px 50px 30px 0px;
    font-weight: normal;
}




/*faq end*/



@media (max-width:1030px){
    .history .container .part td.hleft{
        padding-right: 5px;
    }
    .history .container .part td.hright{
        padding-left: 5px;
    }
}
@media (max-width:980px) {
    
    /*download start*/
    .mainauto .mainwrap .download{
        width: 100%;
    }
    .download .container ul.list{
        width: 645px;
        margin-left: auto;
        margin-right: auto;
    }
    .download .container ul.list li{
        width: 50%;
    }
/*    .download .container ul.list .d1{
    
    }
    .download .container ul.list .d2{
        margin-left: 25px;
    }
    .download .container ul.list .d3{
        margin-left: 0px;
    }
    .download .container ul.list .d4{
        margin-left: 25px;
    }
    .download .container ul.list .d5{
        margin-left: 0px;
    }
    .download .container ul.list .d6{
        margin-left: 25px;
    }*/
    /*download end*/
    
    /*advertisement start*/
    .mainauto .mainwrap .advertisement{
        width: 100%;
    }
    .advertisement .container table td.gallery div.gallerywrap{
        width: 99%;
    }
    .advertisement .session div.title span.bold{
        margin-left: 20px;
    }
    /*advertisement end*/
    
    /*new_list start*/
    .mainauto .mainwrap .news_list{
        width: 100%;
    }
    .news_list .container ul.list li{
        margin-left: 8px;
        margin-right: 8px;
    }
    .news_list .container ul.list li.last{
        margin-right: 8px;
    }
    .news_list .container ul.list li.hr{
        display: none;
    }
    .news_list .container ul.list{
        width: 660px;
        margin: 0px auto;
    }
    .news_list .session div.title span.bold{
        margin-left: 20px;
    }
    /*news_list end*/
    /*news start*/
    .mainauto .mainwrap .news{
        width: 100%;
    }
    .news .session div.title span.bold{
        margin-left: 20px;
    }
    /*news end*/
    
    /*brand start*/
    .brand .session div.title span.bold{
        margin-left: 20px
    }
    .mainauto .mainwrap .brand{
        width: 100%;
    }
    .brand .container ul.story1 li.logo{
        width: 100%;
        text-align: left;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .brand .container ul.story1 li.content{
        width: 100%;
    }
    .brand .container ul.story1 li.content p{
        margin-left: 20px;
    }
    .brand .container ul.story2 li.logo{
        width: 100%;
        text-align: left;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .brand .container ul.story2 li.content{
        width: 100%;
        margin-bottom: 30px;
    }
    .brand .container ul.story2 li.content p{
        margin-left: 20px;
    }
    .brand .container ul.story3 li.content{
        width: 100%;
    }
    .mainwrap ul.story4{
        width: 100%;
    }
    .mainwrap ul.story4 li.content img{
        width: 100%;
    }
    .mainwrap ul.story4 li.content p.content_top, .mainwrap ul.story4 li.content p.content_bottom{
        position: relative;
        margin: 10px 0px;
    }
    /*brand end*/
    /*pocari_ion_container start*/
    
    .pocari_ion_container .container{
        width: 100%;
    }
    .pocari_ion_container .container li.left{
        width: 100%;
    }
    .pocari_ion .mainwrap .mv1{
        margin-top: 150px;   
    }
    .pocari_ion .mainwrap .mv1 img{
        margin-left: 90px;
        width: 60%;
    }
    .pocari_ion .mainwrap .mv1 span{
        margin-left: 90px;
    }
    .pocari_ion_container .title
    ,.pocari_ion_container .title1
    ,.pocari_ion_container .content1
    ,.pocari_ion_container .title2
    ,.pocari_ion_container .content2
    ,.pocari_ion_container .title3
    ,.pocari_ion_container .content3_1
    ,.pocari_ion_container .content3_2
    ,.pocari_ion_container .water
    ,.pocari_ion_container .title4
    ,.pocari_ion_container .content4
    {
        margin-left: 20px;
        margin-right: 20px;
    }
    /*,.pocari_ion .mainwrap .mv4,.pocari_ion .mainwrap .mv3,.pocari_ion .mainwrap .mv2,.pocari_ion .mainwrap .mv1*/
    /*pocari_ion_container end*/
    
    /*pocari start*/
    .pocari_container .container{
        width: 100%;
    }
    .pocari_container .container li.left{
        width: 100%;
    }
    .pocari .mainwrap .mv1{
        margin-left: -320px;
    }
    .pocari .mainwrap .mv1 img{
        width: 100%;
    }
    .pocari_container .title
    ,.pocari_container .title1
    ,.pocari_container .content1
    ,.pocari_container .title2
    ,.pocari_container .content2
    ,.pocari_container .title3
    ,.pocari_container .content3_1
    ,.pocari_container .content3_2
    ,.pocari_container .water
    ,.pocari_container .title4
    ,.pocari_container .content4
    {
        margin-left: 20px;
        margin-right: 20px;
    }
    /*pocari end*/
    
    /*pocari_lab start*/
    .pocari_lab_container .container,.pocari_lab_container .container2{
        width: 100%;
    }
    .pocari_lab_container .headline{
        height: auto;
    }
    .pocari_lab_container .headline ul{
        width: 100%;
    }
    .pocari_lab_container .headline ul li.des{
        width: 100%;
    }
    .pocari_lab_container .question .a3{
        width: 100%;
        height: auto;
    }
    .pocari_lab_container .question .a3m div#a3m1{
        position: relative;
        text-align: center;
        top: 0px;
        right: 0px;
    }
    .pocari_lab_container .question .q4{
        margin-left: 0px;
    }
    .pocari_lab_container .question .a4m div#a4m1{
        position: relative;
        text-align: center;
    }
    .pocari_lab_container .question .a4{
        width: 100%;
        height: auto;
        margin-left: 0px;
    }
    .pocari_lab_container .question .q5{
        margin-left: 0px;
    }
    .pocari_lab_container .question .a5{
        width: 100%;
    }
    .pocari_lab_container .question .a5m div#a5m1{
        position: relative;
        text-align: center;
        top: 0px;
        right:0px;
    }
    .pocari_lab_container .question .a5{
        margin-left: 0px;
    }
    .pocari_lab_container .container2 .subcontainer{
        width: 100%;
    }
    .pocari_lab_container .question .a6m3 .testwrap li{
        float: none;
        width: 100%;
    }
    .pocari_lab_container .question .a6m3 .testwrap li.chart1 h4{
        padding: 20px 0px;
    }
    .pocari_lab_container .question .a6m4 ul.aa li{
        margin-left:0px;
    }
    .pocari_lab_container .question .a6m4 ul.aa li div#a6m3{
        position: relative;
        text-align: center;
    }
    .pocari_lab_container .question .a7{
        width: 100%;
    }
    .pocari_lab_container .question .a8{
        height: auto;
    }
    .pocari_lab_container .question .a8m div#a8m3{
        text-align: center;
        position: relative;
        right: 0px;
    }
    .pocari_lab_container .container ul.qq9{
        margin-top: 0px;
    }
    .pocari_lab_container .container ul.qq10{
        margin-top: 0px;
    }
    .pocari_lab_container ul.qq10 li{
        float: none;
        width: 100%;
    }
    .pocari_lab_container .question li.a10 h4{
        margin-left: 0px;
    }
    /*pocari_lab end*/
    
    /*history start*/
    .mainauto .history .background1{
        width: 100%;
    }
    .history .container .part td.hleft{
        padding-right: 0px;
    }
    .history .container .part td.hright{
        padding-left: 0px;
    }
    
    /*history end*/
    
    /*products start*/
    .products table td img{
        width: 100%;
    }
    /*products end*/
    
    /*faq start*/
    .mainauto .faq .background1{
        width: 100%;
    }
    /*faq end*/
}
@media (max-width:979px){
    .faq .container ul.list{
        width: 600px;
        margin: 0px auto;
    }
}
@media (max-width:920px){
    .pocari_lab_container .question .a2m{
        position: relative;
        width: 100%;
    }
    .pocari_lab_container .question .a2m div{
        left: 0px;
    }
    .pocari_lab_container .question .a2{
        width: 100%;
        height: auto;
    }
    .pocari_lab .mainwrap .mv1{
        left: 70%;
    }
    .pocari_lab .mainwrap .mv1 img{
        width: 362px;
    }
    
    /*history start*/
    .history .container table{
        display: none;
    }
    .history .container .bottompart .toparrow{
        display: none;
    }
    .history .container .less940{
        width: 100%;
        display: block;
    }
    .history .container .less940 img{
        width: 100%;
    }
    /*history end*/
}
@media (max-width:780px){
    .pocari_lab_container .question .a6m2 div#a6m2 .b{
        display: none;
    }
    .pocari_lab_container .question .a6m2 div#a6m2 .s{
        display: inline-block;
    }
    .pocari_lab_container .question .a6m2 div#a6m2{
        text-align: center;
    }
}
@media (max-width:750px){
    .news_list .container ul.list{
        width: 335px;
    }
}
@media (max-width:734px){
    .faq .container ul.list{
        width: 296px;
    }
}
@media (max-width:719px){
    .faq_ans .ans{
        width: auto;
        left: 0px;
        right: 0px;
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media (max-width:675px){
    .history .container .bottompart .txt{
        width: 100%;
        top: 45%;
        left: 0px;
        margin-left: 0px;
    }
    .history .container .bottompart .txt img{
        width: 100%;
    }
}
@media (max-width:645px){
    /*download start*/
    .download .session div.title span.bold{
        font-size: 35px;
    }
    .download .session div.title span.nbold{
        font-size: 28px;
    }
   .download .container ul.list{
        width: 320px;
    }
   .download .container ul.list li{
        margin-bottom: 20px;
        width: 100%;
    }
   .download .container ul.list .d1
   ,.download .container ul.list .d2
   ,.download .container ul.list .d3
   ,.download .container ul.list .d4
   ,.download .container ul.list .d5
   ,.download .container ul.list .d6{
        margin-left: 5px;
    }
    /*download end*/
    /*advertisement start*/
    .advertisement .session div.title span.bold{
        font-size: 35px;
    }
    .advertisement .session div.title span.nbold{
        font-size: 28px;
    }
    /*advertisement end*/
    
    /*news_list start*/
    .news_list .session div.title span.bold{
        font-size: 35px;
    }
    .news_list .session div.title span.nbold{
        font-size: 28px;
    }
    /*news_list end*/
    
    /*news start*/
    .news .session div.title span.bold{
        font-size: 35px;
    }
    .news .session div.title span.nbold{
        font-size: 28px;
    }
    /*news end*/
    
    /*brand start*/
    .brand .session div.title span.bold{
        font-size: 35px;
    }
    .brand .session div.title span.nbold{
        font-size: 28px;
    }
    /*brand end*/
    
    /*history start*/
    .history .session div.title span.bold{
        font-size: 35px;
    }
    .history .session div.title span.nbold{
        font-size: 28px;
    }
    /*history end*/
    
    /*faq start*/
    .faq .session div.title span.bold{
        font-size: 35px;
    }
    .faq .session div.title span.nbold{
        font-size: 28px;
    }
    /*faq end*/
}
@media (max-width:640px){
    /*main start*/
    .main{
        height: auto;
    }
    .main .full{
        position: relative;
    }
    .full .background{
        display: block;
    }
    .mainwrap .movebackground{
        display: none;
    }
    /*main end*/
    
    /*advertisement start*/
    .advertisement .container table{
        width: 240px;
        margin: 0 auto;
    }
    .advertisement .container table td.gallery{
        display: none;
    }
    /*advertisement end*/
    
    /*pocari_ion start*/
    .pocari_ion .sbg{
        display: block;
    }
    .pocari_ion .bg{
        display: none
    }
    .pocari_ion .background1 img{
        width: 100%;
    }
    .pocari_ion_container .container .title{
        display: block;
    }
    
    /*pocari_ion end*/
    /*pocari start*/
    .pocari .sbg{
        display: block;
    }
    .pocari .bg{
        display: none
    }
    .pocari .background1 img{
        width: 100%;
    }
    .pocari_container .container .title{
        display: block;
    }
    /*pocari end*/
    
    
    
    /*pocari_lab start*/
    .pocari_lab .sbg{
        display: block;
    }
    .pocari_lab .bg{
        display: none
    }
    .pocari_lab .background1 img{
        width: 100%;
    }
    .pocari_lab_container .sbg{
        width: 100%;
    }
    .pocari_lab_container .headline ul li.img{
        width: 100%;
        text-align: center;
    }
    .pocari_lab_container .gotiming{
        display: none;
    }
    .pocari_lab_container .question .a2m{
        height: auto;
    }
    .pocari_lab_container .question .a2m div{
        position: relative;
        top: 0px;
        text-align: center;
        width: 100%;
    }
    .pocari_lab_container .question .a2m div#a2m2{
        margin-top: -10px;
        margin-left: 0px;
    }
    .pocari_lab_container .question .a2m div#a2m3{
        margin-top: -10px;
        margin-left: 0px;
    }
    .pocari_lab_container .question .a3m div#a3m1{
        width: 100%;
        text-align: center;
    }
    .pocari_lab_container .question .a4m div#a4m1{
        width: 100%;
        text-align: center;
    }
    .pocari_lab_container .question .a5m div#a5m1{
        width: 100%;
        text-align: center;
    }
    .pocari_lab_container .question .q6{
        margin-left: 0px;
        width: 100%;
    }
    .pocari_lab_container .question .a6m div#a6m1{
        position: relative;
        text-align: center;
        width: 100%;
    }
    /*pocari_lab end*/
}
@media (max-width:530px) {
    /*main start*/
    .main{
        height: auto;
    }
    /*main end*/
    
    /*pocari_ion start*/
    .pocari_ion{
        height: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .pocari_ion_container{
        margin-bottom: 0px;
    }
    .pocari_ion_html, .pocari_ion_html body
    {
        position: relative;
        height: 100%;
    }
    .pocari_ion_container .container .title{
        width: 80%;
    }
    .pocari_ion_container ul li.left .water{
        width: 335px;
    }
    .pocari_ion_container ul li.left .water img{
        width: 100%;
    }
    .pocari_ion_container ul li.left ul.content4 li{
        width: 48px;
        height: 47px;
        margin-top: 3px;
    }
    .pocari_ion_container ul li.left ul.content4 li.co{
        width: 54px;
        height: 47px;
    }
    .pocari_ion_container ul li.left ul.content4 li img{
        width: 100%;
    }
    .pocari_ion_container ul li.right{
        height: 580px;
    }
    .pocari_ion_container ul li.right img{
        width: 100%;
    }
    .pocari_ion_container ul li.right .ion1{
        margin-left: -100px;
        width: 154px;
    }
    .pocari_ion_container ul li.right .ion2{
        margin-left: -200px;
        margin-top: 42px;
        width: 112px;
    }
    .pocari_ion_container ul li.right .ion3{
        margin-left: 20px;
        margin-top: 268px;
        width: 76px;
    }
    .pocari_ion_container .gopocari{
        position: relative;
        background-color: #1982C7;
        width: 100%;
        height: 65px;
        text-align: right;
        top: 0%;
        right: 0%;
    }
    .pocari_ion_container .gopocari a{
        margin-top: 15px;
        margin-right: 10px;
        float: right;
        background-image: url(http://www.pocari.com.tw/images/pr2-icon1-w.png);
    }
    /*pocari_ion end */
    
    /*pocari start*/
    .pocari{
        height: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .pocari{
        margin-bottom: 0px;
    }
    .pocari_html, .pocari_html body
    {
        position: relative;
        height: 100%;
    }
    .pocari_container .container .title{
        width: 80%;
    }
    .pocari_container ul li.left .water{
        width: 335px;
    }
    .pocari_container ul li.left .water img{
        width: 100%;
    }
    .pocari_container ul li.left ul.content4 li{
        width: 48px;
        height: 47px;
        margin-top: 3px;
    }
    .pocari_container ul li.left ul.content4 li.co{
        width: 54px;
        height: 47px;
    }
    .pocari_container ul li.left ul.content4 li img{
        width: 100%;
    }
    .pocari_container ul li.right{
        height: 300px;
    }
    .pocari_container ul li.right img{
        width: 100%;
    }
    .pocari_container .gopocari_ion_water{
        position: relative;
        background-color: #43b9d6;
        width: 100%;
        height: 65px;
        text-align: right;
        top: 0%;
        right: 0%;
        left: 0px;
    }
    .pocari_container .gopocari_ion_water a{
        margin-top: 15px;
        margin-left: 10px;
        float: left;
        background-image: url(http://www.pocari.com.tw/images/pr1-icon1-w.png);
    }
    /*.pocari_container */
    
    /*pocari_lab start*/
    .pocari_lab{
        height: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .pocari_lab_html, .pocari_lab_html body
    {
        position: relative;
        height: 100%;
    }
}
@media (max-width:498px){
    .news_list .container ul.list{
        width: 310px;
    }
    .news_list .container ul.list li{
        margin-left: 0px;
        margin-right: 0px;
    }
    
}
@media (max-width:489px){
    .faq .container ul.list{
        width: 296px;
    }
}
@media (max-width:460px){
    .brand .container ul.story1 li.logo img{
        width: 50%;
    }
    .brand .container ul.story2 li.logo img{
        width: 50%;
    }
    .brand .container ul.story3 li.logo{
        width: 123px;
    }
    .brand .container ul.story3 li.logo img{
        width: 60%;
    }
    .brand .container ul.story3 li.content p{
        margin-left: 123px;
    }
    .mainwrap ul.story4 li.logo img{
        width: 60%;
    }
    
    
    
    /*pocari_lab start*/
    .pocari_lab_container .headline ul li.des{
        margin-bottom: 20px;
    }
    .pocari_lab_container h3{
        font-size: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .pocari_lab_container h4{
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
        
    }
    .pocari_lab_container ul.question li h3{
        color: #fff;
        font-size: 18px;
        padding-left: 20px;
    }
    .question .lq{
        display: none;
    }
    .question .sq{
        display: inline-block;
    }
    
    .pocari_lab_container .container ul.question, .pocari_lab_container .container2 ul.question{
        margin-bottom: 0px;
    }
    .pocari_lab_container .container ul.qq7{
        margin-top: 0px;
    }
    .pocari_lab_container .question .a8m div#a8m3{
        top: 0px;
    }
    .pocari_lab_container ul.question li.q1
    ,.pocari_lab_container ul.question li.q2
    ,.pocari_lab_container ul.question li.q3
    ,.pocari_lab_container ul.question li.q4
    ,.pocari_lab_container ul.question li.q5
    ,.pocari_lab_container ul.question li.q6
    ,.pocari_lab_container ul.question li.q7
    ,.pocari_lab_container ul.question li.q8
    ,.pocari_lab_container ul.question li.q9
    ,.pocari_lab_container ul.question li.q10{
        width: 100%;
        background-image: url(http://www.pocari.com.tw/images/menu_icon.png);
        background-repeat: no-repeat;
        background-position: right -15px;
        background-color: #71BCED;
        cursor: pointer;
        border-bottom: solid #fff 1px;
    }
    
    .pocari_lab_container ul.question li.a1
    ,.pocari_lab_container ul.question li.a2
    ,.pocari_lab_container ul.question li.a3
    ,.pocari_lab_container ul.question li.a4
    ,.pocari_lab_container ul.question li.a5
    ,.pocari_lab_container ul.question li.a6
    ,.pocari_lab_container ul.question li.a7
    ,.pocari_lab_container ul.question li.a8
    ,.pocari_lab_container ul.question li.a9
    ,.pocari_lab_container ul.question li.a10
    ,.pocari_lab_container ul.question li.a1m
    ,.pocari_lab_container ul.question li.a2m
    ,.pocari_lab_container ul.question li.a3m
    ,.pocari_lab_container ul.question li.a4m
    ,.pocari_lab_container ul.question li.a5m
    ,.pocari_lab_container ul.question li.a6m
    ,.pocari_lab_container ul.question li.a6m2
    ,.pocari_lab_container ul.question li.a6m3
    ,.pocari_lab_container ul.question li.a6m4
    ,.pocari_lab_container ul.question li.a7m
    ,.pocari_lab_container ul.question li.a8m
    ,.pocari_lab_container ul.question li.a9m
    ,.pocari_lab_container ul.question li.a10m{
        display: none;
    }
    .pocari_lab_container .container .question .q8,.pocari_lab_container .container ul.qq8{
        margin-top: 0px;
    }
    .pocari_lab_container .container2{
        padding-top: 0px;
    }
    .pocari_lab_container .question .a5{
        height: auto;
    }
    .pocari_lab_container .question .a6m2 ul li{
        margin:0px 10px;
    }
    .pocari_lab_container .question .a6m4 ul.aa li:last-child{
        height: auto;
        margin-bottom: 10px;
    }
    .pocari_lab_container .question .a6m4 ul.aa li:last-child img{
        width: 100%;
    }
    /*pocari_lab_container end*/
    
    /*faq start*/
    .faq_ans .ans{
        top: 20px;
    }
    .faq_ans .ans .content .ans_logo{
        display: none;
    }
    .faq_ans .ans .content .ans_txt{
        width: 100%;
    }
    .faq_ans .ans .content .ans_txt h2{
        margin: 20px 20px 0px 20px;
    }
    .faq_ans .ans .content .ans_txt h4{
        margin: 20px 20px 30px 20px;
    }
    /*faq end*/
}


@media (max-width:340px){
    /*main start*/
    .main .full{
        top: 30px;
    }
    .mainauto .mainwrap .background1{
        margin-top: 30px;
    }
    /*main end*/
    
    /*download start*/
    .download .session div.title span.bold{
        font-size: 25px;
    }
    .download .session div.title span.nbold{
        font-size: 21px;
    }
    .download .container ul.list{
        width: 100%;
    }
    .download .container ul.list li{
        padding: 0 5px;
        box-sizing: border-box;
    }
    .download .container ul.list li img{
        width: 100%;
    }
    .download .container ul.list div.dname{
        width: 100%;
    }
    .download .container ul.list  ul.size{
        width: 100%;
    }
    /*download end*/
    
    /*advertisement start*/
    .advertisement .session div.title span.bold{
        font-size: 25px;
    }
    .advertisement .session div.title span.nbold{
        font-size: 21px;
    }
    /*advertisement end*/
    
    /*news_list start*/
    .news_list .session div.title span.bold{
        font-size: 25px;
    }
    .news_list .session div.title span.nbold{
        font-size: 21px;
    }
    .news_list .container ul.pages li{
        font-size: 10px;
    }
    .news_list .container ul.pages li a{
        padding: 4px;
    }
    /*news_list end*/
    
    /*news start*/
    .news .session div.title span.bold{
        font-size: 25px;
    }
    .news .session div.title span.nbold{
        font-size: 21px;
    }
    /*brand end*/
    
    /*brand start*/
    .brand .session div.title span.bold{
        font-size: 25px;
    }
    .brand .session div.title span.nbold{
        font-size: 21px;
    }
    /*brand end*/
    
    /*pocari_ion start*/
    .pocari_ion .mainwrap{
        top: 33px;
    }
    .pocari_ion_container ul li.left .water{
        width: 100%;
    }
    .pocari_ion_container ul li.right{
        height: 400px;
    }
    .pocari_ion_container ul li.right .ion1{
        margin-left: -140px;
        width: 102px;
    }
    .pocari_ion_container ul li.right .ion2{
        margin-left: -225px;
        margin-top: 15px;
        width: 82px;
    }
    .pocari_ion_container ul li.right .ion3{
        margin-left: -50px;
        margin-top: 180px;
        width: 54px;
    }
    /*pocari_ion end*/
    
    /*pocari start*/
    .pocari .mainwrap{
        top: 33px;
    }
    .pocari_container ul li.left .water{
        width: 100%;
    }
    .pocari_container ul li.right{
        height: 400px;
    }
    /*pocari_ion end*/
    
    /*pocari_lab start*/
    .pocari_lab .mainwrap{
        top: 33px;
    }
    /*pocari_lab end*/
    
     /*history start*/
    .history .session div.title span.bold{
        font-size: 25px;
    }
    .history .session div.title span.nbold{
        font-size: 21px;
    }
    /*history end*/
    /*faq start*/
    .faq .session div.title span.bold{
        font-size: 25px;
    }
    .faq .session div.title span.nbold{
        font-size: 21px;
    }
    .faq_ans {
        top: 33px;
    }
    .faq_ans .ans{
        top: 10px;
    }
    .faq_ans .ans .content .ans_txt h2{
        font-size: 16px;
        margin: 10px 10px 0px 10px;
    }
    .faq_ans .ans .content .ans_txt h4{
        font-size: 13px;
        margin: 10px 10px 30px 10px;
    }
    /*faq end*/
}