body {
    background: #ffffff;
    font: 14px/18px "微軟正黑體", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #434343;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: none;
    margin: 0px;
    padding: 0px;
}

a {
    transition: color;
    /*for the future*/
    transition-duration: 2000ms;
    -webkit-transition: color;
    -webkit-transition-duration: 2000ms;
    -moz-transition: color;
    -moz-transition-duration: 2000ms;
    -o-transition: color;
    -o-transition-duration: 2000ms;
    text-decoration: none;
    color: #f93599;
}

/*
a:visited {
   color: #3656c3;
}
*/
a:hover {
    transition: color;
    transition-duration: 300ms;
    -webkit-transition: color;
    -webkit-transition-duration: 300ms;
    -moz-transition: color;
    -moz-transition-duration: 300ms;
    -o-transition: color;
    -o-transition-duration: 300ms;
    color: #ff83c2;
}

input,
select {
    font: 14px/18px "微軟正黑體", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
}

p {
    /*margin-bottom: 20px;*/
}

.CLR {
    clear: both;
}

.PadinTop20 {
    padding-top: 20px;
}

.Padinleft20 {
    padding-left: 20px;
}

.padding20 {
    padding: 20px;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.Align_Center {
    text-align: center;
}

.Align_Right {
    text-align: right;
}

.padin_15px {
    padding: 15px;
}

.GreenBold {
    color: #f93599;
    font-weight: 700;
}

.CapitalNum {
    display: inline-block;
    font-weight: 700;
}

.BlockLine {
    display: block;
}

.DisplayNone {
    display: none;
}

.InlineBlock {
    display: inline-block;
}

.RedHighLight {
    font-weight: 700;
    color: #ff0000;
}

.Bold {
    font-weight: 700;
}

.paddingTopBtm_15 {
    padding: 15px 0;
}

.BorderNone {
    border: 0 !important;
}

.Divide_BorderBTM01_grey {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 15px;
    padding-top: 15px;
}

.List_Style_Type_on ul {
    list-style-type: disc;
    line-height: 180%;
}

.List_Style_Type_on ul li {
    padding: 0 10px 15px 0;
    margin-left: 20px;
}

.List_Style_Type_on ol {
    list-style-type: decimal;
    line-height: 180%;
}

.List_Style_Type_on ol li {
    padding: 0 10px 15px 0;
    margin-left: 20px;
}

input.Submit_2 {
    border: 1px solid #cacaca;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    padding: 3px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    color: #818181;
    font-size: 0.9em;
    cursor: pointer;
    text-decoration: none;
    vertical-align: middle;
    /*width: 50px;*/
}

input.Submit_2:hover {
    color: #000000;
}

.InputBTN_3 {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
    background: -moz-linear-gradient(center top, #ffc477 5%, #fb9e25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color: #ffc477;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eeb44f;
    display: inline-block;
    color: #ffffff;
    font-size: 105%;
    padding: 3px 15px;
    margin: 0 5px;
    text-shadow: 1px 1px 0px #cc9f52;
    cursor: pointer;

}

.InputBTN_3:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
    background: -moz-linear-gradient(center top, #fb9e25 5%, #ffc477 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
    background-color: #fb9e25;
}

.InputBTN_3:active {
    position: relative;
    top: 1px;
}

#Container {
    /*節慶版*/
    /*background: url(../images/national_day/content_bg.png) center 210px no-repeat;*/
}

#Header_1Container {
    background: #f93599;
}

#Header_1 {
    margin: 0 auto;
    width: 1002px;
    height: 35px;
    position: relative;
    z-index: 99999;
}

#BackToPost {
    position: absolute;
    top: 0px;
    left: 30px;
}

#BackToPost a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

#HeaderNavContainer {
    position: absolute;
    right: 30px;
    top: 15px;
    padding: 5px 10px;
    border: 1px solid #e7e7e7;
    background: #f9f9f9;
}

#HeaderNav_Nav {
    float: left;
}

#HeaderNav_Nav a {
    float: left;
    font-size: 0.9em;
    color: #707070;
    text-decoration: none;
    padding: 0px 10px;
}

#HeaderNav_Nav a:hover {
    color: #f93599;
}

#FontSizeContainer {
    float: left;
    margin-right: 10px;
}

#FontSizeContainer .Header {
    float: left;
    font-size: 0.9em;
    color: #707070;
    text-decoration: none;
    margin: 0px 5px 0px 10px;
}

#FontSizeContainer .Icon {
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin-bottom: 2px;
}

#FontSizeContainer .Icon_L {
    background: url(../images/FontSize_L.jpg) no-repeat 0px 0px;
}

#FontSizeContainer .Icon_M {
    background: url(../images/FontSize_M.jpg) no-repeat 0px 0px;
}

#FontSizeContainer .Icon_S {
    background: url(../images/FontSize_S.jpg) no-repeat 0px 0px;
}

#FontSizeContainer .Icon_L:hover,
#FontSizeContainer .Icon_M:hover,
#FontSizeContainer .Icon_S:hover,
#FontSizeContainer .current {
    background-position: bottom;
}

#SocialMediaContainer {
    float: left;
    margin: 2px 10px;
}

#SocialMediaContainer a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

#CustomerServiceContainer {
    float: left;
    position: relative;
    margin: 1px 0px 0px 10px;
}

#Header_VersionContainer {
    position: absolute;
    top: 8px;
    left: -10px;
}

#Header_Version_Nav {}

#Header_Version_Nav li {
    float: left;
    margin: 0px 10px;
}

#Header_Version_Nav li a {
    color: #ffffff;
    font-size: 0.9em;
    text-decoration: none;
}

#Header_Version_Nav li a:hover {
    color: #ffec1c;
}

#Header_2 {
    background: url(../images/Header_2.jpg) no-repeat;
    /*節慶版*/
    /*background: url(../images/national_day/Agent_header.png) no-repeat 250px 36px;*/
    margin: 0 auto;
    width: 1002px;
    height: 130px;
    position: relative;
}

#LogoContainer {
    float: left;
}

#Logo {
    position: relative;
    top: 35px;
    left: 31px;
}

/***業務Links***/

#ServiceLinksContainer {
    position: absolute;
    right: 30px;
    top: 55px;
    font-size: 12px;
}

#ServiceLinks {}

#ServiceLinks li {
    float: left;
    margin-left: 10px;
    text-align: center;
}

#ServiceLinks li a {
    display: block;
    color: #707070;
}

#ServiceLinks li a:hover {
    color: #f93599;
}

#ServiceLinks li a .img {
    width: 48px;
    height: 40px;
    display: block;
}

#ServiceLinks li a:hover .img {
    background-position: center -40px;
}

#ServiceLinks .MailActive a .img {
    background: url(../images/icon-MailActive.png) no-repeat center 0px #fff;
}

#ServiceLinks .Saving a .img {
    background: url(../images/icon-Saving.png) no-repeat center 0px #fff;
}

#ServiceLinks .Insurance a .img {
    background: url(../images/icon-Insurance.png) no-repeat center 0px #fff;
}

#ServiceLinks .Stamp a .img {
    background: url(../images/icon-Stamp.png) no-repeat center 0px #fff;
}

#ServiceLinks .Product a .img {
    background: url(../images/icon-Product.png) no-repeat center 0px #fff;
}

#ServiceLinks .Fund a .img {
    background: url(../images/icon-Fund.png) no-repeat center 0px #fff;
}

#ServiceLinks .SellFund a .img {
    background: url(../images/icon-SellFund.png) no-repeat center 0px #fff;
}

#ServiceLinks .RealEstate a .img {
    background: url(../images/icon-RealEstate.png) no-repeat center 0px #fff;
    width: 55px;
}

#ServiceLinks .Investment a .img {
    background: url(../images/icon-Investment.png) no-repeat center 0px;
}

#ServiceLinks li.current a {
    color: #f93599;
}

#ServiceLinks li.current a .img {
    background-position: center -40px;
}

/***業務Links end***/

#Header_3Container {
    background: url(../images/Header_3ContainerBG.jpg) repeat-x;
}

#Header_3 {
    background: url(../images/Header_3BG.jpg) no-repeat;
    margin: 0 auto;
    width: 1002px;
    height: 45px;
    position: relative;
    z-index: 9999;
}

#MainMenuContainer {
    /*width: 673px;*/
    margin: 0px 0px 0px 30px;
    /*position: absolute;*/
    top: 0px;
    left: 0px;
}

.MainPreviousBTN {
    float: left;
}

.MainNextBTN {
    float: right;
}

#SearchContainer {
    width: 260px;
    height: 25px;
    background: url(../images/Search_BG.jpg) no-repeat;
    margin-bottom: 17px;
}

#SearchContainer input.sb_input {
    margin: 4px 3px 0px 5px;
    float: left;
    color: #ffffff;

    border: none;
    background: transparent;
}

#SearchContainer input.sb_search {
    background: url(../images/Search_BTN.png) no-repeat center center;
    height: 17px;
    width: 53px;
    border: none;
    float: right;
    margin: 4px 5px 0px 7px;

    cursor: pointer;
}



#ContainerInner {
    margin: 0 auto;
    width: 950px;
}


#content {
    width: 1002px;
    margin: 0 auto;
}

#content h1 {
    color: #333;
    line-height: 1em;
}

#content ul {
    padding-left: 0;
    list-style: none;
}

#content ul li {
    margin-bottom: 0px;
}


/*
pre { 
	border: 1px solid #CCC;
	background-color: #EEE;
	color: #333;
	padding: 10px 20px;
}
*/

#MainContentContainer {
    padding: 0px;
    margin: 0 auto;
    width: 1002px;
    /*background: url(images/PageBTNBG.jpg) repeat-y;*/
    background-position: center;
}

#MainContentInner {
    padding: 0px 30px;
    /*background: #000000;*/
    min-height: 550px;
}

.MainContentLeft {
    float: left;
}

#ServiceGuideContainer {
    margin-bottom: 20px;
    background: url(../images/ServiceGuideBG.jpg) no-repeat;
    width: 260px;
    height: 243px;
    margin-bottom: 20px;
}

#ServiceGuideHeader {
    padding: 10px;
}

#ServiceGuideContent {
    padding: 10px 5px;
}

#ServiceGuideContent a {
    float: left;
    width: 80px;
    height: 89px;
    text-indent: -9999px;

}

#ServiceGuideContent a.ServiceGuide_01 {
    background: url(../images/ServiceGuide_01.png) no-repeat 0px top;
}

#ServiceGuideContent a.ServiceGuide_02 {
    background: url(../images/ServiceGuide_02.png) no-repeat 0px top;
}

#ServiceGuideContent a.ServiceGuide_03 {
    background: url(../images/ServiceGuide_03.png) no-repeat 0px top;
}

#ServiceGuideContent a.ServiceGuide_04 {
    background: url(../images/ServiceGuide_04.png) no-repeat 0px top;
}

#ServiceGuideContent a.ServiceGuide_05 {
    background: url(../images/ServiceGuide_05.png) no-repeat 0px top;
}

#ServiceGuideContent a.ServiceGuide_06 {
    background: url(../images/ServiceGuide_06.png) no-repeat 0px top;

}

#ServiceGuideContent a.ServiceGuide_01:hover,
#ServiceGuideContent a.ServiceGuide_02:hover,
#ServiceGuideContent a.ServiceGuide_03:hover,
#ServiceGuideContent a.ServiceGuide_04:hover,
#ServiceGuideContent a.ServiceGuide_05:hover,
#ServiceGuideContent a.ServiceGuide_06:hover {
    background-position: 0px -89px;
}

#AdBannerContainer {
    background: url(../images/AdBannerBG.jpg) no-repeat;
    width: 260px;
    height: 178px;
    position: relative;
}

#AdBannerContainer .AdBannerHeader {
    position: absolute;
    top: 8px;
    left: 11px;
}

#AdBannerContainer .AdBannerMore {
    position: absolute;
    top: 0px;
    right: 0px;
}

#AdBannerContainer .AdBannerMore img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

#carousel {
    position: relative;
    top: 20px;
    margin: 0 auto;
    width: 210px;
}

#carousel img {
    /*border: 1px solid #e2e2e2;
	padding: 1px;
	background: #ffffff;*/
    width: 215px;
    height: 61px;
}

#carousel img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

#ui-carousel-next,
#ui-carousel-prev {
    width: 30px;
    height: 9px;
    background: url(../images/BannerPageDownHover.jpg) #fff center center no-repeat;
    display: block;
    position: relative;
    left: 0;
    z-index: 100;
}

#ui-carousel-next {
    top: -125px;
    left: 115px;
    background-image: url(../images/BannerPageUpHover.jpg);
}

#ui-carousel-prev {
    bottom: -165px;
    left: 115px;
}

#ui-carousel-next>span,
#ui-carousel-prev>span {
    display: none;
}

/*Content Right*/

.MainContentRight {
    float: right;
}

#MainAdContainer {
    height: 250px;
    width: 658px;
    position: relative;
    margin-bottom: 20px;
}

#MainAdContainer .MoreWrap {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 10;
}

#MainAdContainer .MoreWrap a.More {
    width: 20px;
    height: 20px;
    display: block;
    background: #e5e5e5 url(../images/MainAdMore.jpg) no-repeat 0px 0px;
    border: 1px solid #b9b9b9;
    text-indent: -9999px;
    -webkit-transition: all .3s ease;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#MainAdContainer .MoreWrap a.More:hover,
#MainAdContainer .MoreWrap a.More:active {
    background-position: 100% 0;
}

#flexslider_big .slides>li img,
#MainAd a img {
    height: 250px;
}

/*QuickSearch*/

#QuickSearchContainer {
    background: url(../images/QuickSearchBG.jpg) no-repeat;
    width: 658px;
    height: 133px;
    position: relative;
}

#QuickSearchContainer #QuickSearchDrop {
    position: absolute;
    top: 45px;
    left: 10px;
}

#QuickSearchContainer .QuickSearchHeader {
    position: absolute;
    top: 10px;
    left: 10px;
}

#QuickSearchContainer #QuickSearchBTN {
    position: absolute;
    top: 40px;
    right: 10px;
}

#QuickSearchContainer #QuickSearchBTN a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

/*QuickSearch end*/

/*DeliveryAdvice*/

#DeliveryAdviceContainer {
    background: url(../images/DeliveryAdviceBG.jpg) no-repeat;
    width: 658px;
    height: 178px;
    position: relative;
}

#DeliveryAdviceContainer .DeliveryAdviceHeader {
    position: absolute;
    top: 12px;
    left: 10px;
}

#DeliveryAdviceContainer .DeliveryAdviceDes {
    position: absolute;
    top: 60px;
    left: 0px;
}

#DeliveryAdviceContainer .Step1Container {
    position: absolute;
    top: 10px;
    left: 150px;
    width: 140px;
}

#DeliveryAdviceContainer .Step1Container .Header {
    width: 102px;
    margin: 0px auto;
}

#DeliveryAdviceContainer .Step1Container .Content {
    color: #f93599;
}

#DeliveryAdviceContainer .Step1Container .Content p {
    margin: 2px 0px;
}

#DeliveryAdviceContainer .Step1Container .Content input.sb_input {
    color: #313131;
    border: 1px solid #829fbd;
    font-size: 0.9em;
    padding: 1px 3px;
    width: 125px;
}

#DeliveryAdviceContainer .Step2Container {
    position: absolute;
    top: 10px;
    left: 325px;
    width: 165px;
}

#DeliveryAdviceContainer .Step2Container .Header {
    width: 102px;
    margin: 0px auto 15px auto;
}

#DeliveryAdviceContainer .Step2Container .Content {
    color: #f93599;
}

#DeliveryAdviceContainer .Step2Container .Content select {
    color: #313131;
    border: 1px solid #829fbd;
    font-size: 0.9em;
    /*padding: 1px 3px;*/
    width: 165px;
}

#DeliveryAdviceContainer .Step2Container .Content p {
    margin: 2px 0px;
}

#DeliveryAdviceContainer .Step2Container .Content input {
    background: url(../images/DeliveryAdviceBTN.png) no-repeat center center;
    height: 30px;
    width: 145px;
    border: none;
    /*float: left;*/
    margin: 10px 0px 0px 10px;

    cursor: pointer;
    text-indent: -99999px;
}

#DeliveryAdviceContainer .Step2Container .Content input:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

#DeliveryAdviceContainer .AdviceContainer {
    position: absolute;
    top: 20px;
    left: 540px;
    width: 95px;
}

#DeliveryAdviceContainer .AdviceContainer .Header {
    width: 72px;
    margin: 0px auto;
}

#DeliveryAdviceContainer .AdviceContainer .Content .AdviceResult {
    background: url(../images/DeliveryAdviceAdviceBG.png) no-repeat center center;
    width: 94px;
    height: 80px;
}

#DeliveryAdviceContainer .AdviceContainer .Content .AdviceResult p {
    text-align: center;
    padding: 30px 0px 0px 0px;
    font-weight: 700;
    color: #f93599;
    font-size: 1.1em;
}

/*DeliveryAdvice end*/

#FooterContainer {
    clear: both;
    padding-top: 1px;
    border-top: 1px solid #e2e2e2;
    background: url(../images/FooterContainerBG.jpg) repeat-x #fff;
}

#Footer {
    margin: 0 auto;
    width: 970px;
    font-size: 0.85em;
}

#Footer .FooterSec_1Container {
    margin: 5px 15px 10px 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

#Footer .FooterSec_1Container .Sec_1 {
    color: #464648;
}

#Footer .FooterSec_1Container .Sec_1 .Line_1 {
    margin: 10px 0px 5px;
}

#Footer .FooterSec_1Container .Sec_1 .Line_1 span {
    margin: 0px 10px 0px 0px;
}

#Footer .FooterSec_1Container .Sec_1 .Line_1 a {
    display: inline-block;
}

#Footer .FooterSec_1Container .Sec_1 .Mail_icon {
    padding: 0 25px 0 0;
    background: url(../images/Mail_icon.gif) no-repeat right 1px;
}

#Footer .FooterSec_1Container .Sec_1 .SmartDove_icon {
    background: url(../../images/SmartDove_icon.png) no-repeat right 1px;
    padding: 0 6px 0 0;
}

#Footer .FooterSec_1Container .Sec_1 .ServiceGuide_icon {
    padding: 0 18px 0 0;
    background: url(../images/ServiceGuide_icon.gif) no-repeat right 1px;
}

#Footer .FooterSec_1Container .Sec_1 .WebPhone_icon {
    padding: 0 18px 0 0;
    background: url(../images/WebPhone_icon.gif) no-repeat right 1px;
}

.marginTop20 {
    margin-top: 20px;
}

#Footer .FooterSec_1Container .Sec_1 p {
    margin-bottom: 10px;
}

#Footer .FooterSec_1Container .Sec_1 .Location {
    margin: 0px 5px 0px 0px !important;
    padding: 2px 17px 2px 10px;
    background: #eeeeee url(../images/Location_BG_arrow.png) no-repeat right center;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#Footer .FooterSec_1Container .Sec_2 {
    float: right;
}

#Footer .FooterSec_1Container .Sec_2 a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#Footer .FooterSec_1Container .A_Plus {
    display: block;
    margin-top: 10px;
}

#Footer .FooterSec_2Container {
    margin: 0px 15px 0px 15px;
}

#Footer .FooterSec_2Container .Sec_1 {
    color: #464648;
    float: left;
}

#Footer .FooterSec_2Container .Sec_1 p {
    margin-bottom: 10px;
}

#Footer .FooterSec_2Container .Sec_1 p a {
    color: #464648;
    text-decoration: none;
}

#Footer .FooterSec_2Container .Sec_1 p a:hover {
    color: #f93599;
}

#Footer .FooterSec_2Container .Sec_1 p .divide {
    margin: 0px 5px;
}

#Footer .FooterSec_2Container .Sec_2 {
    float: right;
}

#Footer .FooterSec_2Container .Sec_2 .Traffic {
    float: right;
    color: #464648;
    margin-right: 15px;
    margin-top: 20px;
}


ul.ServiceMainNav .Nav1,
ul.ServiceMainNav .Nav2,
ul.ServiceMainNav .Nav3,
ul.ServiceMainNav .Nav4,
ul.ServiceMainNav .Nav5,
ul.ServiceMainNav .Nav6 {
    float: left;
    width: 190px;
    height: 31px;
    text-indent: -999px;
    overflow: hidden;
    margin: 3px 6px;
    border-bottom: 1px solid #e2d3d3;
}

ul.ServiceMainNav .Nav1 {
    background: url(../images/MenuService01.jpg) no-repeat;
}

ul.ServiceMainNav .Nav2 {
    background: url(../images/MenuService02.jpg) no-repeat;
}

ul.ServiceMainNav .Nav3 {
    background: url(../images/MenuService03.jpg) no-repeat;
}

ul.ServiceMainNav .Nav4 {
    background: url(../images/MenuService04.jpg) no-repeat;
}

ul.ServiceMainNav .Nav5 {
    background: url(../images/MenuService05.jpg) no-repeat;
}

ul.ServiceMainNav .Nav6 {
    background: url(../images/MenuService06.jpg) no-repeat;
}

ul.ServiceMainNav .Nav1:hover {
    background: url(../images/MenuService01on.jpg) no-repeat;
}

ul.ServiceMainNav .Nav2:hover {
    background: url(../images/MenuService02on.jpg) no-repeat;
}

ul.ServiceMainNav .Nav3:hover {
    background: url(../images/MenuService03on.jpg) no-repeat;
}

ul.ServiceMainNav .Nav4:hover {
    background: url(../images/MenuService04on.jpg) no-repeat;
}

ul.ServiceMainNav .Nav5:hover {
    background: url(../images/MenuService05on.jpg) no-repeat;
}





/*內頁右側QuickMenu*/

#QuickMenu {
    z-index: 99999;
    position: relative;
    top: 736px;
    left: 863px;
    width: 83px;
    height: 602px;
    margin-top: -602px;
    /*margin: 0 auto;*/
}

#QuickMenu img {
    /*vertical-align: bottom;*/
    display: block;
}

#QuickMenu .Content {
    width: 81px;
    min-height: 560px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

ul.QuickNav .Nav1,
ul.QuickNav .Nav2,
ul.QuickNav .Nav3,
ul.QuickNav .Nav4,
ul.QuickNav .Nav5,
ul.QuickNav .Nav6,
ul.QuickNav .Nav7,
ul.QuickNav .Nav8,
ul.QuickNav .Nav9 {
    float: left;
    width: 69px;
    height: 61px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0px 6px;
    border-bottom: 1px solid #dfdfdf;
}

ul.QuickNav .Nav1 {
    background: url(../images/QuickMenu_001.jpg) no-repeat;
}

ul.QuickNav .Nav2 {
    background: url(../images/QuickMenu_002.jpg) no-repeat;
}

ul.QuickNav .Nav3 {
    background: url(../images/QuickMenu_003.jpg) no-repeat;
}

ul.QuickNav .Nav4 {
    background: url(../images/QuickMenu_004.jpg) no-repeat;
}

ul.QuickNav .Nav5 {
    background: url(../images/QuickMenu_005.jpg) no-repeat;
}

ul.QuickNav .Nav6 {
    background: url(../images/QuickMenu_006.jpg) no-repeat;
}

ul.QuickNav .Nav7 {
    background: url(../images/QuickMenu_007.jpg) no-repeat;
}

ul.QuickNav .Nav8 {
    background: url(../images/QuickMenu_008.jpg) no-repeat;
}

ul.QuickNav .Nav9 {
    background: url(../images/QuickMenu_009.jpg) no-repeat;
}

ul.QuickNav .Nav1:hover {
    background: url(../images/QuickMenu_001on.jpg) no-repeat;
}

ul.QuickNav .Nav2:hover {
    background: url(../images/QuickMenu_002on.jpg) no-repeat;
}

ul.QuickNav .Nav3:hover {
    background: url(../images/QuickMenu_003on.jpg) no-repeat;
}

ul.QuickNav .Nav4:hover {
    background: url(../images/QuickMenu_004on.jpg) no-repeat;
}

ul.QuickNav .Nav5:hover {
    background: url(../images/QuickMenu_005on.jpg) no-repeat;
}

ul.QuickNav .Nav6:hover {
    background: url(../images/QuickMenu_006on.jpg) no-repeat;
}

ul.QuickNav .Nav7:hover {
    background: url(../images/QuickMenu_007on.jpg) no-repeat;
}

ul.QuickNav .Nav8:hover {
    background: url(../images/QuickMenu_008on.jpg) no-repeat;
}

ul.QuickNav .Nav9:hover {
    background: url(../images/QuickMenu_009on.jpg) no-repeat;
}

/*內頁右側QuickMenu End*/

#MainContentInner #Breadcrumbs {
    background: #f6f6f6 url(../images/Breadcrumbs_BG.jpg) repeat-x;
    border: 1px solid #e0e0e0;
    border-top: 0px;
    padding: 6px 10px 7px 10px;
    color: #b8b2ae;
    font-size: 1em;
}

#MainContentInner #Breadcrumbs .HomeBTN {
    background: url(../images/Breadcrumbs_Home.gif) no-repeat left center;
    padding-left: 15px;
}

#MainContentInner #Breadcrumbs a {
    color: #959595;
}

#MainContentInner #Breadcrumbs a:hover {
    color: #f93599;
}

#MainContentInner #Breadcrumbs .current {
    color: #f93599;
}

#LocalNavContainer {
    float: left;
    margin-top: 20px;
    margin-top: 0px;
    /*******無障礙*******/
}

#LocalNav {
    width: 232px;
}

#LocalNav .LocalNavBG_Top {
    background: url(../images/LocalNavAreaBG_Top.png) no-repeat bottom center;
    width: 232px;
    height: 5px;
}

#LocalNav .LocalNavAreaBG_BTM {
    background: url(../images/LocalNavAreaBG_BTM.png) no-repeat top center;
    width: 232px;
    height: 7px;
}

#LocalNav .LocalNavBG_BodyContainer {
    background: url(../images/LocalNavAreaBG_Body.png) repeat-y;
}

#LocalNav .LocalNavBG_Body {
    width: 224px;
    margin: 0 auto;
}

#LocalNav .LocalNavBG_Body .LocalNavGraphic img {
    display: block;
}

#LocalNav .LocalNavBG_Body .LocalNavTopic {
    padding: 15px;
    color: #ffffff;
    text-shadow: 0px -1px 2px #000000;
    font-size: 1.2em;
    font-weight: 700;
    background: #e2137c url(../images/LocalNavTopicBG.jpg) repeat-x;
}

#LocalNav .LocalNavBG_Body .LocalNavTopic a {
    color: #ffffff;
}

#MainContainer {
    padding: 20px 0px 20px 20px;
    padding-top: 0px;
    /*******無障礙*******/
    float: left;
}

#Main {
    width: 690px;
}

#Main h1 {
    font-size: 28px;
    font-weight: bold;
    color: #535353;
    line-height: 28px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eeeeee;
}

#Main h1 .CurrentTitle {
    margin-left: 10px;
    padding-left: 10px;
    background: url(../images/h1_Divide.jpg) no-repeat 0px 3px;
    font-weight: normal;
    font-size: 26px;
}

#MainContainer_Fullwidth {
    padding: 0px 0px 20px 0px;
    padding-top: 0px;
    /*******無障礙*******/
}

#Main_Fullwidth {}

#Main_Fullwidth h1 {
    font-size: 28px;
    font-weight: bold;
    color: #535353;
    line-height: 28px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eeeeee;
}

#Main_Fullwidth h1 .CurrentTitle {
    margin-left: 10px;
    padding-left: 10px;
    background: url(../images/h1_Divide.jpg) no-repeat 0px 3px;
    font-weight: normal;
    font-size: 26px;
}

#Main #Section_2 {
    margin-bottom: 20px;
}

#Main #Section_2 #ShareNav {
    float: right;
}

#Main #Section_2 #ShareNav a {
    margin-left: 5px;
}

#Main #Section_2 #ShareNav a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

.BackToPrev {
    display: block;
    margin-bottom: 10px;
}

.BackToPrev a {
    display: inline-block;
    padding: 0 0 0 27px;
    height: 22px;
    line-height: 22px;
    background: url(../images/BackToPrev.png) no-repeat;
    font-size: 1.1em;
    font-weight: 700;
    color: #535353;
}

.BackToPrev a:hover {
    color: #000000;
}

#Main_Fullwidth #Section_2 {
    margin-bottom: 20px;
}

#Main_Fullwidth #Section_2 #ShareNav {
    float: right;
}

#Main_Fullwidth #Section_2 #ShareNav a {
    margin-left: 5px;
}

#Main_Fullwidth #Section_2 #ShareNav a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

#ContentsContainer {
    position: relative;
}

#ContentsContainer #Contents {
    color: #434343;
    /*line-height: 180%;*/
    position: relative;
}

#ContentsContainer #Contents p {
    line-height: 180%;
    margin: 0 0 20px 0;
}

#ContentsContainer #Contents .article {
    word-wrap: break-word;
    word-break: normal;
}

#ContentsContainer #Contents .article p {
    line-height: 190%;
    margin: 0 0 20px 0px;
}

#ContentsContainer #Contents .article strong {
    line-height: 190%;
    display: block;
    /*margin-bottom: 10px;*/
}

#ContentsContainer #Contents .article ol {
    list-style-type: decimal;
    padding-left: 25px;
}

#ContentsContainer #Contents .article ul {
    list-style-type: disc;
    padding-left: 25px;
}

#ContentsContainer #Contents .Topic_Style01 {
    color: #4f549b;
    font-weight: 700;
    background: url(../images/Topic_Style01.jpg) no-repeat left center;
    padding-left: 18px;
    font-size: 1.1em;
    margin-bottom: 20px;
    display: block;
}

#ContentsContainer #Contents .Topic_Style02 {
    color: #f93599;
    font-weight: 700;
    background: url(../images/Topic_Style02.png) no-repeat left center;
    padding-left: 18px;
    font-size: 1.1em;
    margin-bottom: 15px;
    display: block;
}

#ContentsContainer #Contents .Topic_Style02_noBlock {
    color: #f93599;
    font-weight: 700;
    background: url(../images/Topic_Style02.png) no-repeat left center;
    padding-left: 18px;
    font-size: 1.1em;
    margin-bottom: 15px;
    display: inline-block;
}

#ContentsContainer #Contents .Topic_Style03 {
    color: #666666;
    font-weight: 700;
    background: url(../images/Topic_Style03.png) no-repeat left center;
    padding-left: 18px;
    font-size: 1.1em;
    margin-bottom: 15px;
    display: block;
}

#ContentsContainer #Contents .Topic_Style03_noBlock {
    color: #666666;
    font-weight: 700;
    background: url(../images/Topic_Style03.png) no-repeat left center;
    padding-left: 18px;
    font-size: 1.1em;
    margin-bottom: 15px;
}

#ContentsContainer #Contents .Topic_Style04 {
    color: #666666;
    background: url(../images/Topic_Style04.jpg) no-repeat left center;
    padding-left: 18px;
}

.ConditionSearchContainer {
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
}

.ConditionSearchContainer .Form {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 290px;
    border-right: 1px solid #adf4aa;
    margin-right: 10px;
    padding-right: 10px;
}

.ConditionSearchContainer span,
.ConditionSearchContainer select,
.ConditionSearchContainer .Submit_1,
.ConditionSearchContainer input {
    vertical-align: middle !important;
}

.ConditionSearchContainer span.Title {
    font-weight: 700;
}

.ConditionSearchContainer select {
    padding: 2px;
    /*width: 140px;
	min-width: 140px;*/
}

.ConditionSearchContainer .Submit_1 {
    text-indent: -9999px;
    background: url(../images/QuickSearchBTN.jpg) no-repeat left center;
    display: inline-block;
    width: 65px;
    height: 23px;
    border: 0px;
    cursor: pointer;
    margin-left: 5px;
    /*margin-top: 2px;*/
    float: right;
}

.ConditionSearchContainer .Submit_1:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.ConditionSearchContainer .sec_1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #adf4aa;
    text-align: right;
}

.ConditionSearchContainer .sec_2 {
    text-align: right;
}

.ConditionSearchContainer select,
.ConditionSearchContainer input {
    color: #626262;
}

.ConditionSearchContainer select {
    border: 1px solid #d2d2d2;
}

.ConditionSearchContainer-mobile {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.ConditionSearchContainer-mobile .Form {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 290px;
    border-right: 1px solid #adf4aa;
    margin-right: 10px;
    padding-right: 10px;
}

.ConditionSearchContainer-mobile span,
.ConditionSearchContainer-mobile select,
.ConditionSearchContainer-mobile .Submit_1,
.ConditionSearchContainer-mobile input {
    vertical-align: middle !important;
}

.ConditionSearchContainer-mobile span.Title {
    font-weight: 700;
    margin: 3px 0 5px 0;
}

.ConditionSearchContainer-mobile select {
    padding: 2px;
    display: inline-block;
}

.ConditionSearchContainer-mobile .Submit_1 {
    text-indent: -9999px;
    background: url(../images/QuickSearchBTN.jpg) no-repeat left center;
    display: inline-block;
    width: 65px;
    height: 23px;
    border: 0px;
    cursor: pointer;
    margin: 5px 0 0 0;
}

.ConditionSearchContainer-mobile .Submit_1:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.ConditionSearchContainer-mobile .sec_1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #adf4aa;
    text-align: right;
}

.ConditionSearchContainer-mobile .sec_2 {
    text-align: right;
}

.ConditionSearchContainer-mobile select,
.ConditionSearchContainer-mobile input {
    color: #626262;
}

.ConditionSearchContainer-mobile select {
    border: 1px solid #d2d2d2;
}

.slide-panel {
    display: block;
}

.slide-btn {
    border: solid 1px #eeeeee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #ffffff url(../images/gradient_grey_01.jpg) repeat-x bottom;
    margin: 0 0 10px 0;
    display: none;
}

.slide-btn .btn-slide {
    background: url(../images/arrow-square.gif) no-repeat right -45px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    color: #535353;
    text-decoration: none;
}

.slide-btn .active {
    background-position: right 12px;
}



.TableStyle_02 {
    border: 1px solid #adf4aa;
}

.TableStyle_02 th {
    background: #2cb02a;
    border-right: 1px solid #adf4aa;
    padding: 10px;
    color: #ffffff;
}

.TableStyle_02 th.last {
    border-right: none;
}

.TableStyle_02 .hd {
    /*text-align: center;*/
}

.TableStyle_02 td {
    /*border-right: 1px solid #adf4aa;*/
    padding: 10px;
    border-bottom: 1px dotted #c9c9c9;
    line-height: 180%;
}

.TableStyle_02 .odd td {
    background: #f2f2f2;
}

.TableStyle_02 td.Last {
    border-bottom: none;
}

.TableStyle_02 .BorderRight {
    border-right: 1px solid #dcdcdc;
}

.TableStyle_03 .hd {
    font-weight: 700;
}

.TableStyle_03 td {
    padding: 5px;
}

.RelatedInfoContainer {
    background: #f8f7f7;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.RelatedInfoContainer h3 {
    color: #898989;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 15px;
    font-size: 1.2em;
    font-weight: 700;
}

.RelatedInfoContainer .RelatedInfoList {
    padding: 15px;
}

.RelatedInfoContainer .RelatedInfoList li {
    margin-bottom: 5px;
    padding: 3px 20px;
    background: url(../images/ListIcon_001.png) no-repeat left 6px;
    color: #898989;
}

.RelatedInfoContainer .RelatedInfoList li a {
    color: #898989;
    /*display: block;*/
}

.RelatedInfoContainer .RelatedInfoList li a:hover {
    color: #f93599;
}

.RelatedInfoContainer .RelatedInfoList li a.noBlock {
    display: inline-block;
}

.RelatedInfoContainer .note {
    padding: 0 20px;
}


.BoxContainer_Style1 {
    border: 1px solid #adf4aa;
    border-top: 2px solid #2cb02a;
}

.BoxContainer_Style1 h2 {
    background: #e2ffe1;
    padding: 10px 15px;
    color: #f93599;
    font-size: 1.1em;
}

.BoxContainer_Style1 .tabs_fake {
    background: #e2ffe1;
    min-height: 35px;
}

.BoxContainer_Style1 .tabs_fake li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}

.BoxContainer_Style1 .tabs_fake li a {
    background: #e2ffe1;
    font-weight: 700;
    font-size: 1.1em;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    color: #45c343;
    padding: 0px 15px;
    margin: 0px;
    position: relative;
    top: 1px;
    border-right: 1px solid #ffffff;
}

.BoxContainer_Style1 .tabs_fake li.current a {
    background: #ffffff;
    cursor: default !important;
    color: #f93599 !important;
}

#Main #ContentsContainer #Contents .article dl {
    margin-top: 10px;
}

#Main #ContentsContainer #Contents .article dl dt {
    padding-left: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    background: url(../images/Topic_Style03.png) no-repeat left center;
    color: #666666;
    font-weight: 700;
}

#Main #ContentsContainer #Contents .article dl dd {
    padding-left: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    background: url(../images/ListIcon_002.jpg) no-repeat 3px 5px;
}

#Main #ContentsContainer #Contents .article dl dd.Note {
    margin: 0px 0px 10px 20px;
    display: block;
    background: none;
}

#Main #ContentsContainer #Contents .article dl dd dd {
    padding-left: 20px;
    margin-left: 0px;
    margin-bottom: 10px;
    background: url(../images/ListIcon_003.jpg) no-repeat 3px 5px;
}



.Submit_Style1 {
    padding: 7px 40px;
    background: url(../images/Submit_Style1_BG.jpg) repeat-x;
    color: #ffffff;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0px;
    cursor: pointer;
    text-align: center;
}

.Submit_Style1:hover {
    opacity: 0.7;
    filter: alpha(opacity=70%);
}

.Topic_Style02 {
    padding-left: 20px;
    background: url(../images/Topic_Style02.png) no-repeat left center;
    color: #f93599;
    font-weight: 700;
}

.ResultContainer {
    background: #eeeeee;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.ResultContainer dl dt {
    float: left;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 700;
    margin-right: 10px;
}

.ResultContainer dl dd {
    float: left;
    display: inline-block;
}

.ResultContainer dl dd .Money {
    font-size: 1.1em;
    margin-right: 5px;
}

.ResultContainer dl dd .Cost {
    font-size: 1.3em;
    font-weight: 700;
    color: #ff0000;
}

#LocationBTNContainer .LocationBTN li {
    float: left;
    display: block;

}

#LocationBTNContainer .LocationBTN li a {
    padding: 0px 10px;
    width: 130px;
    background: url(../images/BTN_BG02.jpg) repeat-x bottom;
    border: 1px solid #bfc0c5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 5px;
    line-height: 50px;
    display: inline-block;
    color: #434343;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
}

#LocationBTNContainer .LocationBTN li a:hover {
    color: #f93599;
}

#LocationBTNContainer .LocationBTN li .Icon {
    width: 32px;
    height: 32px;
    background: url(../images/Arrow_icon_02.png) no-repeat center center;
    position: absolute;
    top: 10px;
    right: 10px;
}

.pagination_1 {
    text-align: center;
    display: block;
    padding: 30px 0px;
}

.pagination_1 a {
    padding: 5px;
    color: #f93599;
    background: #ffffff;
    border: 1px solid #ffb2d9;
}

.pagination_1 a:hover {
    color: #ffffff;
    background: #f93599;
    border: 1px solid #ffb2d9;
}

.pagination_1 a.disable {
    color: #999999;
    background: #ffffff;
    border: 1px solid #bfbfbf;
}

.pagination_1 a.disable:hover {
    color: #999999;
    background: #ffffff;
    border: 1px solid #bfbfbf;
}

.pagination_1 a.current {
    color: #ffffff;
    background: #f93599;
    border: 1px solid #ffb2d9;
}


#LargeBTNContainer {}

#LargeBTNContainer a {
    background: url(../images/LargeBTN_BG.png) no-repeat center center;
    width: 213px;
    height: 204px;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    color: #f93599;
    margin: 0px 10px 10px 0px;
}

#LargeBTNContainer a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70%);
    color: #e10001;
}

#LargeBTNContainer .imgCenterContainer {
    width: 200px;
    height: 135px;
    text-align: center;
    line-height: 135px;
}

#LargeBTNContainer .imgCenter {
    margin-top: 0;
    vertical-align: middle;
}

#LargeBTNContainer .TitleContainer {
    background: url(../images/LargeBTNtxt_BG.png) no-repeat center center;
    width: 186px;
    height: 52px;
    margin: 0 auto;
    /*padding: 5px 15px 0px 5px;*/
    position: relative;
}

#LargeBTNContainer .Title {
    /*margin: 5px 15px 0px 5px;*/
    position: absolute;
    top: 5px;
    left: 5px;
    width: 145px;
    text-shadow: 1px 1px 1px #fff;
}

.Form_Style01 p {
    line-height: 190%;
}

.Form_Style01 .Note {
    margin-left: 10px;
}

.Form_Style01 .Note em {
    color: #0075e9;
}

.Form_Style01 .NoteLink img {
    margin: -5px 0px 0px 10px;
    vertical-align: middle;
}

.Form_Style01 a {
    color: #0075e9;
}

.Form_Style01 a:hover {
    /*text-decoration: underline;*/
}

.Form_Style01 .Form_IMG {
    float: left;
    margin-right: 20px;
}

.Form_Style01 .Form_IMG img {
    width: 270px;
    background: #ffffff;
    padding: 3px;
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.Form_Style01 .Form_IMG h2 {
    font-size: 1.3em;
    color: #626262;
    background: #f5f5f5;
    padding: 10px;
}


.input_style01 {
    color: #959595;
    margin: 0px 5px;
}

.DL_Style02 dd {
    line-height: 190%;
}

.DL_Style02 dd dd {
    margin-left: 18px;
}

.Note2 {
    color: #ff0000;
    margin: 5px 0px;
}

/*
.ListContainer {
	float: right;
	margin: 0px 0px 15px 5px;
}
.ListContainer a {
	padding: 5px 5px 5px 25px;
	background: #f7f7f7 url(../images/list_icon.png) no-repeat 5px 7px;
	border: 1px solid #dedede;
	
}
*/

.SearchResult_Style01 {
    background: #eeeeee;
    padding: 25px;
}

.SearchResult_Style01 .Total {
    margin: 0 0 10px 0;
    text-align: right;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #cccbcb;
}

.SearchResult_Style01 .Total .hd {
    font-weight: 700;
}

.SearchResult_Style01 .Total .price {
    font-weight: 700;
    font-size: 22px;
    color: #ff0000;
    margin: 0 5px;
}

.TableStyle_04 .hd {
    font-weight: 700;
}

.TableStyle_04 td {
    padding: 5px;
    border-bottom: 1px solid #ffffff;
}

.TableStyle_04 .price {
    font-weight: 700;
    color: #ff0000;
    margin: 0 5px;
}

.SaveContainer {
    padding: 20px 20px 20px 200px;
    margin: 20px 0px 0px 0px;
    background: #ffffff url(../images/SaveBG.jpg) no-repeat left center;
}

.SaveContainer p {
    margin: 5px 0px 5px 0px;
    line-height: 150%;
}

.BTN_Style02 {
    padding: 2px 5px;
    margin: 0px 5px;
    background: #f7f7f7;
    border: 1px solid #dedede;
}

.Search_style02 {
    padding-left: 25px;
    color: #0075e9;
    background: url(../images/Search_Icon2.jpg) no-repeat 0 0;
    margin: 0px 10px;
}

.Search_style02:hover {
    color: #ff711c;
}

.BTN_Style03 {
    padding: 4px 15px;
    margin: 0 5px 0 0;
    background: #ffffff url(../images/gradient_grey_01.jpg) repeat-x bottom;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}

.BTN_Style03 .Icon {
    padding: 0 0 0 20px;
    background: url(../images/ArrowRight_007.png) no-repeat 0 2px;
}

.BTN_Style03:hover {
    color: #ffffff;
    background: #f93599;
}

.BTN_Style03:hover .Icon {
    background: url(../images/ArrowRight_007_white.png) no-repeat 0 2px;
}

.BTN_Style03_down {
    padding: 3px 5px;
    margin: 0 5px 5px 0;
    background: #ffffff url(../images/gradient_grey_01.jpg) repeat-x bottom;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}

.BTN_Style03_down .Icon {
    padding: 0 0 0 20px;
    background: url(../images/ArrowDown_007.png) no-repeat 0 2px;
}

.BTN_Style03_down:hover {
    color: #ffffff;
    background: #f93599;
}

.BTN_Style03_down:hover .Icon {
    background: url(../images/ArrowDown_007_white.png) no-repeat 0 2px;
}

.LargeBanner_inner {
    text-align: center;
    margin: 15px 0px;
}

.LargeBanner_inner a img {
    max-width: 580px;
}

.LargeBanner_inner a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}


.DL_Style03 {
    line-height: 180%;
}

.DL_Style03 dd dd {
    padding-left: 25px;
}

#LargeBTN_2Container {
    border: 1px solid #adf4aa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f4fff4 url(../images/gradient_green_BG.jpg) repeat-x bottom;
}

#LargeBTN_2Container a.Button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 340px;
    /*height: 300px;*/
    cursor: pointer;
}

#LargeBTN_2Container a.BTN_L {
    border-right: 1px solid #caf9c8;
}

#LargeBTN_2Container a.BTN_R {
    border-left: 1px solid #ffffff;
}

#LargeBTN_2Container a .TitleContainer {
    padding: 15px;
    /*height: 100px;*/
}

#LargeBTN_2Container a .TitleContainer .Sub_Title {
    font-size: 1.3em;
    font-weight: 700;
    color: #2cb02a;
    text-align: center;
}

#LargeBTN_2Container a .TitleContainer .Title {
    font-size: 30px;
    font-weight: 700;
    color: #f93599;
    text-align: center;
    padding: 10px 35px 10px 0px;
    background: url(../images/Arrow_icon_03.png) no-repeat 205px center;
    margin: 30px 0px 0px 0px;
}

#LargeBTN_2Container a:hover .TitleContainer .Title {
    color: #fc9a31;
    background: url(../images/Arrow_icon_03_hover.png) no-repeat 205px center;
}

#LargeBTN_2Container a .DescripContainer {
    margin: 20px;
}

#LargeBTN_2Container a .DescripContainer p {
    background: #adf4aa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    color: #2cb02a;
}


.HeaderDescription_Style1 {
    background: #ececec;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 15px 0;
}

.HeaderDescription_Style1 .HeaderTitle {
    border-right: 1px solid #ffffff;
    width: 145px;
    padding: 10px 20px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.HeaderDescription_Style1 .HeaderTitle .Title {
    padding: 10px 35px 10px 0px;
    background: url(../images/ArrowDown_icon_01.png) no-repeat right center;
    color: #666666;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
}

.HeaderDescription_Style1 .HeaderTitle .sub_Title {
    color: #666666;
    font-size: 1.3em;
    font-weight: 700;
}

.HeaderDescription_Style1 .Description {
    width: 430px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding: 20px 0 20px 15px;
}

.HeaderDescription_Style1 .Description p {}

.Percent_5,
.Percent_10,
.Percent_15,
.Percent_20,
.Percent_25 {
    height: 12px;
    display: inline-block;
    background: #e7d37a;
    margin-right: 10px;
}

.Percent_5 {
    width: 30px;
}

.Percent_10 {
    width: 60px;
}

.Percent_15 {
    width: 90px;
}

.Percent_20 {
    width: 120px;
}

.Percent_25 {
    width: 150px;
}

.DownloadBTNContainer {
    float: right;
    margin: 15px 0px 0px 5px;
}

.DownloadBTNContainer a {
    padding: 5px 5px 5px 25px;
    background: #f7f7f7 url(../images/download_icon.png) no-repeat 5px 7px;
    border: 1px solid #dedede;
}

#SiteMapContainer {}

#SiteMapContainer .SiteMap_Section {
    margin-bottom: 15px;
    /*padding-bottom: 15px;*/
    /*border-bottom: 1px solid #e8e8e8;*/
    clear: both;
}

#SiteMapContainer .SiteMap_Section h3.Title {
    background: #f93599;
    color: #ffffff;
    padding: 3px 15px 0;
    height: 39px;
    line-height: 39px;
    font-size: 1.2em;
    margin: 0 0 15px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#SiteMapContainer .SiteMap_Section h3.Title a {
    color: #ffffff;
}

#SiteMapContainer .SiteMap_Section h3.Title a:hover {
    color: #f93599;
}

#SiteMapContainer .SiteMap_Section ul.SiteMapList {
    width: 260px;
    margin: 0px 10px 20px 10px;
    background: #f5f4f4;
    padding: 15px;
    border-radius: 3px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#SiteMapContainer .SiteMap_Section ul.SiteMapList h4 a {
    border-bottom: 1px dotted #e8e8e8;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    background: none;
    color: #f93599;
}

#SiteMapContainer .SiteMap_Section ul.SiteMapList h4 a:hover {
    color: #fe5fb0;
}

#SiteMapContainer .SiteMap_Section ul.SiteMapList a {
    margin: 10px 0px;
    display: block;
    color: #666666;
    padding-left: 15px;
    background: url(../images/RoundIcon.png) no-repeat 0 4px;
}

#SiteMapContainer .SiteMap_Section ul.SiteMapList a:hover {
    color: #fe5fb0;
}

#SubBannerContainer {
    margin-bottom: 10px;
    width: 260px;
}

.SubBanner a {
    display: block;
}

.SubBanner a img {
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    transition: opacity 1s linear;
}

.SubBanner a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.5s linear;
}

.SubBanner img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/*PostOnly*/

#PostOnlyContainer {
    /*background: url(../images/PostOnly.jpg) no-repeat;*/
    width: 658px;
    border-top: 3px solid #ffbc1c;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    position: relative;
}

#PostOnlyHeader {
    position: absolute;
    top: 8px;
    left: 30px;
}

#PostOnlyDeco {
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 100;
}

/*PostOnly end*/

.TabInnerWarp {
    margin: 0;
    padding: 0;
}

.TabInnerWarp .Banner {
    /*display: inline-block;
	*display: inline;
	zoom: 1;*/
    float: left;
    width: 223px;
}

.TabInnerWarp .Banner img {
    display: block;
    width: 223px;
    height: 260px;
}

.TabInnerWarp .List {
    float: left;
    width: 400px;
    padding: 15px;
}

.TabInnerWarp .List li {
    width: 115px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 7px;
    position: relative;
}

.TabInnerWarp .List li a {
    cursor: pointer;
    display: block;
}

.TabInnerWarp .List li a .IMG {
    margin: 0 0 5px 0;
    width: 129px;
}

.TabInnerWarp .List li a .IMG table td {
    width: 129px;
    height: 118px;
    text-align: center;
}

.TabInnerWarp .List li a .IMG table td a {
    width: 129px;
    padding: 0px;
}

.TabInnerWarp .List li a .IMG img {
    max-width: 129px;
    max-height: 118px;
    height: auto;
    width: auto;
}

.TabInnerWarp .List li a:hover>.IMG img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.TabInnerWarp .List li a h2 {
    font-size: 1em;
    color: #f93599;
    line-height: 170%;
    font-weight: normal;
    height: 50px;
    overflow: hidden;
    transition: color;
    /*for the future*/
    transition-duration: 2000ms;
    -webkit-transition: color;
    -webkit-transition-duration: 2000ms;
    -moz-transition: color;
    -moz-transition-duration: 2000ms;
    -o-transition: color;
    -o-transition-duration: 2000ms;
}

.TabInnerWarp .List li a:hover>h2 {
    color: #ff83c2;
    transition: color;
    transition-duration: 300ms;
    -webkit-transition: color;
    -webkit-transition-duration: 300ms;
    -moz-transition: color;
    -moz-transition-duration: 300ms;
    -o-transition: color;
    -o-transition-duration: 300ms;
}

.TabInnerWarp .List li a:visited>h2 {
    /*color: #3656c3;*/
}

.TabInnerWarp .List li a p.Price {
    font-weight: 700;
    color: #535353;
    line-height: 170%;
    margin: 0 0 5px 0;
}

.TabInnerWarp .List li a p .LineThrough {
    text-decoration: line-through;
}

.TabInnerWarp .List li a p .Discount {
    text-decoration: none;
    font-weight: 700;
    color: #ff0000 !important;
    margin: 0px 5px;
}

.TabInnerWarp .List li a p.Warnning {
    color: #ffffff;
    line-height: 170%;
    background: #fcb631;
    padding: 1px;
    text-align: center;
    font-size: 0.9em;
}

.TabInnerWarp .List li a .Note span {
    font-size: 0.9em;
    color: #ffffff;
    display: inline-block;
    padding: 1px 3px;
    margin-right: 1px;
}

.TabInnerWarp .List li a .Note .overseas {
    background-color: #ff971c;
}

.TabInnerWarp .List li a .Note .limited {
    background-color: #ea68a2;
}

/*找最近代售點*/

#SearchLocationContainer {
    margin-bottom: 4px;
}

#SearchLocation a img {
    transition: opacity 1s linear;
}

#SearchLocation a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.5s linear;
}

#SearchLocation a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/*找最近代售點 END*/

#ProductSearchConatiner {
    margin: 0;
    padding: 0;
    width: 261px;
}

#ProductSearchConatiner .ProductSearch {
    position: relative;
}

.ProductSearch .Header {
    position: absolute;
    top: 0px;
    left: 8px;
    z-index: 5;
    background: url(../images/ProductSearch_Header.png) no-repeat;
    padding: 30px 20px 12px 65px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0px -1px 2px #000000;
    font-size: 1.3em;
    width: 160px;
}

.ProductSearch .BodyContent {
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 2;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    padding: 45px 10px 10px;
    width: 239px;
}

.ProductSearch .BodyContent p {
    display: block;
    border: 4px solid #e9e9e9;
    padding: 3px 4px;
    width: 223px;
    margin-bottom: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ProductSearch .BodyContent select,
.ProductSearch .BodyContent input {
    border: none;
    padding: 2px;
    color: #1c94c4;
    width: 100%;
}

.ProductSearch .ProductSearchBTN {
    margin-top: 8px;
}

.ProductSearch .ProductSearchBTN input {
    width: 239px;
    height: 33px;
    border: 0;
    cursor: pointer;
}

.ProductSearch .ProductSearchBTN input:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.ProductSearch .ProductSearchBTN input.Search {
    background: url(../images/ProductSearch_InputSearch.png) no-repeat;
    margin-bottom: 7px;
}

.ProductSearch .ProductSearchBTN input.Clear {
    background: url(../images/ProductSearch_InputClear.png) no-repeat;
}


.HeaderGraphic_1 {
    background: #f8f5ec;
}

.HeaderGraphic_2 {
    background: #5a99ee;
}

.HeaderGraphic_3 {
    background: #f1f3ff;
}

.HeaderGraphic_4 {
    background: #f8f8f8;
}

.HeaderGraphic_5 {
    background: #eeeeee;
}

.HeaderGraphic_6 {
    background: #e3e2e0;
}

.HeaderGraphic_7 {
    background: #d9d9d9;
}

.HeaderGraphic_8 {
    background: #efefef;
}

.HeaderGraphic_9 {
    background: #fdfdfd url(../images/HeaderGraphic_009BG.jpg) repeat-x bottom;
}

.HeaderGraphic_1 .Graphic,
.HeaderGraphic_2 .Graphic,
.HeaderGraphic_3 .Graphic,
.HeaderGraphic_4 .Graphic,
.HeaderGraphic_5 .Graphic,
.HeaderGraphic_6 .Graphic,
.HeaderGraphic_7 .Graphic,
.HeaderGraphic_8 .Graphic,
.HeaderGraphic_9 .Graphic {
    width: 942px;
    margin: 0 auto;
}

.HeaderGraphic_1 img,
.HeaderGraphic_2 img,
.HeaderGraphic_3 img,
.HeaderGraphic_4 img,
.HeaderGraphic_5 img,
.HeaderGraphic_6 img,
.HeaderGraphic_7 img,
.HeaderGraphic_8 img,
.HeaderGraphic_9 img {
    display: block;
}

.ViewToolContainer {
    background: #f3f3f3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0 0 3px 3px;
    padding: 10px;
    margin-bottom: 20px;
}

.ViewToolContainer .View {
    float: left;
}

.view-number {
    float: left;
    padding: 0;
    *padding: 1px 0 0;
}

.view-number .hd {
    padding: 6px 10px 6px 0;
    font-weight: 700;
    float: left;
}

.view-number a {
    border: 1px solid #d0d0d0;
    padding: 3px 8px;
    background: url(../images/bg-viewNumbera.png) left bottom repeat-x #fff;
    margin: 2px 0 0 -1px;
    border-radius: 2px;
    font-size: 0.8em;
    color: #898989;
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 0 0 1px #fff inset;
    float: left;
}

.view-number .current {
    color: #333;
    font-weight: 700;
}

.ViewToolContainer .Collection {
    float: right;
}

.ViewToolContainer .View li,
.ViewToolContainer .Collection li {
    /*display: inline-block;
	*display: inline;
	zoom: 1;*/
    float: left;
    margin-right: 5px;
}

.ViewToolContainer .View a,
.ViewToolContainer .Collection .CollectionBTN,
.ViewToolContainer .Collection .CollectListBTN,
.ViewToolContainer .Collection .PrintOut {
    padding: 0 5px 0 35px;
    line-height: 30px;
    font-weight: 700;
    display: block;
}

.ViewToolContainer .View a,
.ViewToolContainer .View select {
    color: #898989;
    margin-right: 5px;
}

.ViewToolContainer .View a:hover,
.ViewToolContainer .View a.current {
    color: #313131;
}

.ViewToolContainer .View select {
    padding: 2px;
}

.ViewToolContainer .Collection .Add_Collect {
    color: #313131;
    background: url(../images/Add_Collect_Icon_L.png) no-repeat;
    border: 0;
    padding: 0px 5px 0px 35px;
    line-height: 30px;
    height: 30px;
    font-weight: 700;
    cursor: pointer;
    font-size: 1em;
}

.ViewToolContainer .Collection .CollectListBTN {
    color: #313131;
    background: url(../images/Collect_List_Icon_L.png) no-repeat;
}

.ViewToolContainer .Collection .CollectionBTN {
    color: #313131;
    background: url(../images/CollectionBTN_L.png) no-repeat;
}

.ViewToolContainer .Collection .PrintOut {
    color: #313131;
    background: url(../images/PrintOut.png) no-repeat;
}

.ViewToolContainer .View .PicView {
    background: url(../images/PicView_L.png) no-repeat;
    background-position: 0 -30px;
}

.ViewToolContainer .View .ListView {
    background: url(../images/ListView_L.png) no-repeat;
    background-position: 0 -30px;
}

.ViewToolContainer .View a:hover,
.ViewToolContainer .View a.current {
    background-position: 0 0;
}

.ViewToolContainer .Collection .Hint_Icon_s {
    height: 14px;
    line-height: 14px;
}

.ViewToolContainer .Collection .Hint_Icon_s {
    padding: 8px 0px;
}

.ViewToolContainer .Collection .Hint_Icon_s img {
    /*vertical-align: middle;*/
}

.ViewToolContainer .Collection .Hint_Icon_s .Hint_Icon_sBTN {
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    background: url(../images/Hint_Icon_s.png) no-repeat;
    width: 13px;
    height: 13px;
}


.InnerProductListContainer {
    margin-bottom: 20px;
}

.PicViewContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.PicViewContainer li {
    width: calc(100% / 4 - 21px);
    position: relative;
    border: 1px solid #dcdcdc;
}

/* .PicViewContainer li.Last {
    margin-right: 0px;
} */

.PicViewContainer li a.ProductInfo {
    cursor: pointer;
    padding: 165px 10px 10px 10px;
    display: block;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.PicViewContainer li a.ProductInfo:hover {
    border: 1px solid #f93599;
    border-bottom: 1px solid #dcdcdc;
    background: #f93599;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.PicViewContainer li .IMG {
    margin: 0px auto 5px auto;
    border: 1px solid #d9d9d7;
    width: 195px;
    background: #ffffff;
    position: absolute;
    top: 10px;
    left: 10px;
}

.PicViewContainer li .IMG table td {
    width: 195px;
    height: 129px;
    text-align: center;
    position: relative;
}

.PicViewContainer li .IMG table td a {
    width: 195px;
    display: block;
}

.PicViewContainer li .IMG img {
    max-width: 195px;
    max-height: 129px;
    width: auto;
    height: auto;
}

.PicViewContainer li a.ProductInfo:hover>.IMG img {}

.PicViewContainer li a.ProductInfo .IMG .SubBannerHot,
.PicViewContainer li a.ProductInfo .IMG .SubBannerNew,
.PicViewContainer li a.ProductInfo .IMG .SubBannerSale {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 41px;
    height: 41px;
    z-index: 99;
}

.PicViewContainer li .IMG .SubBannerHot {
    background: url(../images/SubBannerHot.png) no-repeat;
}

.PicViewContainer li .IMG .SubBannerNew {
    background: url(../images/SubBannerNew.png) no-repeat;
}

.PicViewContainer li .IMG .SubBannerSale {
    background: url(../images/SubBannerSale.png) no-repeat;
}

.PicViewContainer li a.ProductInfo .Warnning {
    background: #fcb631;
    color: #ffffff;
    font-size: 1.4em;
    text-align: center;
    /*padding: 19px 10px;*/
}

.PicViewContainer li a.ProductInfo h3 {
    font-size: 0.9em;
    color: #959595;
    line-height: 170%;
    font-weight: normal;
}

.PicViewContainer li a.ProductInfo h2 {
    font-size: 1.1em;
    color: #f93599;
    line-height: 145%;
    font-weight: 700;
    height: 50px;
    /*overflow: hidden;*/
    margin-bottom: 5px;
}

.PicViewContainer li a.ProductInfo h2 .Catelog {
    font-weight: 700;
    color: #000000;
    margin-right: 3px;
}

.PicViewContainer li a.ProductInfo p {
    margin: 0 !important;
}

.PicViewContainer li a.ProductInfo p.Price {
    font-weight: 700;
    color: #535353;
    line-height: 170%;
    font-size: 1.2em;
}

.PicViewContainer li a.ProductInfo p.Price .LineThrough {
    text-decoration: line-through;
}

.PicViewContainer li a.ProductInfo p.Price .Discount {
    text-decoration: none;
    font-weight: 700;
    color: #ff0000 !important;
    margin: 0px 5px;
}

.PicViewContainer li a.ProductInfo p.DiscountPeriod {
    font-size: 85%;
    color: #434343;
    /* height: 15px;
    overflow: hidden; */
    line-height: 120% !important;
}

.PicViewContainer li a.ProductInfo p.unit {
    color: #434343;
}

.PicViewContainer li a.ProductInfo p.unit .hd {
    color: #f93599;
    margin-right: 5px;
}

.PicViewContainer li a.ProductInfo h3,
.PicViewContainer li a.ProductInfo h2,
.PicViewContainer li a.ProductInfo p.Price,
.PicViewContainer li a.ProductInfo p.Price .Discount,
.PicViewContainer li a.ProductInfo p.DiscountPeriod,
.PicViewContainer li a.ProductInfo p.unit,
.PicViewContainer li a.ProductInfo p.unit .hd {
    transition: color;
    transition-duration: 2000ms;
    -webkit-transition: color;
    -webkit-transition-duration: 2000ms;
    -moz-transition: color;
    -moz-transition-duration: 2000ms;
    -o-transition: color;
    -o-transition-duration: 2000ms;
}

.PicViewContainer li a.ProductInfo:hover h3,
.PicViewContainer li a.ProductInfo:hover h2,
.PicViewContainer li a.ProductInfo:hover p.Price,
.PicViewContainer li a.ProductInfo:hover p.Price .Discount,
.PicViewContainer li a.ProductInfo:hover p.DiscountPeriod,
.PicViewContainer li a.ProductInfo:hover p.unit,
.PicViewContainer li a.ProductInfo:hover p.unit .hd {
    color: #ffffff !important;
    transition: color;
    transition-duration: 300ms;
    -webkit-transition: color;
    -webkit-transition-duration: 300ms;
    -moz-transition: color;
    -moz-transition-duration: 300ms;
    -o-transition: color;
    -o-transition-duration: 300ms;
}

.PicViewContainer li .Tool {
    display: block;
    border: 1px solid #f93599;
    background: #f93599;
    color: #ffffff;
    font-size: 0.9em;
}

.PicViewContainer li .Tool .Social,
.PicViewContainer li .Tool .Collect {
    /*display: inline-block;
	*display: inline;
	zoom: 1;*/
    float: left;
}

.PicViewContainer li .Tool .Social {
    padding: 3px 10px;
    border-right: 1px solid #ae1965;
}

.PicViewContainer li .Tool .Collect a {
    margin-right: 5px;
}

.PicViewContainer li .Tool .Social a img,
.PicViewContainer li .Tool .Collect a img {
    vertical-align: middle;
}

.PicViewContainer li .Tool .Collect {
    padding: 2px 5px;
    border-left: 1px solid #fc9acc;
}

.PicViewContainer li .Tool .Collect input {
    vertical-align: middle;
    margin-right: 3px;
    width: 13px;
    height: 13px;
}

.PicViewContainer li .Tool .Social .title,
.PicViewContainer li .Tool .Collect .title {
    margin-right: 5px;
    vertical-align: middle;
}

.PicViewContainer .RankDeco {
    position: absolute;
    top: -10px;
    left: 5px;
    z-index: 2;
}

.PicViewContainer .Rank1,
.PicViewContainer .Rank2,
.PicViewContainer .Rank3 {
    width: 60px;
    height: 90px;
    display: block;
    background: url(../images/Rank.png) no-repeat;
    text-indent: -9999px;
}

.PicViewContainer .RankOther {
    top: 80px;
    width: 40px;
    height: 60px;
    display: block;
    background: url(../images/Rank.png) no-repeat;
    font-weight: 700;
    font-size: 1.3em;
    color: #f93599;
    text-shadow: 0px 2px 2px #ffffff;
    padding: 4px 0 0 0;
    text-align: center;
}

.PicViewContainer .Rank1 {
    background-position: 0 0;
}

.PicViewContainer .Rank2 {
    background-position: -60px 0px;
}

.PicViewContainer .Rank3 {
    background-position: -120px 0px;
}

.PicViewContainer .RankOther {
    background-position: -180px -16px;
}

.ListViewContainer {}

.ListViewContainer td {
    vertical-align: middle;
    padding: 20px 10px;
    border-bottom: 1px solid #e4e4e4;
}

.ListViewContainer .AlignCenter {
    text-align: center;
}

.ListViewContainer td p.Price {
    font-weight: 700;
    color: #535353;
    line-height: 170%;
    font-size: 1.2em;
}

.ListViewContainer td .LinkContainer {
    position: relative;
    padding: 0 0 0 120px;
    min-height: 70px;
    display: block;
    cursor: pointer;
}

.ListViewContainer td .LinkContainer .IMG {
    float: left;
    margin-right: 15px;
    border: 1px solid #dcdcdc;
    width: 105px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ListViewContainer td .LinkContainer .IMG table td {
    width: 105px;
    height: 69px;
    text-align: center;
    padding: 0px !important;
}

.ListViewContainer td .LinkContainer .IMG table td a {
    width: 105px;
    display: block;
}

.ListViewContainer td .LinkContainer .IMG img.ResizeIMG {
    max-width: 105px;
    max-height: 69px;
    width: auto;
    height: auto;
}

.ListViewContainer td .LinkContainer:hover .IMG img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.ListViewContainer td .LinkContainer h3 {
    font-size: 0.9em;
    color: #959595;
    line-height: 170%;
    font-weight: normal;
}

.ListViewContainer td .LinkContainer h2 {
    font-size: 1em;
    color: #f93599;
    line-height: 170%;
    font-weight: 700;
    /*height: 50px;*/
    overflow: hidden;
    margin-bottom: 5px;
}

.ListViewContainer td .LinkContainer h3,
.ListViewContainer td .LinkContainer h2 {
    transition: color;
    transition-duration: 2000ms;
    -webkit-transition: color;
    -webkit-transition-duration: 2000ms;
    -moz-transition: color;
    -moz-transition-duration: 2000ms;
    -o-transition: color;
    -o-transition-duration: 2000ms;
}

.ListViewContainer td .LinkContainer:hover h3,
.ListViewContainer td .LinkContainer:hover h2 {
    color: #009ae9 !important;
    transition: color;
    transition-duration: 300ms;
    -webkit-transition: color;
    -webkit-transition-duration: 300ms;
    -moz-transition: color;
    -moz-transition-duration: 300ms;
    -o-transition: color;
    -o-transition-duration: 300ms;
}

.ListViewContainer .Warnning {
    background: #fcb631;
    color: #ffffff;
    font-size: 1.1em;
    text-align: center;
    display: inline-block;
    *display: inline;
    padding: 20px 12px;
}

.ListViewContainer td p.Price .LineThrough {
    text-decoration: line-through;
}

.ListViewContainer td p.Price .Discount {
    text-decoration: none;
    font-weight: 700;
    color: #ff0000 !important;
}

.ListViewContainer td .DiscountPeriod {
    font-size: 0.9em;
}

.ListViewContainer td .SpecialOffer {
    font-size: 0.9em;
    color: #ff0000;
    position: relative;
    padding-left: 25px;
}

.ListViewContainer td .SpecialOffer .Icon {
    color: #ffffff;
    background: #ff0000;
    padding: 1px 3px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ListViewContainer td a.SearchLocation img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#RankConatiner {
    margin: 0;
    padding: 0;
    width: 261px;
}

#RankConatiner .Rank {
    position: relative;
    margin-top: 5px;
}

.Rank .Header {
    position: absolute;
    top: 0px;
    left: 7px;
    z-index: 5;
    background: url(../images/RankHeaderBG.png) no-repeat;
    width: 196px;
    padding: 12px 10px 5px 40px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0px -1px 2px #000000;
}

.Rank .BodyContent {
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 2;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    padding: 15px 10px 10px 10px;
    width: 239px;
    height: 359px;
    background: url(../images/RankBG.jpg) bottom repeat-x;
}

.Rank .BodyContent ul li {
    border-bottom: 1px solid #e8e8e8;
}

.Rank .BodyContent ul li a {
    padding: 9px 5px 9px 38px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

.Rank .BodyContent ul li.Rank_1 a {
    background: url(../images/RankIcon001.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_2 a {
    background: url(../images/RankIcon002.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_3 a {
    background: url(../images/RankIcon003.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_4 a {
    background: url(../images/RankIcon004.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_5 a {
    background: url(../images/RankIcon005.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_6 a {
    background: url(../images/RankIcon006.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_7 a {
    background: url(../images/RankIcon007.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_8 a {
    background: url(../images/RankIcon008.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_9 a {
    background: url(../images/RankIcon009.png) no-repeat 0px center;
}

.Rank .BodyContent ul li.Rank_10 a {
    background: url(../images/RankIcon010.png) no-repeat 0px center;
}

.ItemMainContainer {
    margin-bottom: 25px;
}

.ItemMainContainer .ItemDetail {
    float: left;
    width: 350px;
}

.ItemMainContainer .ItemDetail h1 {
    color: #535353 !important;
    font-size: 28px !important;
    border: 0px !important;
    padding: 0px !important;
    margin-bottom: 15px !important;
    line-height: 120% !important;
}

.ItemMainContainer .ItemDetail h2 {
    color: #848383;
    font-size: 20px;
    margin-bottom: 15px;
}

.ItemMainContainer .ItemDetail p {
    line-height: 180%;
    margin-bottom: 15px;
}

.ItemMainContainer .ItemDetail .ItemPrice {
    color: #df3341;
    font-size: 20px;
    font-weight: 700;
    vertical-align: bottom;
}

.ItemMainContainer .ItemDetail .ItemPrice .LineThrough {
    text-decoration: line-through;
    margin-right: 10px;
    color: #848383;
}

.ItemMainContainer .ItemDetail .ItemPrice .Discount {
    font-size: 25px;
    font-weight: 700;
    vertical-align: top;
}

.ItemMainContainer .ItemDetail .DiscountPeriod {
    color: #ff711c;
    font-size: 1em;
}

.ItemMainContainer .ItemDetail .SpecialOffer {
    display: block;
    padding: 5px 15px;
    color: #ffffff;
    background: #f93599;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ItemMainContainer .ItemDetail .ItemSpecContainer {
    background: #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 15px;
    margin-bottom: 15px;
}

.ItemMainContainer .ItemDetail .ItemSpecContainer td,
.ItemMainContainer .ItemDetail .ItemSpecContainer th {
    border-bottom: 1px solid #e1e1e1;
    color: #838383;
    padding: 15px 5px;
    text-align: left;
}

.ItemMainContainer .ItemDetail .ItemSpecContainer .Last td,
.ItemMainContainer .ItemDetail .ItemSpecContainer .Last th {
    border-bottom: none;
}

.ItemMainContainer .ItemDetail .ItemSpecContainer .hd {
    font-weight: 700;
    color: #666666;
    padding-right: 5px;
    width: 65px;
}

.ItemMainContainer .ItemDetail .ItemBTN {
    margin-top: 25px;
}

.ItemMainContainer .ItemDetail .ItemBTN a {
    margin-left: 10px;
}

.ItemMainContainer .ItemDetail .ItemBTN a:first-child {
    margin-left: 0px;
}

.ItemMainContainer .ItemDetail .ItemBTN a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.ItemMainContainer .ItemDetail .ItemBTN a:hover img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.5s linear;
}

.ItemMainContainer .GalleryBlock {
    float: left;
    padding: 15px;
    width: 475px;
}

.ItemMainContainer .GalleryBlock table td {
    width: 475px;
    /*width: 380px;*/
    height: 400px;
    text-align: center;
}

.ItemMainContainer .GalleryBlock table td div {
    width: 475px;
}

.ItemMainContainer .GalleryBlock table td img {
    max-width: 475px;
    max-height: 400px;
    width: auto;
    height: auto;
}

.ItemMainContainer .GalleryBlock .Warnning {
    padding: 5px 30px 5px 0;
    width: 325px;
    margin: 15px auto 0 auto;
    color: #848383;
    font-size: 20px;
    font-weight: 700;
    background: url(../images/alcohol.jpg) right center no-repeat;
}

.ItemMainContainer .Warnning {
    background: #fcb631;
    color: #ffffff;
    font-size: 66px;
    padding: 12px 5px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
}

.ItemMainContainer .ToolBlock {
    float: right;
}

.ItemMainContainer .ToolBlock li {
    margin-bottom: 5px;
}

.ItemMainContainer .ToolBlock li a {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background: url(../images/ToolBTN.jpg) no-repeat;
    width: 57px;
    height: 57px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.ItemMainContainer .ToolBlock li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 0.5s linear;
}

.ItemMainContainer .ToolBlock li a.Tool_1 {
    background-position: 0 0;
}

.ItemMainContainer .ToolBlock li a.Tool_2 {
    background-position: 0 -57px;
}

.ItemMainContainer .ToolBlock li a.Tool_3 {
    background-position: 0 -114px;
}

.ItemMainContainer .ToolBlock li a.Tool_4 {
    background-position: 0 -171px;
}

.ItemMainContainer .ToolBlock li a.Tool_5 {
    background-position: 0 -228px;
}

.ItemMainContainer .ToolBlock li a.Tool_6 {
    background-position: 0 -285px;
}

.ItemMainContainer .ToolBlock li a.Tool_7 {
    background-position: 0 -342px;
}

.ItemMainContainer .ToolBlock li a.Tool_8 {
    background-position: 0 -399px;
}

.RelatedItemContainer {
    border: 1px solid #dcdcdc;
    border-top: 3px solid #dcdcdc;
}

.RelatedItemContainer ul {
    padding: 15px;
    overflow: hidden;
}

.RelatedItemContainer h2 {
    border-bottom: 1px solid #DCDCDC;
    padding: 10px 15px;
}

.RelatedItemContainer ul li {
    float: left;
    width: 130px;
    margin: 0px 24px;
}

.RelatedItemContainer ul li a {
    cursor: pointer;
    display: block;
}

.RelatedItemContainer ul li a .IMG {
    width: 125px;
    border: 1px solid #c9c9c9;
    margin-bottom: 10px;
}

.RelatedItemContainer ul li a .IMG table td {
    width: 125px;
    height: 125px;
    text-align: center;
}

.RelatedItemContainer ul li a .IMG table td a {
    width: 125px;
    display: block;
}

.RelatedItemContainer ul li a .IMG table td img {
    max-width: 125px;
    max-height: 125px;
    width: auto;
    height: auto;
}

.RelatedItemContainer ul li a:hover .IMG table td img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.5s linear;
}

.RelatedItemContainer ul li a .IMG table td img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.RelatedItemContainer ul li a .Warnning {
    background: #fcb631;
    color: #ffffff;
    font-size: 1em;
    /*padding: 15px 5px;*/
    text-align: center;
    /*margin-bottom: 5px;*/
}

.RelatedItemContainer ul li a h3 {
    font-size: 1.1em;
    height: 35px;
    overflow: hidden;
}

.RelatedItemContainer ul li a .Price {
    color: #535353;
    font-weight: 700;
    font-size: 0.9em;
}

.RelatedItemContainer ul li a .Price .LineThrough {
    text-decoration: line-through;
}

.RelatedItemContainer ul li a .Discount {
    color: #df3341;
    font-size: 0.9em;
    font-weight: 700;
    margin-bottom: 10px;
}

.RelatedItemContainer ul li a .DiscountPeriod {
    color: #ff971c;
    font-size: 0.9em;
}

.RelatedItemContainer ul li a .DiscountPeriod .hd {
    padding: 1px 3px;
    background: #ff971c;
    color: #ffffff;
    display: block;
    font-size: 0.9em;
}

.RelatedItemContainer ul li a:hover .Price,
.RelatedItemContainer ul li a:hover .Discount,
.RelatedItemContainer ul li a:hover h3 .RelatedItemContainer ul li a:hover .DiscountPeriod,
.RelatedItemContainer ul li a:hover .DiscountPeriod .hd {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.5s linear;
}


.GiftContainer {
    border: 1px solid #f93599;
    border-top: 3px solid #f93599;
}

.GiftContainer ul {
    padding: 15px;
}

.GiftContainer h2 {
    border-bottom: 1px solid #f93599;
    padding: 10px 15px;
    color: #f93599;
}

.GiftContainer ul li {
    /*float: left;*/
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 130px;
    margin: 0px 24px;
    position: relative;
    padding-top: 135px;
}

.GiftContainer ul li a {
    cursor: pointer;
    display: block;
}

.GiftContainer ul li a .IMG {
    width: 125px;
    border: 1px solid #c9c9c9;
    margin-bottom: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.GiftContainer ul li a .IMG table td {
    width: 125px;
    height: 125px;
    position: relative;
    text-align: center;
}

.GiftContainer ul li a .IMG table td img {
    width: 125px;
    max-height: 125px;
    height: auto;
}

.GiftContainer ul li a:hover .IMG table td img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.5s linear;
}

.GiftContainer ul li a .IMG table td img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.GiftContainer ul li a h3 {
    font-size: 1.1em;
    height: 40px;
    overflow: hidden;
}

.GiftContainer ul li a:hover h3 {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.5s linear;
}

.BackToTop_2 {
    display: block;
    background: #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 15px 0px;
    position: relative;
    height: 35px;
}

.BackToTop_2 a {
    padding: 0 0 0 15px;
    background: url(../images/bullet_top.png) no-repeat 0 3px;
    font-size: 0.9em;
    color: #727171;
    margin: 4px 0 0 0 !important;
    position: absolute;
    top: 5px;
    right: 15px;
}

.BackToTop_2 a:hover {
    color: #f93599;
}

#MainAdOverView {}

#MainAdOverView li {
    background: #eeeeee url(../images/MainAdShadow.jpg) no-repeat bottom center;
    padding-bottom: 45px;
    overflow: hidden;
    clear: both;
    display: inline-block;
}

#MainAdOverView li a {
    color: #535353;
    cursor: pointer;
}

#MainAdOverView li:hover a {
    color: #f93599;
}

#MainAdOverView li .Info {
    display: block;
    width: 216px;
    padding: 20px;
}

#MainAdOverView li .Info .InfoDesc {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 15px;
}

#MainAdOverView li .Info p {
    color: #989898;
}

#MainAdOverView li .IMG img {
    width: 684px;
    display: block;
}

#MainAdSmallOverView {
    margin-right: -28px;
}

#MainAdSmallOverView li {
    /*float: left;*/
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 27px 27px 0;
    width: 212px;
}

#MainAdSmallOverView li a {
    color: #535353;
    background: #eeeeee;
    display: inline-block;
    padding: 10px;
}

#MainAdSmallOverView li a:hover {
    color: #f93599;
}

#MainAdSmallOverView li a .Info {
    display: block;
}

#MainAdSmallOverView li a .Info .smallInfoDesc {
    font-size: 1em;
    line-height: 130%;
    margin-bottom: 10px;
}

#MainAdSmallOverView li a .IMG {
    margin-bottom: 10px;
}

#MainAdSmallOverView li a .IMG img {
    width: 191px;
    display: block;
}

.TabsStyle2Container_fake {}

.TabsStyle2Container_fake ul.tabs_fake {
    border-bottom: 1px solid #f93599;
    min-height: 35px;
}

.TabsStyle2Container_fake ul.tabs_fake li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}

.TabsStyle2Container_fake ul.tabs_fake a {
    background: #efefef;
    font-size: 20px;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    color: #898989;
    padding: 0px 33px;
    margin: 0px;
    position: relative;
    top: 0px;
    border-right: 1px solid #ffffff;
}

.TabsStyle2Container_fake ul.tabs_fake a.current,
.TabsStyle2Container_fake ul.tabs_fake a.current:hover,
.TabsStyle2Container_fake ul.tabs_fake li.current a {
    background: #ffffff;
    cursor: default !important;
    color: #f93599 !important;
    border-top: 3px solid #f93599;
    border-left: 1px solid #f93599;
    border-right: 1px solid #f93599;
    top: 1px;
}

.TabsStyle2Container_fake .Content {
    padding: 20px 0;
}

.CompanyContainer {
    overflow: hidden;
    position: relative;
}

.CompanyContainer li {
    width: 227px;
    float: left;
    vertical-align: top;
    margin: 0 4px 8px 4px;
    position: relative;
}

.CompanyContainer li a.Link {
    cursor: pointer;
    display: block;
    padding: 135px 10px 10px 10px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    min-height: 60px;
}

.CompanyContainer li a.Link:hover {
    background: #f93599;
}

.CompanyContainer li a.Link .IMG {
    width: 215px;
    border: 1px solid #e0e0e0;
    position: absolute;
    top: 5px;
    left: 5px;
    background: #ffffff;
}

.CompanyContainer li a.Link .IMG table td {
    width: 215px;
    height: 120px;
    text-align: center;
    position: relative;
}

.CompanyContainer li a.Link .IMG img {
    max-width: 215px;
    max-height: 120px;
    width: auto;
    height: auto;
}

.CompanyContainer li a.Link h2 {
    color: #2e90fd;
    font-size: 1em;
}

.CompanyContainer li a.Link:hover h2 {
    color: #ffffff;
}

.CompanyContainer li .CompanyCate {
    display: block;
    background: #a0a0a0;
    color: #ffffff;
    padding: 2px 10px;
}


.faq-list {
    margin: 0 0 30px;
}

.faq-btn {
    display: block;
    padding: 10px 40px 10px 35px;
    border: 1px solid #eee;
    background: url(../images/bg_article-lista.png) repeat-x #eee;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 160%;
    position: relative;
    float: left;
    cursor: pointer;
    margin: 0 0 10px;
    font-size: 85%;
    width: 610px;
}

.faq-btn:hover {
    color: #f93599;
}

.faq-btn h3 {
    font-weight: 400;
    font-size: 1em;
}

.faq-content {
    padding: 10px 35px;
    float: left;
    position: relative;
    line-height: 160%;
}

.faq-list .on .icon-arrow {
    background: url(../images/icon-faqArrow-on.png) no-repeat;
}

.faq-list .over .icon-arrow,
.faq-list a:hover {
    opacity: 0.7;
    /*filter:alpha(opacity=70); /* For IE8 and earlier */
}

.faq-list .icon-arrow {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/icon-faqArrow.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
}

.faq-list .icon-questions {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/icon-questions.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
}

.faq-list .icon-answer {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/icon-answer.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
}


/*************************************************消息-上方4則廣告輪撥版本************************************************************/

.topNews-slider {
    background: url(../images/bg-sliderkit-btm.png) center bottom no-repeat;
    padding: 0 0 27px;
}

.page-controls {
    padding: 0 0 20px;
}

.page-controls-inner {
    background: url(../images/bg-pageControls-inner.png) repeat-x #f5f5f5;
    border: 1px solid #ddd;
    padding: 12px 10px;
    position: relative;
    overflow: hidden;
}

.grid-pager {
    float: left;
}

.sort-method-buttons {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.sort-method-buttons li {
    position: relative;
    float: left;
}

.sort-method-buttons a {
    border-left: 1px solid #ddd;
    padding: 12px 10px 12px 20px;
    display: block;
    color: #424242;
    background: url(../images/icon-sortMethodA.png) 8px 16px no-repeat;
}

.sort-method-buttons a:hover,
.sort-method-buttons .current {
    color: #f93599;
    background: url(../images/icon-sortMethodAhover.png) 9px 16px no-repeat;
}

.msg-list {
    line-height: 180%;
}

.msg-list li a {
    display: block;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 30px 0;
}

.msg-list .Date {
    color: #f93599;
    margin: 0 0 5px;
}

.msg-list .Topic {
    color: #434343;
    font-size: 1.3em;
    margin: 0 0 10px;
    position: relative;
}

.Topic .label {
    padding: 0 0 0 10px;
    vertical-align: middle;
}

.msg-list a:hover .Topic {
    color: #f93599;
}

.msg-list .Thumbs {
    color: #7c7c7c;
    font-size: 1.1em;
    padding: 0 0 15px;
}

.topNews-slider .sliderkit img {
    max-width: 400px;
    max-height: 568px;
    width: auto;
    height: auto;
}

/**********************************************消息-上方4則廣告輪撥版本 END***************************************************************/

#FileDownloadContainer .FileDownBox {
    background: #e7e7e7;
    border: 1px solid #d2d2d2;
    padding: 5px 5px 5px 0px;
    margin-bottom: 10px;
}

#FileDownloadContainer .FileDownBox .FileDown {
    float: left;
    width: 334px;
}

#FileDownloadContainer .FileDownBox .FileDown .FileType {
    float: left;
    margin: 0px 10px;
}

#FileDownloadContainer .FileDownBox .FileDown .Info {
    float: left;
    background: #ffffff;
    width: 267px;
    min-height: 50px;
    position: relative;
}

#FileDownloadContainer .FileDownBox .FileDown .Info .FileName {
    max-width: 150px;
    margin: 5px;
}

#FileDownloadContainer .FileDownBox .FileDown .Info .FileName a {
    /*line-height: 50px;*/
    color: #009ae9;
    font-weight: 700;
}

#FileDownloadContainer .FileDownBox .FileDown .Info .FileName a:hover {
    color: #fcb631;
}

#FileDownloadContainer .FileDownBox .FileDown .Info .FileSize {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f1f1f1;
    padding: 2px 10px;
    font-size: 0.9em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.PrintInput {
    background: #eee;
    clear: both;
    margin: 15px 0 0;
    padding: 15px;
    text-align: center;
}

.PrintInput a {
    border: 1px solid #222222;
    background: #333333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
    background: -webkit-linear-gradient(top, #666666, #333333);
    background: -moz-linear-gradient(top, #666666, #333333);
    background: -ms-linear-gradient(top, #666666, #333333);
    background: -o-linear-gradient(top, #666666, #333333);
    background-image: -ms-linear-gradient(top, #666666 0%, #333333 100%);
    padding: 3px 15px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    color: #FFFFFF;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
}

.PrintInput a:hover {
    text-shadow: #222222 0 1px 0;
    background: #222222;
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222));
    background: -webkit-linear-gradient(top, #555555, #222222);
    background: -moz-linear-gradient(top, #555555, #222222);
    background: -ms-linear-gradient(top, #555555, #222222);
    background: -o-linear-gradient(top, #555555, #222222);
    background-image: -ms-linear-gradient(top, #555555 0%, #222222 100%);
}

.PrivacyPolicy {
    background: #e8ebe6;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.PrivacyPolicy .img_1 {
    float: right;
    margin: -26px -5px 0px 20px;
}

.Form_Style_Container {
    border: 1px solid #f93599;
    border-top-width: 3px;
    background: url(../images/GreyGradient_002.jpg) repeat-x bottom;
}

/*
.Form_Style01 p {
	line-height: 190%;
}
.Form_Style01 .Note {
	margin-left: 10px;
}
.Form_Style01 .Note em {
	color: #0075e9;
}
.Form_Style01 .NoteLink img {
	margin: -5px 0px 0px 10px; 
	vertical-align: middle;
}
.Form_Style01 a {
	color: #0075e9;
}
.Form_Style01 a:hover {
}
*/

.feedback p {
    color: #545454;
    padding: 0 0 15px;
}

.feedback .error,
.feedback .completed {
    text-align: center;
}

.feedback .error-pic {
    background: url(../images/img-captchaError.jpg) center top no-repeat;
    height: 180px;
}

.feedback .completed-pic-2 {
    background: url(../images/img-feedbackCompleted-2.jpg) center top no-repeat;
    height: 300px;
}

.feedback .error-title,
.feedback .completed-title {
    font-size: 1.15em;
    margin: 0 0 .5em;
}

.noResult_2 p {
    color: #545454;
    padding: 0 0 15px;
}

.noResult_2 .error,
.noResult_2 .completed {
    text-align: center;
}

.noResult_2 .error-pic {
    background: url(../images/img-captchaError.jpg) center top no-repeat;
    height: 180px;
}

.noResult_2 .completed-pic-2 {
    background: url(../images/NoResult_2.jpg) center center no-repeat;
    height: 250px;
}

.noResult_2 .error-title,
.noResult_2 .completed-title {
    font-size: 1.15em;
    margin: 0 0 .5em;
}

.mailsent p {
    color: #545454;
    padding: 0 0 15px;
}

.mailsent .error,
.mailsent .completed {
    text-align: center;
}

.mailsent .error-pic {
    background: url(../images/img-captchaError.jpg) center top no-repeat;
    height: 180px;
}

.mailsent .completed-pic-2 {
    background: url(../images/mailsent.jpg) center top no-repeat;
    height: 300px;
}

.mailsent .error-title,
.mailsent .completed-title {
    font-size: 1.15em;
    margin: 0 0 .5em;
}

.Result-Style {}

.Result-Style .Content {
    text-align: center;
}

.Result-Style .no-Result .img {
    background: url(../images/img-no-Result-2.png) center top no-repeat;
    height: 300px;
}

.Result-Style .Content .title {
    font-size: 1.15em;
    margin: 0 0 .5em;
}

.Result-Style .Content p {
    font-size: 1.15em;
    margin: 0 0 .5em;
}

.Result-Style-2 .img,
.Result-Style-2 .txt {
    display: inline-block;
    vertical-align: top;
}

.Result-Style-2 .img {
    width: 25%;
    padding: 0 15px;
    text-align: center;
}

.Result-Style-2 .txt {
    width: 65%
}

.List_BTN_Style3 {
    width: 725px;
}

.List_BTN_Style3 ul {
    list-style-type: none !important;
    padding-left: 0px !important;
}

.List_BTN_Style3 li {
    margin: 0 0px 10px 0;
}

.List_BTN_Style3 li a {
    display: block;
    padding: 5px 25px 5px 35px;
    border: 1px solid #eee;
    background: url(../images/bg_article-lista.png) repeat-x #eee;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 160%;
    position: relative;
    font-size: 100%;
    font-weight: 400;
    color: #535353;
}

.List_BTN_Style3 li a:hover {
    color: #f93599;
}

.List_BTN_Style3 li a:visited {
    /*color: #3656c3;*/
}

.List_BTN_Style3 li a .hd {
    font-weight: 700;
    color: #f93599;
    margin-right: 10px;
}

.List_BTN_Style3 .icon-arrow,
.List_BTN_Style3 li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

.List_BTN_Style3 .icon-arrow {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/Topic_Style02.png) no-repeat;
    position: absolute;
    top: 8px;
    left: 10px;
}

.List_BTN_Style3 .icon-arrow2 {
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../images/ArrowIcon_3.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
}

.ContentBoxContainer {
    width: 680px;
    margin: 0 auto;
}

.ContentBoxContainer .ContentBox_top {
    width: 680px;
    height: 30px;
    display: block;
    background: url(../images/ContentBox_BGtop.jpg) no-repeat;
}

.ContentBoxContainer .ContentBox_btm {
    width: 680px;
    height: 30px;
    display: block;
    background: url(../images/ContentBox_BGbtm.jpg) no-repeat;
}

.ContentBoxContainer .ContentBox_md {
    background: url(../images/ContentBox_BGmd.jpg) repeat-y;
    display: inline-block;
    padding: 0 20px;
    overflow: hidden;
}

.ContentBoxContainer .ContentBox_md .GraphicImg {
    display: block;
    float: left;
    width: 230px;
    margin-right: 20px;
}

.ContentBoxContainer .ContentBox_md .GraphicImg img {
    width: 230px;
}

.ContentBoxContainer .ContentBox_md .LinksContainer {
    display: block;
    float: left;
    width: 385px;
}

.ContentBoxContainer .ContentBox_md .LinksContainer .List_BTN_Style3 {
    width: 385px !important;
}

.searchwrap {
    background: #f3f3f3;
    border-radius: 3px;
    margin: 20px 0;
}

.searchwrap .ConditionSearchContainer {
    margin: 0;
    padding: 10px 10px 2px;
    border: 0;
}

.search-require {
    padding: 0 0 20px;
}

.search-require span {
    color: #3a0;
    font-weight: 700;
}

.search-require .number {
    color: #f60;
    padding: 0 2px;
}

.ProductTabs .MoreBTN {
    position: absolute;
    bottom: 0;
    right: 0;
}

.ProductTabs .MoreBTN a {
    background: url(../images/MoreIcon_001.png);
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: block;
    text-indent: -999px;
}

#SecondRowContainer .ls-nav ul {
    width: 99.2%;
}

#SecondRowContainer .ls-nav ul li {
    width: 25%;
    display: inline-block;
}

#SecondRowContainer .ls-nav ul li a {
    float: none;
    text-indent: -9999px;
}

#SecondRowContainer .ls-nav ul li.tab1 a {
    background: url("../images/SecondRowTab1.jpg") no-repeat scroll center bottom #EEEEEE;
}

#SecondRowContainer .ls-nav ul li.tab2 a {
    background: url("../images/SecondRowTab2.jpg") no-repeat scroll center bottom #EEEEEE;
}

#SecondRowContainer .ls-nav ul li.tab3 a {
    background: url("../images/SecondRowTab3.jpg") no-repeat scroll center bottom #EEEEEE;
}

#SecondRowContainer .ls-nav ul li.tab4 a {
    background: url("../images/SecondRowTab4.jpg") no-repeat scroll center bottom #EEEEEE;
}

#SecondRowContainer .ls-nav ul li:hover a,
#SecondRowContainer .ls-nav ul li.current a {
    background-position: top center;
    background-color: #ffffff;
}


#LatestNewsContainer {
    margin-bottom: 20px;
    width: 260px;
}

#LatestNewsContainer #LatestNewsHeader {
    margin-bottom: 14px;
}

#LatestNewsContainer #LatestNewsHeader .Header {
    float: left;
}

#LatestNewsContainer #LatestNewsHeader .More {
    float: right;
}

#LatestNewsContainer #LatestNewsHeader .More:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
}

#LatestNewsContainer #FocusContainer {
    margin-bottom: 5px;
}

#LatestNewsContainer #FocusContainer .FocusImage {
    border: 1px solid #959595;
    padding: 1px;
    background: #ffffff;
    float: left;
    margin: 0px 5px 5px 0px;
    display: block;
    width: 70px;
}

#LatestNewsContainer #FocusContainer .FocusImage img {
    width: 100%;
}

#LatestNewsContainer #FocusContainer .FocusTopic {
    color: #ef254b;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
    line-height: 1.4em;
}

#LatestNewsContainer #FocusContainer .FocusTopic:hover {
    color: #0088dc;
}

#LatestNewsContainer #FocusContainer .FocusThumb {
    color: #505050;
    font-size: .9em;
    line-height: 1.4em;
}

#LatestNewsContainer #FocusContainer .FocusThumb a {
    color: #0088dc;
}

#LatestNewsContainer #FocusContainer .FocusThumb a:hover {
    color: #ef254b;
}

#LatestNewsContainer #NewsList li {
    padding: 9px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #f93599;
}

#LatestNewsContainer #NewsList li.BgColor {
    background: #ffebf5;
}

#LatestNewsContainer .Date {
    color: #ff0082;
    font-size: .85em;
    font-weight: 700;
}

#LatestNewsContainer #NewsList li a {
    color: #f93599;
    width: 220px;
    font-size: .9em;
    white-space: nowrap;
}

#LatestNewsContainer #NewsList li:hover,
#LatestNewsContainer #NewsList li a:hover {
    color: #009ae9;
}

#Mobilemenu-mainService,
nav.sb-navbar,
nav #Logo a.Logo_link,
.mobile-select-menu {
    display: none;
}

.drunk_waring {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #000;
    color: #fff;
    font-size: 50px;
    line-height: normal;
    letter-spacing: 0.2rem;
    height: 75px;
    z-index: 99;
}

.drunk-waring-inner {
    margin: 0 auto;
    padding: 3px 0;
    width: 1002px;
    overflow: hidden;
    text-align: center;

}

.drunk-waring-inner img {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
}

.drunk-waring-inner .txt,
.drunk-waring-inner p {
    display: inline-block;
    vertical-align: top;
}

.drunk-waring-inner .line1 {
    margin-right: 20px;
}

/* 無障礙使用 */

.input-label,
.select-label {
    display: none;
}

.hyperlink-txt {
    display: none;
}

/* end of 無障礙 */

.FatFooterHeader strong a {
    font-size: 15px;
}

/****** 無障礙使用 ******/
/*-列表標題-*/
.pdFirm {
    font-size: 0.9em;
    color: #959595;
    line-height: 170%;
    font-weight: normal;
}

.pdName {
    font-size: 1.1em;
    color: #f93599;
    line-height: 145%;
    font-weight: 700;
    height: 50px;
    /* overflow: hidden; */
    margin-bottom: 5px;
}

.PicViewContainer li a.ProductInfo:hover .pdFirm,
.PicViewContainer li a.ProductInfo:hover .pdName {
    color: #ffffff !important;
    transition: color;
    transition-duration: 300ms;
    -webkit-transition: color;
    -webkit-transition-duration: 300ms;
    -moz-transition: color;
    -moz-transition-duration: 300ms;
    -o-transition: color;
    -o-transition-duration: 300ms;
}

.firmPdName {
    color: #2e90fd;
    font-size: 1em;
    font-weight: bold;
}

.CompanyContainer li a.Link:hover .firmPdName {
    color: #ffffff;
}

/*-內頁標題-*/
.pdDetailName {
    color: #535353 !important;
    font-size: 28px !important;
    border: 0px !important;
    padding: 0px !important;
    margin-bottom: 15px !important;
    line-height: 120% !important;
    font-weight: bold;
}

.pdDetailFirm {
    color: #848383;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

/*-列印清單-*/
.printPdTitle {
    color: #535353 !important;
    font-size: 28px !important;
    border: 0px !important;
    padding: 0px !important;
    margin-bottom: 20px !important;
    line-height: 120% !important;
    font-weight: bold;
}

.printPdFirm {
    color: #848383;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;

}

/*-內頁相關產品-*/
.relatedPdTitle {
    border-bottom: 1px solid #DCDCDC;
    padding: 10px 15px;
    display: block;
    font-size: 1.5em;

    font-weight: bold;
}


.relatedPdName {
    font-size: 1.1em;
    height: 35px;
    overflow: hidden;
    font-weight: bold;
}


/*-收藏清單-*/
.completed-title2 {
    font-size: 1.15em;
    margin: 0 0 .5em;
    font-weight: bold;
}

/*-index-*/
.CodaProductContainer li a:visited .indexPdName {
    color: #959595;
}

.indexPdName {
    font-size: 1.05em;
    color: #f93599;
    line-height: 170%;
    font-weight: normal;
    transition: color;
    transition-duration: 2000ms;
    -webkit-transition: color;
    -webkit-transition-duration: 2000ms;
    -moz-transition: color;
    -moz-transition-duration: 2000ms;
    -o-transition: color;
    -o-transition-duration: 2000ms;
}

.CodaProductContainer li a .indexPdName .Catelog {
    font-weight: 700;
    color: #000000;
    margin-right: 3px;
}


.indexPdName2 {
    font-size: 1em;
    color: #f93599;
    line-height: 170%;
    font-weight: normal;
    height: 50px;
    overflow: hidden;
    transition: color;
    transition-duration: 2000ms;
    -webkit-transition: color;
    -webkit-transition-duration: 2000ms;
    -moz-transition: color;
    -moz-transition-duration: 2000ms;
    -o-transition: color;
    -o-transition-duration: 2000ms;
}


.indexPdTag {
    font-size: 14px;
    color: #ff0000;
    line-height: 170%;
    font-weight: normal;
}


.ProductTabs .PicViewContent li a .indexPdName3 {
    font-size: 0.9em;
    color: #535353;
    line-height: 125%;
    font-weight: normal;
    height: 48px;
    overflow: hidden;
    word-break: break-all;
    transition: color;
    transition-duration: 2000ms;
    -webkit-transition: color;
    -webkit-transition-duration: 2000ms;
    -moz-transition: color;
    -moz-transition-duration: 2000ms;
    -o-transition: color;
    -o-transition-duration: 2000ms;
    float: left;
}

.ProductTabs .ListViewContent li a .indexPdName3 {
    font-size: 0.9em;
    color: #535353;
    line-height: 125%;
    font-weight: normal;
    width: 75px;
    height: 40px;
    overflow: hidden;
    padding: 8px 0px;
    margin-right: 10px;
    transition: color;
    transition-duration: 2000ms;
    -webkit-transition: color;
    -webkit-transition-duration: 2000ms;
    -moz-transition: color;
    -moz-transition-duration: 2000ms;
    -o-transition: color;
    -o-transition-duration: 2000ms;
    float: left;
}

.indexPdSortTitle {
    font-weight: 700;
    font-size: 17px;
    color: #f93599;
    float: left;

    font-weight: bold;
}

a:focus,
input:focus,
button:focus {
    outline: 3px solid #0086d8;
}

.acc-key a:focus {
    outline: 3px solid #0086d8;
    border: 0 !important;
}