@charset "utf-8";

/* SEO */
.seosupport { text-indent:-9999px; display:block; height:0; width:0;}

body,h1,h2,h3,h4,h5,h6,form {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}
body,input,select {
    font-family: Verdana, Arial, Helvetica;
}
body {
    font-size: 10pt;
    line-height: 140%;
    color: #444;
}
input,select {
    position: relative;
    vertical-align: bottom;
    *vertical-align: baseline;
    top: 2px;
    font-size: 9pt;
}
input.button {
    *height: 16pt;
    cursor: pointer;
}
input.radio {
    top: -3px;
    *top: 2px;
}
input.checkbox {
    top: 1px;
    *top: 2px;
}
a:link {
    color: #775022;
}
a:visited {
    color: #775022;
}
a:hover {
    color: #CC003E;
}
a:active {
    color: #CC003E;
}
img {
    border-width: 0px;
}
form label {
    cursor: pointer;
}

#HeadFrame {
    position: relative;
    margin: auto;
    width: 960px; height: 105px;
    clear: both;
}
#HeadFrame h1 {
    position: absolute;
    top: 10px;
    left: 0px;
}
#Favorites {
    position: absolute;
    top: 80px;
    left: 28px;
    font-size: 8pt;
    *font-size: 7pt;
}
#AdBanner_Gold {
    position: absolute;
    top: 8px;
    left: 215px;
}

/*141001
#MenuFrame {
    position: relative;
    margin: auto;
    margin-bottom: 5px;
    background: url(http://img.ipimg.com/images2/index/menu_bg_9.gif) top center no-repeat;
    width: 980px;
    height: 88px;
    clear: both;
}

#MenuFrame ul {
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    left: 100px;
    top: 25px;
}
#MenuFrame ul li {
    margin: 0px;
    float: left;
}
#MenuFrame ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 100%;
    color: #FFF;
    width: 87px;
    padding: 5px 0px 8px 0px;
    *padding: 6px 0px 7px 0px;
}
#MenuFrame ul li a:hover {
    font-weight: bold;
}
#Login, #Welcome {
    position: absolute;
    left: 28px; bottom: 9px; *bottom: 8px;
}
#Register, #Logout {
    position: absolute;
    right: 22px; bottom: 9px; bottom: 5px\9; *bottom: 8px;
}
#PluggerBar {
    position: relative;
    padding: 4px 0px 2px 0px;
    margin: auto;
    width: 950px;
    clear: both;
}*/
/*141001
#SpeakOut {
    position: relative;
    margin: auto;
    padding-top: 15px;
    width: 960px;
    clear: both;
}

#CopyRight {
    position: relative;
    position: relative /9;
    *position: inherit;
    background: url(http://img.ipimg.com/images2/index/tail_bg.gif) 0px 10px no-repeat;
    clear: both;
    padding: 30px 0px 10px 0px;
    margin: auto;
    width: 980px;
    text-align: center;
    clear: both;
}*/









.notip { position:absolute; top:75px;top:65px\9; *top:65px; left:5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .notip { top:65px;} } /* chrome */


.chatroomtip { width:220px;position:relative; font-size:11pt;align:center; z-index:101}
.chatroomtiphide { position:relative;text-decoration:none; font-size:8pt;line-height:100%;align:center; z-index:101}
.chatroomtipshow { position:relative;text-decoration:none; font-size:8pt;line-height:100%;align:center; z-index:101}
.chatroomtiphide span.tip { position: absolute; bottom:-65px;*bottom:-65px; left:0px; visibility:hidden; width:130px; height:42px; background:url(http://img.ipimg.com/images2/tip_bg.gif) 0 0 no-repeat; padding:20px 5px 0 0 ; text-align:center; color:#444444; text-decoration:none; z-index:101;}
.chatroomtipshow span.tip { position: absolute; bottom:-65px;bottom:-71px \9;*bottom:-61px;_bottom:34px; left:0px; visibility:visible; width:130px; height:42px; background:url(http://img.ipimg.com/images2/tip_bg.gif) 0 0 no-repeat;padding:20px 5px 0 0 ; text-align:center; color:#444444;text-decoration:none; z-index:101;}

#Logout {}
#Logout .mark  { }
#Logout .mark label { text-decoration:underline;}
#Logout .count { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super;display:inline-block}
#Logout .count span { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #F03D25; border:#DD3822 1px solid;border-top:none;border-left:none;padding: 0px 2px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}

#Logout .countzero {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super;display:inline-block}
#Logout .countzero span {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #f8d0db;border:#f1b5c6 1px solid;border-top:none;border-left:none;padding: 0px 2px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
#Logout a.mark { text-decoration:none;}

/* 111108_add */
#MenuFrame span > ul { display:none;}
#MenuFrame span.dropmenu { position:relative; z-index:100;}
#MenuFrame span.dropmenu ul { display:block; position:absolute; top:20px; *top:30px; left:0px;padding:5px 5px 8px; background:#FFF; border:#666 1px solid; z-index:50;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
#MenuFrame span.dropmenu ul li { list-style:none; border-bottom:#999 1px dashed; width:100px;}
#MenuFrame span.dropmenu ul li a { text-decoration:none; display:block; padding:4px 0px; color:#333; text-align:left; width:auto;}
#MenuFrame span.dropmenu ul li a:hover { background:#FFEDEA; font-weight:normal;}
#MenuFrame span.dropmenu ul li a.newMsg { font-weight:bold;}
#MenuFrame span.dropmenu ul li a:hover.newMsg { font-weight:bold;}



/* NEW Header*/
/*
#ipartFixHoderRow { height:82px; display:block;}
#ipartFixHoderRow.cobrand-Yahoo { height:154px}
#ipartFixHoder {width:100%; position:fixed; z-index:990; height:72px; top:0px;}

#PageHeadHolder { height:72px; margin: 0px auto 10px; background:url(http://img.ipimg.com/images2/index/headerBg.gif) 0 0 repeat-x;}
#PageHead { width:960px; height:72px; margin:0px auto; background:url(http://img.ipimg.com/images2/index/menu_bg_10.gif) 0 0 no-repeat; position:relative;}
#PageLogo { position:absolute; top:8px; left:0px; z-index:1000;}
#ipartNav { padding-left:155px;}
#ipartNav ul { margin:0px; padding:0px;}
#ipartNav ul li { float:left;}
#ipartNav ul li { display: block;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 100%;
    color: #FFF;
    width:80px;
    list-style:none;
    font-weight:bold;
}
.PH{position:relative;}
.PHs{position:absolute;width:17px;height:38px;top:2px;left:70px; background:url(http://van.ipimg.com/images2/index/PH.gif) 0 0 no-repeat;}

#ipartNav ul li a { color:#FFF; text-decoration:none; padding: 15px 0px 10px; display:inline-block;}
#ipartNav ul li a:hover { font-weight: bold;padding: 12px 0px 13px;}
#ipartStates { clear:both; padding:7px 0px 0px 175px; position:relative;}

#ipartLogin { margin-top:-2px; *margin-top:-7px;}
#ipartLogin input { vertical-align:middle;}
#ipartWelcome {*margin-top:-4px;}

#ipartLogout { position:absolute; top:0px; right:0px; }
#ipartLogout .mark  { }
#ipartLogout .mark label { text-decoration:underline;}
#ipartLogout .count { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super; display:inline-block;}
#ipartLogout .count span { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #F03D25; border:#DD3822 1px solid;border-top:none;border-left:none;padding: 0px 2px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
#ipartLogout .countzero {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super; display:inline-block;}
#ipartLogout .countzero span {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #f8d0db;border:#f1b5c6 1px solid;border-top:none;border-left:none;padding: 0px 2px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
#ipartLogout a.mark { text-decoration:none;}

#ipartLogout span > ul { display:none;}
#ipartLogout span.dropmenu { position:relative; z-index:100;}
#ipartLogout span.dropmenu ul { position:absolute; top:20px; *top:30px; left:0px;padding:5px 5px 8px; background:#FFF; border:#666 1px solid; z-index:50;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; display:block; margin:0;}
#ipartLogout span.dropmenu ul li { list-style:none; border-bottom:#999 1px dashed; width:100px;}
#ipartLogout span.dropmenu ul li a { text-decoration:none; display:block; padding:4px 0px; color:#333; text-align:left; width:auto; line-height: 1em;}
#ipartLogout span.dropmenu ul li a:hover { background:#FFEDEA; font-weight:normal;}
#ipartLogout span.dropmenu ul li a.newMsg { font-weight:bold;}
#ipartLogout span.dropmenu ul li a:hover.newMsg { font-weight:bold;}

#HeaderAd { height:100px; position:relative;width: 960px; margin:0px auto 5px;}
#AdBannerGold { position:absolute; top:0px; left:0px; }
#AdBannerBoard { position:absolute; top:0px; right:0px; width:220px; font-size:13px; }
#AdBannerBoard div { margin-bottom:4px;}
#AdBannerBoard label { width:40px; display:inline-block;}*/

.adbyYahoo { padding:0px 5px; background:#e2e2e2; width:950px; margin:10px auto 2px;}

/*New Ad Type*/
.newAdType { padding:10px; clear:both; width:235px;}
.newAdType h3 { border-bottom:#dddddd; background:#f3f3f3; padding:2px 10px; text-align:left;}
.newAd { padding:8px; border-bottom:#CCC 1px solid; position:relative; text-align:left; font-size:12px; min-height:90px;}
.newAdTitle { font-weight:bold;}
.newAdTitle a { text-decoration:none;}
.newAdImage { position:absolute; top:28px; left:8px;}
.newAdContent { padding-left:108px; line-height:1.2em; font-size:11px;}
.newAdContent a { text-decoration:none; color:#666666}
#AdBanner_Gold_New { width:728px; margin:10px auto 0px;}


/******sayLove.css**********/
.sayLoveTop { position:relative; border-bottom:#ff8b9d 1px solid; margin-bottom:20px; padding:10px;}
.sayLoveTitle { width:450px; }
.sayLoveTitle h3 { font-size:18px; margin-bottom:5px}
.sayLoveBtn { position:absolute; top:10px; left:500px;}
.sayLoveTag { position:absolute; bottom:0; right:0;}

#sayLoveContainer {}
#sayLoveContainer .item {  width: 220px; margin: 10px; float: left; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.5); padding:0px;}
#sayLoveContainer .item .itmePic { padding:10px}
#sayLoveContainer .item .itmePic img { width:200px;}
#sayLoveContainer .item .itemmeta { padding:3px 13px 0px;}
#sayLoveContainer .item .itemsubmeta { padding:3px 13px; color:#999; margin-bottom:10px;}
#sayLoveContainer .item .itemname { background:#F7F2E8; padding:3px 15px; line-height:1.8em;}
#sayLoveContainer .item .itemname .gray { color:#999;}

#back-to-top { position:fixed; bottom:10px; right:10px; background:#999; color:#FFF; padding:5px; line-height:1.3em; cursor:pointer;}

.sayloveView { width:860px; min-height:500px; background:url(http://img.ipimg.com/images/saylove/sayloveViewBg.jpg) 0 0; padding:50px; margin-bottom:30px;}
.sayloveViewPic { float:left; }
.sayloveViewImg { margin-bottom:10px;}
.sayloveViewImg img { width:300px; }
.sayloveViewPicmeta { color:#333;}
.sayloveViewCon { padding-left:320px;}
.sayloveViewCon h3 { font-size:23px; font-weight:bold; margin:5px 0px 10px;}
.sayloveViewConSub { margin-bottom:5px; font-size:14px;}
.sayloveViewContnet { font-size:14px; line-height:1.5em;}
.sayLoveLoading { position:relative; text-align:center; width:100%; margin:0px auto; bottom:80px; z-index:101; opacity: 0; }
/*0423 add*/
.sayloveViewCon h3 { margin-bottom:15px;}
.sayloveViewContnet { padding:10px 0px 0px;}
.sayloveViewContnet div { padding-top:20px;}

/*0828 add*/
.sayLoveBtn {position:absolute;top:0px;left:735px;}
.sayLoveInfoWrap { border:#FFDBEC 8px solid; background:#FFDBEC; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;}
.sayLoveInfoWrapInner { border:#FF8B9D 1px solid; background:#FFFFFF; padding:20px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.sayLoveInfo { padding:0px 10px; line-height:1.8em; margin-bottom:5px; padding-bottom:10px;}
.sayLoveProveTitle { font-size:15px; border-bottom:#faeee1 1px solid; padding:5px 0px 10px 10px;font-weight: bold;}
.sayLoveProveLover { margin:0px; padding:0px;}
.sayLoveProveLover li { border-bottom:#CCC 1px dashed; list-style:none; padding:5px 10px 8px;}
.sayLoveProveLover li .proveDate { float:left; margin-right:10px; padding-top:18px;}
.sayLoveProveLover li .proveWho { float:left; margin-right:10px;}
.sayLoveProveLover li .proveName { float:left; margin-right:10px; padding-top:18px;}
.sayLoveProveLover li .proveWith { float:left; margin-right:10px; padding-top:18px;}
.sayLoveProveLover li .proveInfo { float:left; margin-right:10px; padding-top:18px;}
.sayLoveProveLover li .proveTime { float:right; padding-top:18px;}
.sayLoveProveLover li .proveDate span { width:90px; text-align:center; display:block;}
.sayLoveProveLover li .proveDate .redColor { color:#F06; background:#FFDBEC; border:#F06 1px solid; padding:3px;}
.sayLoveProveLover li .proveDate .blueColor { color:#278bc1; background:#aee2ff; border:#6cc0ee 1px solid; padding:3px;}
.sayLoveProveLoverLoading { text-align:center; padding-top:20px;}

.sayLoveProveLover li .proveDate .deepredColor { color:#ffffff; background:#F06; border:#C00 1px solid; padding:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.sayLoveProveLover li .proveDate .pinkColor { color:#F06; background:#FFDBEC; border:#F9C 1px solid; padding:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*2012-03-28 add */
#FriendList{width:95%;margin:0 auto;}
#FriendList dl{}
#FriendList dd{margin:0 2px 0;*margin:0 4px 0;padding-bottom:15px;width:120px;display:inline-block; *display:inline;*zoom:1; vertical-align: top; font-size:9pt;}
#FriendList dd a{font-size:10pt;}

/*2012-05-03 add */
.giftab {width:600px; overflow:hidden}
.giftab ul { padding:0; margin:0;list-style:none; width:100%; display:block;background: url(http://img.ipimg.com/images/guestbook/guestbook.png) 0 -170px repeat-x;}
.giftab li { padding: 0 15px;float:left;display:inline;background:url(http://img.ipimg.com/images/guestbook/guestbook.png) no-repeat 0 -120px;margin-left: -1px;}
.giftab li a{ height:25px;line-height:25px; color:#666;text-decoration:none; display:block}
.giftab .current a{font-weight:bold; background:url(http://img.ipimg.com/images/guestbook/guestbook.png) 0 -70px no-repeat;}
.giftab .current a span{ color:#ff9595;padding:0 14px;background: url(http://img.ipimg.com/images/guestbook/guestbook.png) right -135px no-repeat; float:left}
.giftab li a:hover{color:#f26588}

.giftab dl { float:left; width:120px;border-right: 1px dashed #C2C2C2;}
.giftab dd,.giftab dt { margin:0; text-align:center; padding:1px 0}
.giftab dt img { border:2px solid #d3d3d3}

.giftget dl { float:left; width:160px;}
.giftget dd,.giftget dt { margin:0; text-align:center; padding:1px 0}
.giftget dt,.giftget dt table { height:160px}

.giftpresent {padding:15px; background:#EFD8C9; width:930px}
.giftpresent .box {width:443px;border:1px solid #d6a788; background:#fdece1; height:168px; padding:5px; margin:5px; float:left;}
.giftpresent dl { float:left; width:450px; margin-right:10px;border:1px solid #d6a788; background:#fdece1; height:168px; padding:5px}
/*.giftpresent dd,.giftpresent dt { margin:0; float:left}
.giftpresent dt { text-align:center; width:145px; line-height:168px}
.giftpresent dd { padding-left:15px;}*/

/*2012 07 25 */
ol#breadcrumbs { margin:0; padding:0; list-style:none; height:38px; line-height:37px; background:url(http://img.ipimg.com/images/register/breadcrumb_bg.gif) no-repeat;text-shadow:0 1px 0 white; font-size:13px; color:#c1c1c1; padding-top:2px\9/*for ie*/}
#breadcrumbs li { float:left; display:block;background:url(http://img.ipimg.com/images/register/breadcrumb_separator.png) no-repeat center right; padding:0 22px 0 18px}
#breadcrumbs li.first { color:#484848}
#breadcrumbs li.on { color:#666; font-weight:bold }
#breadcrumbs li.current { color:#db4460; font-weight:bold }
#breadcrumbs li.last { background:none}

/*2012-08-14*/
/*****************clear float****************/
.clearfix { display: inline-block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */
.clearfix{ *zoom:1}

img.reg_icon_click { vertical-align:middle; margin:0px 2px;}

/* ipart Button setting*/
.btnno{display: inline-block;*display: inline;padding: 4px 14px;margin-bottom: 0;*margin-left: .3em;font-size: 13px;line-height: 18px;*line-height: 20px;color: #333333;text-align: center;vertical-align: middle;cursor:auto;background-color: #f5f5f5;border: 1px solid #cccccc;}
.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 14px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 13px;
    line-height: 18px;
    *line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9;}

.btn:active,
.btn.active { background-color: #cccccc \9;}

.btn:first-child { *margin-left: 0;}

.btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    /* Buttons in IE7 don't get borders, so darken on hover */

    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.active,
.btn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a.btn { color: #333333; text-decoration: none;}
a.btn:link { color: #333333;}
input.btn { position:inherit; top:0px;}

.btn-ipart {
    background-color: #e73573;
    *background-color: #d21e50;
    background-image: -ms-linear-gradient(top, #e73573, #d21e50);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e73573), to(#d21e50));
    background-image: -webkit-linear-gradient(top, #e73573, #d21e50);
    background-image: -o-linear-gradient(top, #e73573, #d21e50);
    background-image: -moz-linear-gradient(top, #e73573, #d21e50);
    background-image: linear-gradient(top, #e73573, #d21e50);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e73573', endColorstr='#d21e50', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    color:#ffffff
}

.btn-ipart:hover,
.btn-ipart:active,
.btn-ipart.active,
.btn-ipart.disabled,
.btn-ipart[disabled] {
    background-color: #d21e50;
    *background-color: #e73573;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-ipart:active,
.btn-ipart.active {
    background-color: #942a25 \9; color: rgba(255, 255, 255, 0.75);
}

a.btn-ipart { color: #ffffff; text-decoration: none;}
a.btn-ipart:link { color: #ffffff;}

.btn-yellow {
    background-color: #ffcd74;
    *background-color: #ffcd74;
    background-image: -ms-linear-gradient(top, #ffe386, #ffcd74);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe386), to(#ffcd74));
    background-image: -webkit-linear-gradient(top, #ffe386, #ffcd74);
    background-image: -o-linear-gradient(top, #ffe386, #ffcd74);
    background-image: -moz-linear-gradient(top, #ffe386, #ffcd74);
    background-image: linear-gradient(top, #ffe386, #ffcd74);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe386', endColorstr='#ffcd74', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.active,
.btn-yellow.disabled,
.btn-yellow[disabled] {
    background-color: #ffcd74;
    *background-color: #ffcd74;
}

.btn-yellow:active,
.btn-yellow.active {
    background-color: #ffcd74 \9;
}

a.btn-yellow { color: #bf4000; text-decoration: none;}
a.btn-yellow:link { color: #bf4000;}
a.btn-yellow:hover { color: #bf4000;}

.btn-blue {
  background-color: #4d90fe;
  *background-color: #4d90fe;
  background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
  background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background-image: linear-gradient(top, #4d90fe, #4787ed);
  background-repeat: repeat-x;
  border-color: #3079ed #0f60bc #0f60bc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] {
  background-color: #4787ed;
  *background-color: #4d90fe;
}

.btn-blue:active,
.btn-blue.active {
  background-color: #4d90fe \9;
}

a.btn-blue { color: #ffffff; text-decoration: none;}
a.btn-blue:link { color: #ffffff;}
a.btn-blue:hover { color: #ffffff;}

.btn-pink {
  background-color: #fedae5;
  *background-color: #fedae5;
  background-image: -ms-linear-gradient(top, #fedae5, #f9d5df);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fedae5), to(#f9d5df));
  background-image: -webkit-linear-gradient(top, #fedae5, #f9d5df);
  background-image: -o-linear-gradient(top, #fedae5, #f9d5df);
  background-image: -moz-linear-gradient(top, #fedae5, #f9d5df);
  background-image: linear-gradient(top, #fedae5, #f9d5df);
  background-repeat: repeat-x;
  border-color: #3079ed #0f60bc #0f60bc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fedae5', endColorstr='#f9d5df', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-pink:hover,
.btn-pink:active,
.btn-pink.active,
.btn-pink.disabled,
.btn-pink[disabled] {
  background-color: #f9d5df;
  *background-color: #f9d5df;
}

.btn-pink:active,
.btn-pink.active {
  background-color: #f9d5df \9;
}

a.btn-pink { color: #e2517d; text-decoration: none;}
a.btn-pink:link { color: #e2517d;}
a.btn-pink:hover { color: #e2517d;}

.btn-large {
    padding: 9px 14px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-large [class^="icon-"] {
    margin-top: 1px;
}

.btn-small {
    padding: 3px 9px;
    font-size: 11px;
    line-height: 16px;
}

.btn-small [class^="icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 14px;
}

input[type="submit"].btn {
    *padding-top: 2px;
    *padding-bottom: 2px;
}

input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}

input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
}

.btn-block { width:100%; padding-left:0; padding-right:0;box-sizing: border-box}

/*btn dropmune*/
.btndropmenu { position:relative;}
.btn ul.btnpmenu { position:absolute; top:1.7em; right:-1px; display:block; background:#FFF; border:#e6e6e6 1px solid; padding:0; margin:0; z-index:99; width:140px;
  -webkit-border-radius: 5px 0 5px 5px;
     -moz-border-radius: 5px 0 5px 5px;
          border-radius: 5px 0 5px 5px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn ul.btnpmenu li { border-bottom:#CCC 1px dashed; text-align:left; list-style:none;}
.btn ul.btnpmenu li:last-child { border-bottom:none;}
.btn ul.btnpmenu li a { padding:8px; text-decoration:none;display:block; }

/*功能按鈕*/
.functionBtn { padding:2px 5px; display:inline-block; cursor:pointer; border:#d9d9d9 1px solid; background:#FFF;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.functionBtn:hover { border:#d9d9d9 1px solid;
  background-color: #f9f9f9;
}

.dropdownBtn { display:inline-block; position:relative;}
.dropdownBtn .functionBtn { padding-right:20px; background-image:url(http://img.ipimg.com/images/ifile/gbtool/guestbook.png); background-position:-247px -154px}
.dropdownBtn.active .functionBtn {  background-color: #ffbfca;border:#cccccc 1px solid;background-position:-247px -104px}
.dropdownBtn .dropdownBox { display:none;}
.dropdownBtn.active .dropdownBox { display:block;}
.dropdownBtn .dropdownBox { border:#d9d9d9 1px solid; background:#FFF; position:absolute; top:22px; right:0px; min-width:90px; padding:3px 0; 
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}
.dropdownBtn .dropdownBox a { text-decoration:none; display:block; padding:3px 8px;}
.dropdownBtn .dropdownBox a:hover { background:#ffedea; }

/*icon*/
.icon { background:url(http://img.ipimg.com/images/ifile/gbtool/guestbook.png) 0px 0px repeat-x; vertical-align:middle; margin-right:2px;}
.icon_setting { width:15px; height:15px; background-position:-372px -2px; display:inline-block;}

.userInfoWrap { width:960px; margin:0px auto 10px; position:relative; z-index:1}
.userInfoPic { position:absolute; top:0px; left:0x; width:64px;}
.userInfo { padding-left:65px;}
.userInfoTop {}
.userInfoMore { float:right;}
.userInfoMore .fileState { margin-right:10px;}
.userInfoMore .userId {}
.userInfoMore .userId .deepred { font-weight:bold; color:#C23A58; font-family:Verdana,Arial,Helvetica; padding-top:5px;}
ul.userInfoNav { padding:0px; margin:0px; display:block;}
.userInfoNav li { list-style:none; padding-left:10px; display:block; background:url(http://img.ipimg.com/images/ifile/navBg.gif) top left repeat-x; float:left;}
.userInfoNav li a { display:block; text-decoration:none; color:#333; background:url(http://img.ipimg.com/images/ifile/navBg.gif) top right repeat-x; padding-right:10px; padding-top:4px; padding-bottom:9px; min-width:40px; font-size:12px; text-align:center;}
.userInfoNav li.active { background:url(http://img.ipimg.com/images/ifile/navBg.gif) 0px -36px repeat-x;}
.userInfoNav li.active a { background:url(http://img.ipimg.com/images/ifile/navBg.gif) right -36px repeat-x}
.userInfoNav li.navFilemy {}
.userInfoNav li.navFileView {}
.userInfoNav li.navRoom {}
.userInfoNav li.navPet {}
.userInfoNav li.navAq {}
.userInfoNav li.navPost {}
.userInfoNav li.navDiary {}
.userInfoNav li.navAlbum { background:url(http://img.ipimg.com/images/ifile/navBg.gif) 0px -72px repeat-x; padding-left:25px; }
.userInfoNav li.navAlbum a { min-width:20px;}
.userInfoNav li.navAlbum.active { background:url(http://img.ipimg.com/images/ifile/navBg.gif) 0px -109px repeat-x; padding-left:25px; }
.userInfoNav li.navGuestbook {}
.userInfoNav li.navOther { background:none; padding:0px}
.userInfoNav li.navOther a { min-width:inherit; padding:0px; background:none;}
.userInfoSub { background:url(http://img.ipimg.com/images/ifile/barbg.gif) 0 0 repeat-x; height:29px; line-height:29px; padding:0px 0px 0px 5px; clear:both;}
.userInfoSub img { margin-right:5px;}
.userInfoSub .userInfoSubMore { float:right; position:relative; margin-right:5px}
.userInfoSub .userInfoSubMore .fbLink { margin-right:90px;font-weight:bold;}
.userInfoSub .userInfoSubMore .fbLink.blue {color:#3b5998;}
.userInfoSub .userInfoSubMore .fbiframe { position:absolute; top:5px; left:220px;}
.userInfoSub .fastViewNav { float:right; background:url(http://img.ipimg.com/images/ifile/barbg04.gif) 0 0 repeat-x; padding:0px 10px 0px 15px; position:relative;}
.userInfoSub .fastViewNavTop { color:#666; text-decoration:none; display:block;}
.userInfoSub a.fastViewNavTop .info { display:none;}
.userInfoSub a.fastViewNavTop:hover .info { display:block;}
.userInfoSub .info { border:#666 1px solid;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; padding:0px; margin:0px; position:absolute; top:27px; left:0px; background:#FFF; z-index:100; width:-moz-max-content; min-width:130px;}
.userInfoSub .info li { list-style:none; margin:0px; padding:2px 5px; line-height:1.3em; display:block;}
.userInfoSub .info li.backtomyfile { border-bottom:#CCC 1px dashed;line-height:1.5em; }
.userInfoSub .info li:hover { background:#FFEDEA;}
.userInfoSub .info li div { cursor:pointer;}

/*提示*/
.topalert {width:938px;}
.alert {clear:both;margin:0px auto 10px;border-width:1px;line-height:1.5em; padding:5px 10px;}
.alert-yellow { border-color:#f79646; border-style:dashed;background:#fdeada;}
.alert-green { border-color:#468847; border-style:dashed;background:#DFF0D8;}
.alert-red { border-color:#FFBFCA; border-style:dashed;background:#FFF0F2;}
.alert-white { border-color:#999999; border-style:dashed;background:#ffffff; color:#666666}
.alertTitle { font-weight:bold;color:#ff0066;}
.alertTitle img { vertical-align:middle; margin-right:5px;}
.topalert .alertTitle { font-weight:bold;color:#ff0066;}
.topalert .alertTitle img { vertical-align:middle; margin-right:5px;}

.red {color:#ff0066;}
.blue { color:#4d90fe;}
.purple { color:#93C}

.channelTitle { width:960px; margin:0px auto 10px;background:url(http://img.ipimg.com/images/ifile/title_bg.gif) no-repeat;}
.channelTitle a.title { float:left; margin-right:5px; }
.channelTitleMore { float:right; padding-top:10px;}
.channelTitle .breadcrumb{ float:left; font-weight:bold;color:#e73573; line-height:35px;}
.valueNav { float:right; height:27px; text-align:right; padding:7px 20px 0px; border-bottom:#ffd5e4 1px solid; font-weight:bold; width:630px;}
.valueNavOn { background:url(http://img.ipimg.com/images/ifile/valueNavOn.gif) 0 0 no-repeat;width:107px; height:27px; display:inline-block; text-align:center; padding-top:7px;}
.valueNavOn a { text-decoration:none; color:#900; display:inline-block;}
.valueNavOff { background:url(http://img.ipimg.com/images/ifile/valueNavOff.gif) 0 0 no-repeat;width:107px; height:27px; display:inline-block; text-align:center; padding-top:7px;}
.valueNavOff a { text-decoration:none; color:#858585; display:inline-block;}

/********new footer*******/
#CopyRight { background:none; line-height:2em;}
.footerInfo { padding:20px 0px 20px 80px; border-top:#ffdbec 3px solid; line-height:1.4em; }
.footerInfo .column { float:left; text-align:left; color:#999; margin-right:45px; font-size:12px;}
.footerInfo .column:last-child { margin-right:0px;}
.footerInfo .column img { margin-bottom:5px;
    /* filter:alpha(opacity=60); /*IE*/
    /*  -moz-opacity:0.60; /*FireFox*/
    /*  opacity:0.60; /*Chrome, Opera, Safari*/
}
.footerInfo .column a { color:#999; text-decoration:none;}
.footerInfo .column a:hover { text-decoration:underline;}

/*2012-05-29 add*/
.cSizeBg { background:url(https://d1q8f6an2n5po9.cloudfront.net/images2/chatroom/picBg.gif) 0px 0px no-repeat; padding:4px 0px 0px 4px; width:56px; height:55px;}
.cSizeBg .cSizeImg { height:50px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:50px; }
.cSizeBg .cSizeImg a { height:70px; line-height:70px; position:absolute; vertical-align:middle; width:70px; display:table; top:-11px; left:-10px; }
.cSizeBg .cSizeImg a .piccenter { display: table-cell;text-align: center;vertical-align: middle; width: 70px; height: 70px;}
.cSizeImg a .piccenter * { vertical-align: middle;}
.cSizeImg a .piccenter span {display: inline-block; height: 100%;}

/*2013-03-26 add*/
.minSizeBg { width:32px; height:32px;}
.minSizeBg .minSizeImg { height:32px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:32px; }
.minSizeBg .minSizeImg a { height:50px; line-height:50px; position:absolute; vertical-align:middle; width:50px; display:table; top:-9px; left:-9px; }
.minSizeBg .minSizeImg a img { width:50px}
.minSizeBg .minSizeImg a .piccenter { display: table-cell;text-align: center;vertical-align: middle;}
.minSizeImg a .piccenter * { vertical-align: middle;}
.minSizeImg a .piccenter span {display: inline-block; height: 100%;}

/**頁籤樣式1**/
.navType1 { margin-bottom:10px;}
.navType1 ul { margin:0px; padding:0px; background:#F3F3F3; border-bottom: 1px solid #DDDDDD; padding:8px 13px 0px; }
.navType1 ul li { list-style:none; float:left; margin-right:5px;}
.navType1 ul li a { padding:3px 15px; display:block; margin-bottom:-1px; }
.navType1 ul li a.active { border:#DDDDDD 1px solid; border-bottom:none; background:#FFF; color:#444444; font-weight:bold; cursor:default;text-decoration:none;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
.navType1 ul li a.line { width:2px; border-right:#dddddd 1px solid; margin-right:5px; height:15px;padding:0px; margin-top:5px; }

/*POPWIN*/
.ipartPop { border:#c2c2c2 1px solid; padding:5px; background:#eeeeee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.ipartPopTitle { background:#eeeeee; padding:0px 0px 5px;}
.ipartPop a.closebtn { float:right; margin:5px;}
.ipartPopBox { background:#ffffff; }
.ipartPopInner { padding:10px;}
.ipartPopBtnArea { padding:5px; text-align:center;}

/*VIP照片*/
.vip.bg { margin:0px auto; width:120px; height:120px;}
.novip.bg { margin:0px auto; width:120px; height:120px;}
.vip { background: url(http://img.ipimg.com/images/search/vipbg.gif) no-repeat scroll center top transparent;padding-top:3px }
.novip { background: url(http://img.ipimg.com/images/search/vipbg01.gif) no-repeat scroll center top transparent;margin-bottom: 3px;}
.vip .img { height:99px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:120px; }
.novip .img { height:120px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:120px; }
.vip .img a { height:100px;line-height:100px;position:absolute;vertical-align:middle;width:120px; display:table; top:0; left:0;}
.novip .img a { height:120px;line-height:120px;position:absolute;vertical-align:middle;width:120px; display:table; top:0px; left:0;}
.vip .img a .piccenter { display: table-cell;text-align: center;vertical-align: middle; width: 100px; height: 100px;}
.novip .img a .piccenter { display: table-cell;text-align: center;vertical-align: middle; width: 120px; height: 120px;}
.vip .img a .piccenter * { vertical-align: middle;}
.novip .img a .piccenter * { vertical-align: middle;}
.vip .img a .piccenter span {display: inline-block; height: 100%;}
.novip .img a .piccenter span {display: inline-block; height: 100%;}


/*右下聊天室提示窗*/
.chatroomTip { position:fixed; bottom:10px; right:10px; z-index:999; width:340px;}
.chatroomTipBox { background:#f5609c; padding:2px; box-shadow: 2px 2px 1px #EFEFEF;}
.chatroomTipBox h3 { font-size:13px; font-weight:bold; padding:5px; color:#FFF;}
.chatroomTipBox h3 span { font-size:13px; font-weight:normal;}
.chatroomTipBox h3 span a { color:#fca9ca; text-decoration:none;}
.chatroomTipBox h3 span a:hover { text-decoration:underline;}
.chatroomTipBox h3 .rt { float:right;}
.chatroomTipBox .close { margin-left:5px; text-decoration:none; font-size:11px; padding:0px 4px; background:#ff86af; color:#FFF; display:inline-block;}
.chatroomTipBox .close:hover {text-decoration:none;background: #FFF0F2; color:#CCC;}
.chatroomTipBoxInner { padding:10px; background:#FFF;line-height:1.8em; }
.chatroomTipBoxPic { float:left; width:120px; margin-right:10px;}
.chatroomTipBoxInfo { float:left; width:180px;}
.chatroomTipBoxInforedbob { width:180px;}
.chatroomTipBoxInfo p { margin:0;word-wrap: break-word; word-break: break-all; overflow:hidden;}
.chatroomTipBoxInfo p a { font-weight:normal;}

/*圓角*/
.round5 {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.round8 {
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

/*心情禮物*/
.giftSelect input { position:static; top:0px; vertical-align:middle; margin:0px 2px}

/*禮物盒*/
.giftBoxWrap { width:960px; margin:0 auto;}
.giftBoxNav { border-bottom:1px dashed #CCC; margin-top:8px; padding-bottom:8px}
.giftBoxSubOption { margin:5px 0;}
.giftBoxSubInfo { line-height:1.5em; padding:3px 18px}
.giftBoxSubInfoText { color:#999; font-size:12px;}
.giftBoxDeloption { margin:5px 0 10px; padding-left:5px}
.giftBoxListWrap {}
.giftBoxList { clear:both;}
.giftBoxListTitle { background:#ffe8ec; padding:5px 10px}
.giftBoxList .giftBoxGift { float:left; width:160px; padding:10px;}
.giftBoxList .giftBoxGift .img { padding:5px; border:#CCC 1px solid; margin-bottom:5px;}
.giftBoxList .giftBoxGiftFrom { float:left; width:120px; padding:30px 10px;}
.giftBoxList .giftBoxGiftFromText { text-align:center; padding-top:5px}
.giftBoxList .giftBoxGiftContent { float:left; width:610px; padding:30px 10px; line-height:1.6em;}
.giftBoxList .giftBoxGiftInfo {}
.giftBoxList .giftBoxGiftMsg { float:right; width:100px; text-align:center; position:relative;}
.giftBoxGiftNum {padding:5px 0;}
.giftBoxGiftNum span.num {background:#fdeada; padding:5px 8px; font-size:12px;}
.giftBoxGiftNumSub { font-size:12px; color:#666;}
.giftBoxList .giftBoxGiftAction { border-top:1px dashed #999999; padding-top:10px;}
.giftSelect input { position:static; top:0px; vertical-align:middle; margin:0px 2px}

/*樂豆登入頁*/
#ipartWrap { width:960px; margin:0px auto;}
.ipartLoginWrap { height:550px; display:block; position:relative; margin:10px 0px;}
.ipartLoginText { position:absolute; top:60px; left:150px;}
.ipartLoginText span.red { font-size:19px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
.loginFirst { background:#fff0f2; padding:8px; position:absolute; top:120px; left:80px;
    -webkit-box-shadow: 0px 0px 4px rgba(210, 30, 80, 0.5);
    -moz-box-shadow: 0px 0px 4px rgba(210, 30, 80, 0.5);
    box-shadow: 0px 0px 4px rgba(210, 30, 80, 0.5);
}
.loginFirstInner { background:#FFF; padding:10px 20px; border:#ffbfca 1px solid; width:350px;}
.btnArea { text-align:center; margin-bottom:20px;}
.btnArea a.ipartaccount { display:inline-block; background-image:url(http://van.ipimg.com/images2/login/loginBtn.jpg); width:191px; height:44px; margin-right:5px; background-position:0px 0px;}
.btnArea a.ipartaccount:hover { background-position: 0px -44px}
.btnArea a.newaccount { display:inline-block; background-image:url(http://van.ipimg.com/images2/login/loginBtn.jpg); width:133px; height:44px; background-position:0px -88px;}
.btnArea a.newaccount:hover { background-position: 0px -132px}

/*互感心理測驗*/
.interestHeart { background:url(../images/ifile/heart_mutual.gif) no-repeat; margin-top:45px; width:33px; height:31px;text-align:center;}
.interestHeart span { display:block;padding-top:8px;color:#fff;font-weight:bold;font-size:8pt;}
.interestHeart span a {color:#fff; text-decoration:none;}
ul.testList { margin:0 0 10px; padding:0}
ul.testList li { list-style:none; padding:15px 20px;}
ul.testList li.odd { background:#f5f5f5}
.testListBox {}
.testListBox h3 { margin-bottom:8px; font-size:15px;}
.testListBox h3 a { text-decoration:none;}
.testListBox h3 .user { font-size:12px;}
.testListBox h3 .time { float:right; font-size:12px;}
.testListBox .info { margin-bottom:8px;}
.testListBox .sub {}
.testListBox .sub .num { font-weight:bold; color:#F93;}
.testListBox .sub .user { padding:0; margin:0;}
.testListBox .sub .user li { list-style:none; margin-right:5px; float:left; padding:10px 0 0}
.testStar { padding:20px 0}
.testQuestion { padding:30px; background:#f5f5f5}
.testQuestion h3 { font-weight:bold; font-size:15px; line-height:1.5em; margin-bottom:10px;}
.testQuestion ul { margin:0; padding:0;}
.testQuestion ul li { list-style:none; line-height:1.8em;}
.testBtnWrap { text-align:center; padding:20px;}
.testAnswer { padding:20px 0; }
.testAnswer h3 { font-size:15px; font-weight:bold;}
.testAnswer .sub { padding:10px 0;}
.testAnswer .sub .num { font-weight:bold; color:#F93;}
.answer { padding:10px 0; line-height:1.5em;}
.answer h3 { float:left; font-size:15px; font-weight:bold; line-height:1.8em;}
.answer .sub { padding-left:80px; font-size:15px; line-height:1.8em;}
.interestList {}
.interestList .title { padding:5px; background:#fff0f2;}
.testAnswerList { padding:10px; border-bottom:#ffe5e3 1px solid;}
.testAnswerList .percentage { float:left; font-size:25px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#dc2961; font-weight:bold; width:85px; text-align:right; line-height:25px; }
.testAnswerList .result { padding-left:95px;}
.testAnswerList .result .answer { padding:0; font-size:15px;}
.testAnswerList .result .user { padding:0; margin:0;}
.testAnswerList .result .user li { list-style:none; margin-right:5px; float:left; padding:10px 0 0}
.myAnswer { background:#fff0ef}
.testIntUserWrap { padding:10px 0; height:60px;}
.testIntUserWrap .testIntUser { float:left; margin:0 10px;}
.testIntUserWrap .testIntInfo { padding-left:80px; line-height:1.8em;}
.testRuleInfo h3 { font-size:18px; font-weight:bold; margin:20px 0;}
.testSetupStep { padding:10px 22px 0;}
.testSetupStep .stepOn { color:#FFF; font-weight:bold; padding:10px; font-size:15px; background:#e61a63; border:#a8103b 1px solid; display:inline-block;}
.testSetupStep .stepOff { color:#FFF; font-weight:bold; padding:10px; font-size:15px; background:#f1afcb; border:#f181b1 1px solid; display:inline-block;}

.testSetupWrap ul { margin:0; padding:10px;}
.testSetupWrap ul li { list-style:none; margin:0; padding:5px 0;}
.testSetupWrap ul li.addoption { padding-left:82px;}
.testSetupWrap ul li label { float:left; text-align:right; width:80px; display:inline-block; line-height:1.5em;}
.testSetupWrap ul li.testEnd { padding-left:85px;}
.testSetupWrap ul li .w600 { padding:5px; width:600px;}
.testSetupWrap ul li textarea.w600 { height:80px; margin:0 2px;}

.testSetupWrap .testTitle { margin-bottom:10px; font-size:17px; font-weight:bold; padding:20px 93px 0;}
.testSetupWrap .testInfo { padding:0 93px;}

/*看更多*/
.ipartMore { text-align:center ; padding:15px 0; background:#fff1f0; margin-top:5px;}
.ipartMore:hover { background:#ffebe9;}
.ipartMore a {}
.ipartMoreLoading {text-align:center }

.recordTable {}
.recordTable thead td { padding:10px; background:#fff0f2;border-bottom:#ffbfca 1px solid;}
.recordTable tbody td { padding:8px 10px; border-bottom:#ffbfca 1px dashed;}

/*檔管頁左側刪除工具*/
.listItem { position:relative;}
.listItem .deleteTip { position:absolute; top:8px; left:-14px; display:none;}
.listItem .deleteTip a.delete i { position:relative; font-style:normal;}
.listItem .deleteTip a.delete i .tooltip { position:absolute; top:-26px; top:-40px\9; left:-13px; height:26px; background: url(http://img.ipimg.com/images/icon/tooltipBg.png) 0 0 no-repeat; color:#FFF; padding:2px 5px; text-align:center; display:block; font-size:11px; width:30px; visibility:hidden; line-height:18px;}
.listItem .deleteTip a.delete:hover i .tooltip { visibility:visible;}

/*回覆留言任務 2013-10-23*/
#mesgContent{width:960px;margin:0 auto}
#mesgContent #columnLeft{float:left;width:700px;height:px;}
#mesgContent #columnLeft .CLleft{float:left;width:205px;height:px;}
#mesgContent #columnLeft .CLright{float:left;width:495px;height:px;}
#mesgContent #columnRight{float:right;width:256px;height:px;}


.messageReplyList li { width:775px; padding:15px 10px 10px 10px;background-position:0 bottom; float:left; }


/*名品大街改版 2013-12-6 wilson */
.BrandLeft .sidebar{ width:645px; background: url(http://img.i-part.com.tw/images/gbox/brandNEW/showcaseBT2s.gif) 0px 0px no-repeat; overflow:hidden; background-position: bottom;}
.BrandLeft .sidebar .headerMovie{ width:645px; height:72px; background: url(http://img.i-part.com.tw/images/gbox/brandNEW/showcase1.gif) 0px 0px no-repeat; position: relative; }
.BrandLeft .sidebar .headerBeauty{width:645px;height:73px;background: url(http://img.i-part.com.tw/images/gbox/brandNEW/showcase2.gif) 0px 0px no-repeat;position: relative;}
.BrandLeft .sidebar .headerTarot{width:645px;height:73px;background: url(http://img.i-part.com.tw/images/gbox/brandNEW/showcase3.gif) 0px 0px no-repeat;position: relative;}
.BrandLeft .sidebar .headerLove{width:645px;height:73px;background: url(http://img.i-part.com.tw/images/gbox/brandNEW/showcase4.gif) 0px 0px no-repeat;position: relative;}
.BrandLeft .sidebar .headerNews{width:645px;height:73px;background: url(http://img.i-part.com.tw/images/gbox/brandNEW/showcase6.gif) 0px 0px no-repeat;position: relative;}
.BrandLeft .sidebar .headerActive {width:645px;height:73px;background: url(http://img.i-part.com.tw/images/gbox/brandNEW/showcase7.gif) 0px 0px no-repeat;position: relative;}
.BrandLeft .sidebar .ALLcontentBG {width:645px;background: url(http://img.i-part.com.tw/images/gbox/brandNEW/showcaseBT2.gif) 0px 0px repeat-y;margin-bottom:30px;}
.BrandLeft .sidebar .ALLcontentBG.activeBg { min-height:1050px;}
.BrandLeft .sidebar .ALLcontentBG.newsBg { min-height:1050px;}

.pageNav { padding:20px; text-align:center;}
.pageNav a { text-align:center; width:22px; height:22px; line-height:20px; display:inline-block; border:#d7d7d7 1px solid; background:#f1f1f1; text-decoration:none; color:#666;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;	
}
.pageNav a:hover { background:#FFF;}
.pageNav a.active { background:#dc0078; border:#c2026b 1px solid; color:#FFF;} 
.pageNav a.more { width:auto; padding:0px 8px;}
.pageNavLarge a { width:35px; height:35px; line-height:35px;}

/*忘記帳密*/
.register_xlargeBtn {
  background-color: #ffd9df;
  *background-color: #ffd9df;
  background-image: -ms-linear-gradient(top, #fff0f2, #ffd9df);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff0f2), to(#ffd9df));
  background-image: -webkit-linear-gradient(top, #fff0f2, #ffd9df);
  background-image: -o-linear-gradient(top, #fff0f2, #ffd9df);
  background-image: -moz-linear-gradient(top, #fff0f2, #ffd9df);
  background-image: linear-gradient(top, #fff0f2, #ffd9df);
  background-repeat: repeat-x;
  border-color: #ffbfca;
  border-width: 3px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff0f2', endColorstr='#ffd9df', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color:#ffbfca;
  height:90px;
  width:95%;
  margin:0 auto;
  padding:60px 0 0;
  font-size:25px;
  font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
  display:inline-block;
}

.twoline { padding:50px 0 0; height:100px;}

.register_xlargeBtn:hover,
.register_xlargeBtn:active,
.register_xlargeBtn.active,
.register_xlargeBtn.disabled,
.register_xlargeBtn[disabled] {
  background-color: #f8bdc7;
  *background-color: #f8bdc7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

a.register_xlargeBtn { color: #e73573; text-decoration: none;}
a.register_xlargeBtn:link { color: #e73573;}
a.register_xlargeBtn:hover { color: #ffffff;}

.register_xlargeBtn:hover {
	border-color: #fadfe3;
	background-position: 0 -300px;
  -webkit-transition: background-color 0.1s linear;
     -moz-transition: background-color 0.1s linear;
      -ms-transition: background-color 0.1s linear;
       -o-transition: background-color 0.1s linear;
          transition: background-color 0.1s linear;
}

.register_xlargeBtn .subtext { display:block; padding:15px 0; font-size:15px; color:#333;}
.register_xlargeBtn:hover .subtext { color:#ffffff;}


/*檔管頁_誰來看我 誰對我感興趣*/
.file_list_box { margin:10px 0;}
.file_list_box_one { float:left; width:77px;}
.file_list_box_one .cSizeBg { margin:0 auto 2px; }
.file_list_box_one > .info { white-space:nowrap;overflow:hidden; text-align:center; width:72px; margin:0 auto;}
.file_list_box_one > .career { font-size:9pt;line-height:120%; text-align:center;white-space:nowrap;overflow:hidden;}
.file_list_box_one > .time { font-size:8pt;color:#999999;line-height:100%; text-align:center;}

/****** TOOLTIP ******/
.tooltip{
	background: #fff;
	border-radius: 4px;
	position: absolute;
	min-width: 100px;
	max-width:300px;
	padding: 10px;
	display: none;
	z-index: 150;
	-moz-box-shadow:    0 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow:         0 5px 10px rgba(0, 0, 0, 0.3);
	border:#666 1px solid;
}
.tooltip h2{
	font-size: 15px;
	margin-bottom: 5px;
	font-weight:bold;
}
.tooltip p{
	color: #848484;
	line-height: 18px;
	padding:0;
	margin:0;
}
.needhelp:hover{
	cursor: help;
}

/*2014-03-28 add*/
.lgSizeBg { width:80px; height:80px;}
.lgSizeBg .lgSizeImg { width:80px; height:80px;overflow:hidden;position:relative;text-align:center;vertical-align:middle; }
.lgSizeBg .lgSizeImg a { height:100px; line-height:100px; position:absolute; vertical-align:middle; width:100px; display:table; top:-10px; left:-10px; }
.lgSizeBg .lgSizeImg a .piccenter { display: table-cell;text-align: center;vertical-align: middle; }
.lgSizeBg a .piccenter * { vertical-align: middle;}
.lgSizeBg a .piccenter img { max-width:100px; max-height:100px;}
.lgSizeBg a .piccenter span {display: inline-block; height: 100%;}

/*搜尋條*/
.searchBar { border:#cbced0 1px solid; position:relative; z-index:99;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.searchBar a.searchContent { padding:12px 12px 12px 35px; display:inline-block; text-decoration:none; color:#727272; border-right:#cbced0 1px solid; background:url(http://img.i-part.com.tw/images/icon/icon_search.png) 12px 12px no-repeat;}
.searchBar a.searchContent:hover {  background-color: #f5f5f5;
  -webkit-border-radius: 5px 0 0 5px;
     -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
}
.searchBar a.searchBtn { padding:12px; display:inline-block; text-decoration:none; color:#996633;
  background-color: #ffdd81;
  *background-color: #ffdd81;
  background-image: -ms-linear-gradient(top, #ffe083, #ffd076);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe083), to(#ffd076));
  background-image: -webkit-linear-gradient(top, #ffe083, #ffd076);
  background-image: -o-linear-gradient(top, #ffe083, #ffd076);
  background-image: linear-gradient(top, #ffe083, #ffd076);
  background-image: -moz-linear-gradient(top, #ffe083, #ffd076);
  background-repeat: repeat-x;
  -webkit-border-radius: 0 5px 5px 0;
     -moz-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
}
.searchBar a.searchBtn:hover { background:#ffd076;}
.searchOption { padding:12px 45px; background:url(http://img.i-part.com.tw/images/icon/icon_search.png) 12px 12px no-repeat #FFF; border:#cbced0 1px solid; position:absolute; top:-1px; left:-1px; min-width:300px; z-index:50; display:none;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.searchOption.active { display:block;}
.searchOption ul { padding:0; margin:0;}
.searchOption ul li { line-height:1.5em; list-style:none; margin-bottom:10px;}
.searchOption ul li label { width:80px; display:inline-block;}
.searchOption ul li input { padding:2px; margin:0;}
.searchOption ul li input.yaer { width:30px;}
.searchOption ul li select { padding:2px; margin:0;}
.searchAct { text-align:center; padding:10px;}


/********20140529新版權頁尾*******/
/* 141001
#CopyRightNew {
	position: relative;
	position: relative /9;
	*position: inherit;
	clear: both;
	padding: 30px 0px 10px 0px;
	text-align: center;
	clear: both;
	background:#ffeef6;
	height:157px;
	border-top:#ffdbec 3px solid;
	margin:30px 0px 0px 0px;
}

#CopyRightNew .footermsg {margin:0 auto; width:1000px;}
#CopyRightNew .footermsg .columnLogo {float:left; text-align: center; color:#cc003e; font-size:12px; line-height:1.2em; padding:0px 15px 0px 30px; border-right:#FFF 1px solid;height:90px}
#CopyRightNew .footermsg .columnLogo img { margin-bottom:5px;}
#CopyRightNew .footermsg .column{float:left; text-align: left; padding:0px 40px 0px 20px;border-right:#FFF 1px solid; height:90px}
#CopyRightNew .footermsg .noline{border-right:none;padding:0px 0px 0px 20px}
#CopyRightNew .footermsg .column .title{ position:relative; font-size:15px; font-weight:bold; color:#444444;}
#CopyRightNew .footermsg .column .img {width:16px; height:15px; float:left; margin-top:2px; margin-right:5px}
#CopyRightNew .footermsg .column .img img{width:15px; height:15px;}
#CopyRightNew .footermsg .column .detail{margin:15px 0px 0px 19px; color:#666666; line-height:15px; font-size:12px; height:20px}
#CopyRightNew .footermsg .column a { color:#666666; text-decoration:none;}
#CopyRightNew .footermsg .column a:hover { text-decoration:underline;}
/********20140529 new footermsg*******/

/**************for googleAD********************/
.googleADBoxA { width:960px; margin:0 auto; position:relative; height:0; display:block;}
.googleAD160x600 { position:absolute; top:0px; right:-170px;z-index: 99;}

/**************for chatbomb Seting********************/
.chatbombSeting { list-style:none; margin:10px;padding:0;}
.chatbombSeting li { padding: 10px 0; border-bottom:#CCC 1px dashed; word-break: break-all;}
.chatbombSeting li:last-child { border-bottom:none;}
.chatbombSeting li .del { float:right;}
.chatbombSeting li .textarea_chatbomb { width:650px; padding:5px; height:80px;}

/**************20150316 msgbomb********************/
.mymsgbomb {margin-bottom:10px; font-size:15px; line-height:1.8em; height:1.8em; width:400px;}
.mymsgbombEdit { margin-bottom:10px; padding-bottom:8px; width:480px; border-bottom:#CCC 1px dashed; position:relative;}
.mymsgbombEdit .mymsgbomb { margin-bottom:0px; font-size:15px; width:400px; display: inline-block; vertical-align: middle; line-height:inherit; height:inherit; }
.mymsgbombEdit textarea { width:470px; padding:5px; height:50px; margin-bottom:8px; border:#CCC 1px solid;}
.mymsgbombEdit textarea:focus { border:#CCC 1px solid;}

/*POPWIN*/
.popwin { border:#c2c2c2 1px solid; padding:10px; background:#eeeeee;}
.popTitle { background:#eeeeee; padding:0px 0px 10px;}
.popTitle a.closebtn { float:right; margin:5px;}
.popContent { background:#ffffff; }
.popContentInner { padding:15px; line-height:1.5em;}
.popBtnArea { padding:5px; text-align:center; margin-top:20px;}

.yahooStylePop {background:#400090;border:#400090 1px solid;}
.yahooStylePop .popTitle {background:#400090; color:#FFF; font-size:17px;}

.importmentNotice { position:fixed; z-index:1002; top:80px; right:20px; display:block; cursor:pointer; background:url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/notice.png) 0 0 no-repeat; width:150px; height:150px;}
.importmentNotice:hover {background:url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/notice2.png);}

.overlayer { position:fixed; z-index:1001; top:0px; left:0px; background:url(https://d1q8f6an2n5po9.cloudfront.net/images/blackBg.png) 0 0 ; width:100%; height:100%; display:none;}
.overlayer.active { display:block;}
.indexPopBox { position:fixed; width:100%; top:0px; left:0px; height:100%; display:block; z-index:1001; display:none;}
.indexPopBox.active { display:block;}
.indexPopBox .yahooStylePop { position:absolute; left:50%; top:50%;
    -webkit-transform: translate(-50% ,-50%);
    -moz-transform: translate(-50% ,-50%);
    -ms-transform: translate(-50% ,-50%);
    -o-transform: translate(-50% ,-50%);
    transform: translate(-50% ,-50%);
}

/*2017-08-30 add*/
.cSizeBg_trump { margin:0px 0px 0px 5px; width:100px; height:100px;}
.cSizeBg_trump .cSizeImg_trump { height:100px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:100px;z-index: 1;}
.cSizeBg_trump .cSizeImg_trump a { height:100px; line-height:100px; position:absolute; vertical-align:middle; width:100px; display:table; top:0px; left:0px; }
.cSizeBg_trump .cSizeImg_trump a .piccenter { display: table-cell;text-align: center;vertical-align: middle; }
.cSizeImg_trump a .piccenter * { vertical-align: middle;}
.cSizeImg_trump a .piccenter span {display: inline-block; height: 100%;}

#SubFrame_trump_host ul{margin:0 ; padding:0;}
#SubFrame_trump_host li.trump{display:inline-block;*display:inline;*zoom:1;list-style-type: none;font-size: 9pt;width:110px;padding:0px 13px 10px;vertical-align:top}
#SubFrame_trump_host li.trump .txtsp{margin-top:5px;text-align: center;min-height:90px;text-align: center}
a.trump_live{font-size: 9pt;margin:0px 0px 0px 5px;padding:2px 0px 0px;color:#ffffff;background-color:#FFB71C;height:20px;width:100px;text-align: center; display:table;margin-right:2px;}
a:hover.trump_live{text-decoration:none }
a.trump_live.none{background-color:#ffffff;}