@import url(twipl_main.css);

/* Open API Documentation */
#contentGeneral {position:relative; width:733px; _width:723px; min-height:450px; _height:450px; padding:15px; background-color:#FFF; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
#contentGeneral .commonImgBox {position:relative; width:733px; _width:723px;}
#contentGeneral .commonImgBox img {*margin:0 0 -10px 0; border:0px;}
#contentGeneral .commonImgBox .messageBox01 {position:absolute; width:220px; margin:190px 0 0 115px; line-height:1.3em; font-size:0.9em;}
#contentGeneral .commonImgBox .messageBox02 {position:absolute; width:250px; margin:145px 0 0 115px; line-height:1.3em; font-size:0.9em;}
#contentGeneral .commonImgBox .messageBox03 {position:absolute; width:230px; margin:175px 0 0 115px; line-height:1.3em; font-size:0.9em;}
#contentGeneral .commonImgBox .messageBox04 {position:absolute; width:230px; margin:180px 0 0 115px; line-height:1.3em; font-size:0.9em;}
#contentGeneral .commonImgBox .messageBox05 {position:absolute; width:260px; margin:165px 0 0 115px; line-height:1.3em; font-size:0.9em;}
#contentGeneral .commonImgBox .appStoreBtn {position:absolute; width:220px; height:76px; margin:385px 0 0 255px; background:url(http://image.twipl.net/images/common/btn/btn_appstore_gray_off.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_appstore_gray_off.gif) no-repeat top left; font-size:0.9em; text-indent:-9000px; overflow:hidden;}
#contentGeneral .commonImgBox .appStoreBtn01 {position:absolute; width:220px; height:76px; margin:425px 0 0 255px; background:url(http://image.twipl.net/images/common/btn/btn_appstore_gray_off.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_appstore_gray_off.gif) no-repeat top left; font-size:0.9em; text-indent:-9000px; overflow:hidden;}
#contentGeneral .commonImgBox a {float:left; width:220px; height:76px; background:url(http://image.twipl.net/images/common/btn/btn_appstore_gray_off.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_appstore_gray_off.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;}
#contentGeneral .commonImgBox a:hover {float:left; width:220px; height:76px; background:url(http://image.twipl.net/images/common/btn/btn_appstore_gray_on.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_appstore_gray_on.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;}
#contentGeneral .title {position:relative; width:733px; _width:723px; font-weight:bold; font-size:1.2em; color:#333;}
#contentGeneral .documentWrap {position:relative; width:733px; _width:723px; margin:5px 0 0 0;}
#contentGeneral .documentWrap hr {clear:both; position:relative; color:#DCDCDC;}
#contentGeneral .documentWrap .table {float:left; width:733px; _width:723px; padding:0 0 20px 0;}
#contentGeneral .documentWrap .table h2 {float:left; width:733px; _width:723px; color:#1199dd; text-indent:-9000px;}
#contentGeneral .documentWrap .table ul {float:left; width:350px; _width:340px; _height:200px; margin:0 30px 0 0; font-size:0.85em;}
#contentGeneral .documentWrap .table li {clear:both; float:left; color:#333;}
#contentGeneral .documentWrap .table li.spotLabel {float:left; margin:15px 0 0 0; color:#83A1BC; font-weight:bold; font-size:1.2em;}
#contentGeneral .documentWrap .table li a {color:blue;}
#contentGeneral .documentWrap .table .apiRegManageWrap {float:left; width:350px; _width:340px; _height:200px;}
#contentGeneral .documentWrap .table .apiRegManageWrap .appRegMenuItem {float:left; width:330px; _width:320px; margin: 5px 0 0 0; text-align: center; font-weight:bold;}
#contentGeneral .documentWrap .table .apiRegManageWrap .appRegMenuItem a {float:left; width:308px; border:solid 1px #BBB; padding:10px; color:#000; background-color:#DDD; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
#contentGeneral .documentWrap .table .apiRegManageWrap .appRegMenuItem a:hover {float:left; width:308px; border:solid 1px #666; color: #FFF; background-color:#83A1BC; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
#contentGeneral .documentWrap .article {clear:both; position:relative; width:733px; _width:723px; margin:30px 0 20px 0;}
#contentGeneral .documentWrap .article h2 {position:relative; width:733px; _width:723px; color:#333;}
#contentGeneral .documentWrap .article .subDesc {position:relative; width:733px; _width:723px; margin:10px 0 0 10px; font-size:0.85em; color:#333; line-height:1.5em;}
#contentGeneral .documentWrap .article .subDesc ul {position:relative; margin:0 0 0 18px;}
#contentGeneral .documentWrap .article .subDesc li {position:relative; padding:5px 0 5px 0; list-style-type:disc;}
#contentGeneral .documentWrap .article .subDescBold {position:relative; width:733px; _width:723px; margin:10px 0 0 10px; font-size:1em; font-weight:bold; color:#333; line-height:1.5em;}
#contentGeneral .documentWrap .article .subDesc01 {position:relative; margin:0 0 0 10px; font-size:0.85em; color:#333; line-height:1.5em;}
#contentGeneral .documentWrap .article .subDesc01 h3 {position:relative; width:733px; _width:723px; margin:20px 0 0 0;}
#contentGeneral .documentWrap .article .subDesc01 p {position:relative; width:733px; _width:723px; margin:5px 0 0 0;}
#contentGeneral .documentWrap .article .subDesc01 .sub {position:relative; width:733px; _width:723px;}
#contentGeneral .documentWrap .article .subDesc01 a {color:blue;}
#contentGeneral .documentWrap .article .subDesc01 table {position:relative; width:703px; margin:10px 0 5px 0;}
#contentGeneral .documentWrap .article .subDesc01 .title {background-color:#ECECEC; text-align:center; border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
#contentGeneral .documentWrap .article .subDesc01 .subject {padding:5px; text-align:center; font-weight:bold; border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC;  border-right:solid 1px #CCCCCC;}
#contentGeneral .documentWrap .article .subDesc01 .description {padding:5px; border-top:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
#contentGeneral .documentWrap .article .subDesc01 .subjectEnd {padding:5px; text-align:center; font-weight:bold; border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC;  border-right:solid 1px #CCCCCC;}
#contentGeneral .documentWrap .article .subDesc01 .descriptionEnd {padding:5px; border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}

/* Notice Page */
#contentGeneral .noticeBody {position:relative; text-align: center;}
#contentGeneral .noticeBody h2 {position:relative; width:733px; _width:723px; color:#1199dd; text-indent:-9000px;}
#contentGeneral .noticeBody .noticeTitle {position:relative; width:733px; _width:723px; font-weight:bold; font-size:1.2em; color:#333; margin: 0 0 20px 0;}
#contentGeneral .noticeBody .noticeImg {position:relative; width:733px; _width:723px; font-weight:bold; font-size:1.2em; color:#333;}
#contentGeneral .noticeBody .noticeDesc {position:relative; width:733px; _width:723px; font-weight:bold; font-size:1.2em; color:#333; margin: 20px 0 0 0;}

#contentGeneral .noticeContentBody {position:relative; text-align: center; margin: 10px 0 0 0;}
#contentGeneral .noticeContentBody h2 {position:relative; width:733px; _width:723px; color:#1199dd; text-indent:-9000px;}
#contentGeneral .noticeContentBody .noticeContentDesc {position:relative; width:733px; _width:723px; font-size:1em; color:#333;}
#contentGeneral .noticeContentBody .noticeContentImages {position:relative; width:733px; _width:723px; font-weight:bold; font-size:1.2em; color:#333; height:170px;}
#contentGeneral .noticeContentBody .noticeContentImages ul {float: left; text-align: center;  width:733px; _width:723px; height: 90px; margin: 10px 0 10px 80px;}
#contentGeneral .noticeContentBody .noticeContentImages ul li {float: left; text-align: center; width: 118px; height: 100px; margin:0px 0px 0 19px; _margin:0 0 0 12px;}
#contentGeneral .noticeContentBody .noticeContentImages ul li img {padding:5px; border:solid 1px #DCDCDC;}

/* Application Introduce Page */
#contentGeneral1 {float:left; width:733px; _width:723px; min-height:450px; _height:450px; padding:15px; background-color:#FFF; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
#contentGeneral1 .appIntroImage {float:left; width:100%; margin:0 0 20px 0; text-align:center;}
#contentGeneral1 .appListWrap {float:left; width:100%;}
#contentGeneral1 .appListWrap h2 {clear:both; float:left; width:723px; padding:0 0 10px 10px; border-bottom:solid 1px #CBCBCB; font-size:1.1em; color:#434343;}
#contentGeneral1 .appListWrap .appList {clear:both; float:left; width:723px; margin:15px 0 0 5px;}
#contentGeneral1 .appListWrap .appList dl {float:left; width:360px; height:100px; margin:10px 0 0 0;;}
#contentGeneral1 .appListWrap .appList dt {float:left; width:80px;}
#contentGeneral1 .appListWrap .appList dd {float:left; width:280px;}
#contentGeneral1 .appListWrap .appList dd .appNameWrap {float:left; width:260px; *width:250px; height:25px; margin:5px 0 0 0; padding:0 20px 0 0;}
#contentGeneral1 .appListWrap .appList dd .appNameWrap .appName {float:left; height:17px; color:#000000; font-size:0.8em; font-weight:bold;}
#contentGeneral1 .appListWrap .appList dd .appNameWrap .iconDesktop {float:left; width:17px; height:18px; margin:0 0 0 10px; background:url(http://image.twipl.net/images/common/icon/ico_desktop.png) no-repeat top left; text-indent:-9000px;}
#contentGeneral1 .appListWrap .appList dd .appNameWrap .iconApple {float:left; width:17px; height:18px; margin:0 0 0 10px; background:url(http://image.twipl.net/images/common/icon/ico_apple.png) no-repeat top left; text-indent:-9000px;}
#contentGeneral1 .appListWrap .appList dd .appNameWrap .iconAndroid {float:left; width:17px; height:18px; margin:0 0 0 10px; background:url(http://image.twipl.net/images/common/icon/ico_android.png) no-repeat top left; text-indent:-9000px;}
#contentGeneral1 .appListWrap .appList dd .appNameWrap .iconWindows {float:left; width:17px; height:18px; margin:0 0 0 10px; background:url(http://image.twipl.net/images/common/icon/ico_windows.png) no-repeat top left; text-indent:-9000px;}
#contentGeneral1 .appListWrap .appList dd .appNameWrap .iconMobile {float:left; width:17px; height:18px; margin:0 0 0 10px; background:url(http://image.twipl.net/images/common/icon/ico_mobile.png) no-repeat top left; text-indent:-9000px;}
#contentGeneral1 .appListWrap .appList dd .appDesc {float:left; width:270px; color:#323232; font-size:0.75em; word-wrap:break-word; line-height:1.5em;}