/* 縮小失敗。正在傳回未縮小的內容。
(965,5): run-time error CSS1019: Unexpected token, found ''
(965,6): run-time error CSS1019: Unexpected token, found ''
 */
div.SanminProdImg300 {
    width: 300px;
    height: 300px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
    margin: 0px auto;
    *margin: 0px auto;
    _margin: 0px auto;
    background-color: #fff;
    border: 1px #cccccc solid;
    text-align: center;
    line-height: 300px;
    position: relative;
}

.AreaTitle{
        text-align:left;
        padding-left:25px;
        line-height:36px;
        background-image:url(//cdnec.sanmin.com.tw/images/new3/riconline.gif) !important ;
        width:788px;
        height:36px;
        font-size: 16px;
        color: #5e1933;
        font-weight: bold;
        text-decoration: none;
}

.ImgBtn {
    cursor: pointer;
}

.SanminProdImg300 img {
    padding: 2px;
    max-height: 300px;
    max-width: 300px;
}

.ProdImg {
    -moz-box-shadow: 2px 2px 2px 2px #cccccc;
    -webkit-box-shadow: 2px 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px 2px #cccccc;
}

ul.ProdInfo {
    margin: 0px 0px 0px 0px;
    padding: 0;
    list-style: none;
    vertical-align: top;
    width: 276px;
}

    ul.ProdInfo > li {
        margin: 0;
        padding: 10px 0px 0px 0px;
        vertical-align: top;
    }

ul.PriceContent {
    max-width: 165px;
    line-height: 0;
    padding: 0;
    margin: 0 auto;
    border: 0px #000 solid;
    list-style: none;
    display: table;
}

    ul.PriceContent li {
        line-height: 20px;
        display: table-row;
    }

.PriceBox {
    padding: 0px 5px 0px 5px;
    width: 207px;
}

    .PriceBox .well {
        border-radius: 6px;
        margin: 2px;
        padding: 3px;
    }

.ICON-presale {
    position: absolute;
    left: -5px;
    top: -5px;
}

.CoverContainer {
    padding: 0px;
    margin: 0px;
    width: 300px;
}

table.ProductData {
    margin: 10px 0px 0px 0px;
    width: 788px;
}

    table.ProductData td {
        vertical-align: top;
    }

td.pLeft5 {
    padding: 0;
    padding-left: 5px;
    text-align: left;
    vertical-align: top;
}

.ProdAttr {
    text-align: left;
}

    .ProdAttr div {
        border: 1px #000 solid;
    }




/*

.TryToSeeLeft {
    border: 1px #cccccc solid;
    width: 800px;
    text-align: center;
    display: inline-block;
}

    .TryToSeeLeft div {
        width: 798px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .TryToSeeLeft img {
        max-width: 796px;
    }


.TryToSeeRight {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100px;
    text-align: left;
    vertical-align: top;
}

    .TryToSeeRight ul {
        margin: 0;
        margin-top: -5px;
        padding: 0;
        list-style: none;
    }

    .TryToSeeRight li {
        margin: 0;
        width: 100px;
        height: 100px;
        display: inline-block;
        padding: 5px;
    }

.TryToSeeItem {
    vertical-align: middle;
    padding: 0px;
    margin: 0px auto;
    _margin: 0px auto;
    background-color: #fff;
    border: 1px #cccccc solid;
    width: 90px;
    height: 90px;
    margin: 0px;
    display: table-cell;
    cursor: pointer;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.TryToSeeNum {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background-color: #000;
}

.TryToSeeRight img {
    max-width: 88px;
    max-height: 88px;
}


#TryToSee .Active {
    border: 1px #000 solid;
}
    */


/*商品簡介*/

#IntroTabs {
		width: 788px;
        *width:788px;
        _width:788px;
	}
	#IntroTabs .tabs{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#IntroTabs .tabs >li {
		float: left;
		margin: 0px 0px -1px 5px;
		border: 1px solid #ddd;
		background: #fafafa;
		height: 32px;
		cursor: pointer;
		border-radius: 5px 5px 0 0;
		list-style: none;

	}
	#IntroTabs .tabs >li.active {
		background: #fff;
		padding-bottom: 1px;
		border-bottom: none;
	}
	#IntroTabs .tabs >li.hover{
		background: #f5f5f5; 
	}
	#IntroTabs .tabs span {
		display: block;
		float: left;
		overflow: hidden;
         *overflow: hidden;
        _overflow: hidden;
		padding: 7px 15px 5px 15px;
	}
	
	#IntroTabs .tab_container {
		clear: both;
		border: 1px solid #DDD;
		background: #fff;
		overflow: hidden;
        *overflow: hidden;
        _overflow: hidden;

	}
	#IntroTabs .tab_container >ul {
		position: relative;
		height: 350px;
		width:8000px;
		border: 0px solid red;
        list-style:none;
		padding:0;
		margin:0;
	}
	#IntroTabs .tab_container .tab_content >li {
	
		width: 780px;
		height: 100%;
		padding: 5px;
        margin:0px;
		margin-left:5px;
        text-align:left;
        border:0px #000 solid;
		background-color:#fff;
		list-style: none;
		float:left;
        font-size: 13px;
        line-height:1.5em;

	}
    .tab_content .ContentData
    {
        padding:5px;
    }

    #PackageBook td{
        padding:5px;       
    }


    /*更多商品*/


    
ul.ItemList
{
    height:210px;
    width:750px;
    padding:0px;
    margin:0px;
    text-align:center;
    list-style:none;
}
ul.ItemList >li
{
    list-style:none;
    margin:0;
    padding:0; 
}

.ItemListli
{
    float:left;
    height:210px;
    width:150px;
    text-align:center;
    padding:0;
    margin:0;
    border:0px #CC0000 solid;
    list-style:none;
}
.ProductRelasItem
{
    width:150px;
    height:210px;
    cursor: pointer;
    position:absolute;
    text-align:center;
    margin:0 auto;
    float:none;
    padding:0;
      
}
.ProductRelasItem li
{
    list-style:none;
}
.ProductRelasItem p
{
    margin:0px;
    padding:0px;
}

.ProductRelasItem:hover
{
    width:150px;
    cursor: pointer;
    position:absolute;
    z-index:101;
}
.RelasImgBox
{
	width: 150px;
	padding:0;
	padding-left:23px;
	padding-right:23px;
}

   
.RelasImgBox .RelasImgBG{
    
	/*	border: 1px #999999 solid;
    background-color:#fff;
	margin:0px auto;
    width: 100px;
	height: 135px;
	padding: 2px;
	
        margin-left:23px;
	display: table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;
    
	-moz-box-shadow:0px 0px 2px 2px #cccccc;
    -webkit-box-shadow:0px 0px 2px 2px #cccccc;
    box-shadow:0px 0px 2px 2px #cccccc;*/
}
.RelasImg img
{
        vertical-align : middle;
        max-width:100px;
        max-height:135px;
}
.RelasTitle
{
    overflow:hidden;
    height:30px;
    font-weight:bold;        
    font-size:12px;
    line-height:15px;  
    margin-top:5px;
    padding-left:5px;
    padding-right:5px;
}
.RelasPrice
{
    padding-left:1px;
    color:#CC0000 !important;
    font-size:13px;
    font:'Times New Roman', '微軟正黑體', serif;
}
.ProductRelasInfo
{
    display:none;
}

.RelasTip
{
    width:300px;
    height:200px;
    position:absolute;
    background-color:#fff6b3;
    border:2px #999999 solid;
    z-index:0;
    visibility :hidden ;
    -moz-box-shadow:0px 0px 1px 1px #cccccc;
    -webkit-box-shadow:0px 0px 1px 1px #cccccc;
    box-shadow:0px 0px 1px 1px #cccccc;
    opacity:0;
    border-radius: 5px 5px 5px 5px;
    padding:5px;
    overflow:hidden;
}
.RelasTip .Left
{
    width:150px;
    height:220px;
    float:left;
}
.RelasTip .Right
{
    width:150px;
    height:220px;
    float:left;
    text-align:left;
    vertical-align:top;
    overflow:hidden;
    line-height:15px;
}
.RelasTip p
{
        margin:0px;
        padding:0px;
}
          
/*ImagesZoom*/
.TryToSeeBtn{
    cursor:pointer;
}

#ImagesZoom .modal-dialog{
    width:900px;
    margin-top:30px;
}
#ImagesZoom .modal-body{
    position:relative;
}
#ImagesZoom .close{
    position:absolute;
    right:10px;
    top:5px;
    color:#000;
    font-size:30px;
    opacity:1;
}

#ImagesZoom .Box{
    width:810px;
    margin:0px auto;
    background-color: #fff;           
    position:relative;
    border:1px #cccccc solid;
}
#ImagesZoom .Left{                
    left: 0;
}
#ImagesZoom .Right{
    right: 0;
}
#ImagesZoom .Button{
    position: absolute;     
    z-index: 10;       
    cursor: pointer;
    text-align:center;
}  

#ImagesZoom .AreaSmall{
    width:100%;
    height:80px;
    border-bottom:1px #cccccc solid;  
    position: relative;
    padding: 0px;
    background-color:#fff;
    overflow: hidden;     

}


#ImagesZoom .AreaSmall .Button{          
    top: 0;
    width: 30px;
    height: 100%;
    background-color: #cccccc;     
    line-height:80px;  
}
#ImagesZoom .AreaSmall .Button:hover{
    background-color: #ff6a00; 
}
#ImagesZoom .AreaSmall span.glyphicon{          
    line-height:80px;  
}

#ImagesZoom .AreaSmall img{
    width: 68px;
    height: 68px;                
}
#ImagesZoom .AreaSmall .ImgContainer{           
    padding: 0px;
    background-color: #fff;
    height: 63px;
    position: absolute;                
    top:4px;
    margin: 0;
    padding: 0;
    width:800px;
}
#ImagesZoom .AreaSmall .ImgContainer li{
    display:inline-block;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border: 1px #cccccc solid;
    position: relative;
    width: 70px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

#ImagesZoom .Num{
    position: absolute;
    left: -1px;
    top: 0;
    background-color: #000;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    padding: 1px 2px 1px 2px;
}
#ImagesZoom .AreaSmall li.Active{
    border:1px #000 solid;
}

#ImagesZoom .AreaBig{

text-align: center;
vertical-align: top;
position: relative;
width:800px;

background-color: #fff;
z-index: 0;
margin: 0 auto;
overflow: hidden;
}

#ImagesZoom .AreaBig .Button{     
top: 0%;
width: 300px;
height:100%;
opacity: 0.5;
color: #000;
font-size: 50px;
z-index: 20;
}  
#ImagesZoom .AreaBig .Button:hover{     
    color: #ff6a00;
    opacity: 1;
} 
#ImagesZoom .AreaBig .Button .glyphicon-chevron-left{
position: absolute;
top:50%;
left: 0;
}
#ImagesZoom .AreaBig .Button .glyphicon-chevron-right{
position: absolute;
top:50%;
right: 0;
}

#ImagesZoom .AreaBig .Magnifier{
background-color: #000;        
position: absolute;
top:0px;
left: 0px;
z-index: 1;
opacity: 0.1;

}
#ImagesZoom .AreaBig .ZoomImage{
z-index: 0;
position: absolute;  
margin: 0 auto;
text-align: center;
width: 800px;

}

#ImagesZoom .AreaBig .ZoomButton{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    margin: 0;
    padding: 0;
    margin-left:-40px;
}
#ImagesZoom .AreaBig .ZoomButton li{
display: table-cell;
border:1px #cccccc solid;
padding: 3px;
background-color: #fff;
opacity: 0.5;
}
#ImagesZoom .AreaBig .ZoomButton .glyphicon{
cursor: pointer;
}
#ImagesZoom .OrgImage{
z-index: 15;
position: absolute;
left: 0;
top: 0;
width: 800px;

background-color: #fff;
}
#ImagesZoom .OrgImage img{
max-width: 800px;
max-height: 800px;                
}
#ImagesZoom .OrgImage ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#ImagesZoom .OrgImage li{
    display: inline-block;
    width: 800px;
    background-color: #fff;
    text-align: center;
    vertical-align: top
}


          /*--輪播樣式--*/
        .carousel {
             width: 750px; /*全長，若要加本數要加寬*/             
             margin: 0 0 20px 11px;
             position: relative;
             float: left;
        }
            .carousel ul, .carousel li {
                 list-style: none;
            }
            .carousel .carouselbtn a {
                 width: 30px; /*按鈕的寬度*/
                 height: 42px;
                 text-indent: -9999px;
            }
                .carousel .carouselbtn a.prev {
                     background: url(//cdnec.sanmin.com.tw/images/new3/prev.png)no-repeat;
                     position: absolute;
                     top: 20px;
                     left: 0;
                     margin-top:60px;
                }
                .carousel .carouselbtn a.next {
                     background: url(//cdnec.sanmin.com.tw/images/new3/next.png)no-repeat;
                     position: absolute;
                     top: 20px;
                     right: 0;
                     margin-top:60px;
                }
            .carousel .frame {
                 position: relative;
                 overflow: hidden;
                 width: 630px; /* 目前的寬/4*要顯示的數量【(li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1)】*/
                 height: 190px;
                 margin: 0 auto;                
            }
            .carousel ul {
                 width: 99999px;
                 position: absolute;                
            }
            .carousel li {
                 float: left;                       
                 position: relative;
                 margin-right:15px;
                 margin-left:15px;
            }
            ul, menu, dir {
                 -webkit-padding-start: 0px;
            }
            .carousel{
                margin-bottom:50px;
            }
            .carousel .Promote_area{
                width:180px;
                word-break:break-all;
            }



.ProductIndexAD788{
        margin-top:5px;width:788px;height:40px;
    }
    .ProductIndexAD788 img{
        width:788px;position:absolute;z-index:0;
    }
    .ProductIndexAD788 .positionrelative .DayTip{
        position:absolute;right:0;width:100px;height:40px;z-index:2;
        text-align:center;
        line-height:40px; 
        font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
        font-weight:bold;
    }
    .ProductIndexAD788 .DayBG{
        position:absolute;right:0;width:100px;height:40px;z-index:1;background-color:#fff;opacity:0.5;
    }

/* �Բӭ� */

.productBox iframe{
    max-width:100%;
}
.productBox img{
    max-width:100%;
}

.mainText div{
    font-size: 14px;
}

.book-cover {
    width: 100%;
    max-height: 350px;
    min-height: 350px;
    line-height: 350px;
    text-align: center;
}

.mainImg {	
    width: auto;
    height: auto;
    max-width: 100%;
    max-height:350px;
}
@media screen and (max-width:500px) {
    .book-cover {
        max-height: 300px;
        min-height: 300px;
        line-height: 300px;
    }

    .mainImg {
        max-height: 300px;
    }
}
    .bookStatus {
        display: flex;
        justify-content: space-between;
    }

    .bookStatusImg {
        width: 68%;
    }

        .bookStatusImg h2, .bookStatusImg h1 {
            color: #35a0bb;
            font-size: 20px;
            font-weight: bold;
        }

    @media screen and (max-width:768px) {
        .bookStatusImg h2, .bookStatusImg h1 {
            font-size: 18px;
        }
    }

    .bookStatusCtrl {
        width: 30%;
    }

    .bookStatusImgBox {
        display: flex;
        padding-bottom: 0;
    }

    .bookStatusView, .bookStatusInfor {
        width: 50%;
        padding: 10px;
    }

    @media screen and (max-width:1025px) {
        .bookStatusImg {
            width: 65%;
        }
    }

    @media screen and (max-width:1024px) {
        .bookStatusImgBox {
            display: block;
        }

        .bookStatusImg > h2 {
            text-align: center;
        }

        .bookStatusView, .bookStatusInfor {
            width: 100%;
        }

        .bookStatusView {
            text-align: center;
        }
    }

    .bookStatusView img {
        padding: 10px;
    }

    @media screen and (max-width:768px) {
        .tryView-full {
            display: none;
        }
    }

    .tryViewBox {
        padding: 30px 0;
        width: 100%;
        display: flex;
        align-items: flex-start;
    }

    .tryView {
        text-align: center;
        width: 100%;
    }

        .tryView button {
            background-color: #e6e6e6;
            color: #49abc4;
            width: 100%;
            font-size: 15px;
            padding: 10px 0;
            border: 1px solid white;
            cursor: pointer;
            display: none;
        }

            .tryView button:focus {
                background-color: #49abc4;
                color: #fff;
            }

    @media screen and (max-width: 768px) {
        .tryView button {
            display: block;
        }
    }

    .book_left {
        position: absolute;
        left: 0;
        top: 20px;
    }

    .book_right {
        position: absolute;
        right: 0;
        top: 20px;
    }

    .imgg {
        max-width: initial !important;
    }

    .bookStatusInforDetail, .bookStatusInforDetail1 {
        display: block;
        padding: 5px;
        margin-bottom: 0px;
    }

    .bookStatusInforDetail1 {
        margin-top: 5px;
        border: 2px solid #54bdd8;
    }

        .bookStatusInforDetail1 li {
            align-items: center;
            display: flex;
        }

        .bookStatusInforDetail li, .bookStatusInforDetail1 li {
            line-height: 28px;
        }

    @media screen and (max-width: 1024px) {
        .bookStatusInforDetail li, .bookStatusInforDetail1 li {
            line-height: 24px;
        }
    }

    @media screen and (max-width: 768px) {
        .bookStatus {
            display: block;
        }

        .bookStatusImg {
            width: 100%;
        }

        .bookStatusCtrl {
            width: 100%;
        }
    }

    .mainText {
        font-size: 14px;
        /*color: #307283;*/
    }

        .mainText a {
            color: #307283;
        }

    .otherAdd {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    @media screen and (max-width:1024px) {
        .otherAdd {
            display: block;
            justify-content: space-between;
        }
    }

    @media screen and (max-width:768px) {
        .otherAdd .addCartNormal {
            display: none;
        }
    }

    .bookStatusCtrl .iconShareLayout {
        width: 100%;
        display: flex;
        align-items: center;
    }

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

    .bookStatusCtrl .iconShareLayout .iconShareBoxL {
        width: 60%;
        display: flex;
    }

    .bookStatusCtrl .iconShareLayout .iconShareBoxR {
        width: 40%;
        display: flex;
    }

    @media screen and (max-width: 768px) {
        .bookStatusCtrl .iconShareLayout .iconShareBoxL {
            width: 50%;
        }

        .bookStatusCtrl .iconShareLayout .iconShareBoxR {
            width: 50%;
        }

        .fbLike {
            display: none;
        }
    }

    .bookStatusCtrl .iconShareLayout .iconShare {
        width: 32px;
        margin: 5px;
        cursor: pointer;
    }

    .bookStatusCtrl .iconShareLayout .btnComment {
        width: 100%;
        text-align: right;
    }

        .bookStatusCtrl .iconShareLayout .btnComment a {
            padding: 5px;
            margin: 5px;
            color: #404040;
            background-color: #e6e6e6;
        }

    .fbLike {
        height: 0px;
        padding: 7px;
    }

    .bookStatusAddCtrlBox {
        border: 1px solid #e6e6e6;
    }

    .bookStatusAddCtrl {
        width: 75%;
        padding: 10px;
        margin: auto;
        font-size: 14px;
    }

    @media screen and (max-width: 1024px) {
        .bookStatusAddCtrl {
            width: 90%;
        }
    }

    .bookStatusAdd {
        width: 100%;
        text-align: center;
    }

        .bookStatusAdd > button {
            margin: 5px;
        }

        .bookStatusAdd .addCartNormal {
            background-color: #71304e;
            color: white;
            width: 100%;
            padding: 10px;
            text-align: center;
        }

        .bookStatusAdd .addCartQuick {
            background-color: #307283;
            color: white;
            width: 100%;
            padding: 10px;
            text-align: center;
        }

        .bookStatusAdd .addCartBonus {
            background-color: #e6e6e6;
            color: #4d4d4d;
            width: 100%;
            padding: 10px;
            text-align: center;
        }

        .bookStatusAdd .collectFocus {
            background-color: #e6e6e6;
            color: #4d4d4d;
            width: 100%;
            padding: 10px;
            text-align: center;
        }

        .bookStatusAdd .collectFocus-focus {
            background-color: #f2666b;
            color: white;
        }

    .bookStatusGiftBox {
        padding: 20px 0;
    }

    .bookStatusGift {
        display: flex;
        justify-content: space-between;
    }

    .freeGift {
        color: #b71d1d;
    }

    .bookProject {
        display: flex;
        justify-content: space-between;
        margin: 10px 0;
        font-size: 14px;
    }

    .fsale {
        font-size: 20px;
    }

    .productBox {
        width: 78%;
        border: 2px solid #54bdd8;
        max-height: 590px;
        overflow-y: scroll;
    }

    .productBoxBtn {
        padding: 15px;
        border-bottom: 2px solid #54bdd8;
    }

        .productBoxBtn .icommentBtn {
            background-color: #307283;
            padding: 5px 10px;
            color: white;
        }

    .productBoxComment {
        padding: 15px;
        border-bottom: 1px dashed #e6e6e6;
    }

    .productContent {
        padding: 10px;
    }

    @media screen and (max-width:768px) {
        .bookProject {
            display: block;
        }

        .productBox {
            width: 100%;
        }
    }

    .aboutBuyTitle {
        border-bottom: 2px solid #71304e;
    }

        .aboutBuyTitle > h2 {
            color: #71304e;
            font-size: 24px;
        }

    .aboutBuyCont {
        padding: 10px;
    }


    /* book */

    @media screen and (max-width: 768px) {
        .btn-mobile {
            display: none;
        }
    }

    .mobile-store {
        width: auto !important;
        background: white;
    }


    .book-pre-cover {
        width: 100%;
        display: inline-flex;
    }

    .book-pre-img {
        width: 80%;
        height: 83px;
        border: 1px solid #e6e6e6;
        display: flex;
        overflow: hidden;
        position: relative;
    }

    .book-try-view {
        width: 20%;
        border: 1px solid #e6e6e6;
        display: flex;
        align-items: center;
    }

        .book-try-view img {
            width: 60px !important;
        }

        .book-pre-img img, .book-try-view img {
            width: 60px;
            margin: auto;
            cursor: pointer;
        }

    .book-pre-prev, .book-pre-next {
        color: #cccccc !important;
        position: relative;
    }

    .book-try-view:hover {
        background: #000;
        opacity: .3;
        transition: .3s;
        color: white;
    }

    /*�վ\*/
    .swiper-container {
        margin: inherit !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .swiper-slide {
        background-size: cover;
        background-position: center;
        text-align: center;
    }

    .gallery-top {
        height: 80%;
        width: 100%;
        /*border:1px #cccccc solid;*/
        box-sizing: border-box;
    }

    .gallery-thumbs {
        height: 70px;
        width: calc(100% - 69px);
        margin-left: 0;
        box-sizing: border-box;
        padding: 10px !important;
        /*border:1px #cccccc solid;*/
        border-top: 0px #000 solid;
    }

        .gallery-thumbs .swiper-slide {
            height: 100%;
            opacity: 0.6;
            border: 1px #cccccc solid;
            box-sizing: border-box;
            width: 35px;
        }

        .gallery-thumbs .swiper-slide-thumb-active {
            opacity: 1;
            border: 1px #000 solid !important;
        }

    .gallery-top img {
        max-width: 340px;
        max-height: 340px;
    }

    .gallery-thumbs img {
        max-width: 100%;
        max-height: 100%;
    }

    .pinch-zoom-box {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 10000;
        top: 0;
        background-color: #000;
        padding: 0;
        display: none;
    }

    .ZoomIn,
    .ZoomIntry {
        position: absolute;
        z-index: 999;
        width: 70px;
        height: 70px;
        right: 0;
        bottom: 0;
        text-align: center;
        border: 1px #cccccc solid;
        /*border-top-width:0px;*/
        box-sizing: border-box;
        line-height: 70px;
    }

    .pinch-zoom-parent {
        height: 100%;
        width: 100%;
    }

    .pinch-zoom-container {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .pinch-zoom {
        transform-origin: 0% 0%;
        position: absolute;
    }

        .pinch-zoom img {
            width: 100%;
        }

    .pinch-zoom-Tools {
        z-index: 999;
        color: #000;
        font-size: 20px;
        padding: 5px;
        border-bottom: 1px #cccccc solid;
    }

        .pinch-zoom-Tools span {
            margin: 5px;
        }

    .ZoomIn {
        display: none;
    }

    @media screen and (max-width:900px) {
        .ZoomIntry {
            display: none;
        }

        .ZoomIn {
            display: block;
        }
    }

.swiper-button-next{
    right:0px!important;     
}

.swiper-button-prev{
    left:0px!important;   
}

.swiper-button-prev,.swiper-button-next{
        height: 30px!important;
}

.swiper-pagination-bullet {
  width: 10px!important;
  height: 10px!important;  
  border: 2px solid #fff;
  background-color: #a06085!important;  
}

.theme_slider>.swiper-pagination{     
     background-color: white;
}
.mobile_theme_slider>.swiper-pagination{
     margin-bottom: -15px;
     background-color: white;
}

.product1_slider>.swiper-button-next,
.product3_slider>.swiper-button-next
{
    background-image:url('https://cdnec.sanmin.com.tw/images/new/next-g.png');
    width:17px;
    background-size:17px 23px;
    background-color:#f7f3f3b0;
}
.product1_slider>.swiper-button-prev,
.product3_slider>.swiper-button-prev
{
    background-image:url('https://cdnec.sanmin.com.tw/images/new/prev-g.png');
    width:17px;
    background-size:17px 23px;
    background-color:#f7f3f3b0;
}
.theme_slider>.swiper-button-next,
.mobile_theme_slider>.swiper-button-next
{
    background-image:url('https://cdnec.sanmin.com.tw/images/new/next-r.png');
    width:17px;
    background-size:17px 23px;
    background-color:#f7f3f3b0;
}
.theme_slider>.swiper-button-prev,
.mobile_theme_slider>.swiper-button-prev
{
    background-image:url('https://cdnec.sanmin.com.tw/images/new/prev-r.png');
    width:17px;
    background-size:17px 23px;
    background-color:#f7f3f3b0;
}

.tab1_slider>.swiper-button-next,
.tab2_slider>.swiper-button-next,
.tab3_slider>.swiper-button-next,
.tab4_slider>.swiper-button-next,
.tab5_slider>.swiper-button-next,
.tab6_slider>.swiper-button-next,
.tab7_slider>.swiper-button-next,
.product4_slider>.swiper-button-next
{
    background-image:url('https://cdnec.sanmin.com.tw/images/new/next-o.png');
    width:17px;
    background-size:17px 23px;
    background-color:#f7f3f3b0;
}
.tab1_slider>.swiper-button-prev,
.tab2_slider>.swiper-button-prev,
.tab3_slider>.swiper-button-prev,
.tab4_slider>.swiper-button-prev,
.tab5_slider>.swiper-button-prev,
.tab6_slider>.swiper-button-prev,
.tab7_slider>.swiper-button-prev,
.product4_slider>.swiper-button-prev
{
    background-image:url('https://cdnec.sanmin.com.tw/images/new/prev-o.png');
    width:17px;
    background-size:17px 23px;
    background-color:#f7f3f3b0;
}

.product3_slider>.swiper-pagination,
.product4_slider>.swiper-pagination,
.tab1_slider>.swiper-pagination,
.tab2_slider>.swiper-pagination{
     margin-bottom: -15px;     
}

.product3_slider>.swiper-wrapper,
.tab1_slider>.swiper-wrapper,
.tab2_slider>.swiper-wrapper{
     padding-bottom:10px;/*�קK�I�I��ؽu���|*/
}



.product3_slider>.swiper-pagination>.swiper-pagination-bullet,
.product4_slider>.swiper-pagination>.swiper-pagination-bullet,
.tab1_slider>.swiper-pagination>.swiper-pagination-bullet,
.tab2_slider>.swiper-pagination>.swiper-pagination-bullet,
.tab3_slider>.swiper-pagination>.swiper-pagination-bullet,
.tab4_slider>.swiper-pagination>.swiper-pagination-bullet,
.tab5_slider>.swiper-pagination>.swiper-pagination-bullet,
.tab6_slider>.swiper-pagination>.swiper-pagination-bullet,
.tab7_slider>.swiper-pagination>.swiper-pagination-bullet{
    background-color: #58a7ce!important;  
}
@media screen and (max-width:375px) {	
    .topBook>div{
        margin-bottom:0px;
    }
}

/*0730*/