/* CSS Document */ @charset "utf-8"; /* Latest Update 2012.10.31 write */ /* author keiki ettyuu */ /* ---------- MENU ---------- */ /* 1. gloval setting 2. wrapper setting 3. header setting 4. footer setting 5. .section setting 999. clearfix */ /* ---------- MENU ---------- */ /*----------------------------*/ /* 1. gloval setting */ /*----------------------------*/ html,body{ width:100%; } body{ } /*----------------------------*/ /* 2. wrapper setting */ /*----------------------------*/ #wrapper { height:100%; } /*----------------------------*/ /* 3. header setting */ /*----------------------------*/ /*----------------------------*/ /* 4. footer setting */ /*----------------------------*/ /*----------------------------*/ /* 5. .section setting */ /*----------------------------*/ #main{ width: 960px; padding: 0; background-color: #EDF2F2; margin-right: auto; margin-left: auto; } article{ width: 960px; /*height: 900px;*/ padding: 0; display: block; overflow: hidden; margin-top: 30px; margin-bottom: 30px; } .sectionSetting{ width: 960px; display: block; margin-right: auto; margin-left: auto; } .sectionSetting div#user_info{ margin-bottom: 40px; } .sectionSetting div#user_info h2{ padding-bottom: 8px; margin-bottom: 25px; font-size: 24px; font-weight: bold; color: #37648C; border-bottom: 3px solid #37648C; } .sectionSetting div#user_info dl{ width: inherit; list-style: none; text-align: left; font-size: 16px; border-top: 1px dotted #BBBBBB; } .sectionSetting div#user_info dl dt, .sectionSetting div#user_info dl dd{ padding: 13px 20px; margin: 0; border-bottom: 1px dotted #BBBBBB; } .sectionSetting div#user_info dl dt{ width: 160px; float: left; background-color: #DCE6E6; color: #37648C; font-weight: bolder; } .sectionSetting div#user_info dl dd{ width: 720px; float: left; } .sectionSetting div#user_info .passchgbtn { clear:both; padding-top:11px; } .sectionSetting div#user_info .passchgbtn a { width: 125px; height: 21px; -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; /* [disabled]background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); */ background: -moz-linear-gradient( center top,#36638B 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008'); background-color: #23486F; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #0C274D; display: inline-block; color: #ffffff; font-family: arial; font-size: 14px; font-weight: bold; padding: 10px 20px; line-height: 21px; text-decoration: none; /* [disabled]text-shadow: 1px 1px 0px #96AABE; */ margin: 10px 0 0 0; text-align: center; } .sectionSetting div#user_info .passchgbtn a:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) ); background: -moz-linear-gradient( center top, #83c008 5%, #a4d815 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815'); background-color: #23486F; } .sectionSetting div#user_info .passchgbtn a:active { position:relative; top:1px; } .sectionSetting div#user_info .passchgbtn a:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); background-repeat: repeat-x; } .sectionSetting div#user_info .passchgbtn a:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); background-position: bottom; } div#user_option{ width: inherit; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #FFF; padding-top: 30px; /*height: 480px;*/ margin-top: 60px; } div#user_option h3{ padding: 10px; margin: 0 30px 15px 30px; font-size: 18px; font-weight: bold; color: #37648C; background-color: #EDF2F2; } div#user_option ul { list-style:none; padding:0; margin:0 0 2px 30px; line-height:26px; font-size:13px; } div#user_option ul li .choice { margin-right: 30px; } div#user_option ul li .notice { font-size:11px; margin-left:8px; } div#user_option ul li input { display: inline; vertical-align: 1px; margin: 0 5px 0 0; padding: 0; } div#user_option ul li input.chkbx { margin-right:10px; } .sectionSetting div#user_option .backupbtn .backup{ margin-right:10px; } .sectionSetting div#user_option .logout_backup{ margin:0 0 16px 30px; font-size:13px; } .sectionSetting div#user_option input { display: inline; vertical-align: 1px; margin: 0 10px 0 0; padding: 0; } .sectionSetting div#user_option .backupbtn { margin: 0 0 20px 30px; } .sectionSetting div#user_option .backupbtn a { width: 125px; height: 21px; -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); background: -moz-linear-gradient( center top, #a4d815 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008'); background-color: #23486F; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #0C274D; display: inline-block; color: #ffffff; font-family: arial; font-size: 14px; font-weight: bold; padding: 10px 20px; line-height: 21px; text-decoration: none; /* [disabled]text-shadow: 1px 1px 0px #a2d613; */ margin: 0 0 0 0; text-align: center; } .sectionSetting div#user_option .backupbtn a:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) ); background: -moz-linear-gradient( center top, #83c008 5%, #a4d815 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815'); background-color: #23486F; } .sectionSetting div#user_option .backupbtn a:active { position:relative; top:1px; } .sectionSetting div#user_option .backupbtn a:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); background-repeat: repeat-x; } .sectionSetting div#user_option .backupbtn a:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); background-position: bottom; background-repeat: repeat-x; } .sectionSetting #user_option .savebtn{ border-top: 1px solid #CCC; margin-right: 30px; margin-left: 30px; padding-top: 30px; padding-right: 0; padding-bottom: 0; padding-left: 30px; } .sectionSetting #user_option .savebtn a { width: 125px; height: 21px; -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); background: -moz-linear-gradient( center top, #a4d815 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008'); background-color: #23486F; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #0C274D; display: inline-block; color: #ffffff; font-family: arial; font-size: 14px; font-weight: bold; padding: 10px 20px; line-height: 21px; text-decoration: none; /* [disabled]text-shadow: 1px 1px 0px #a2d613; */ margin: 0 0 0 0; text-align: center; float: right; } .sectionSetting #user_option .savebtn a:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) ); background: -moz-linear-gradient( center top, #83c008 5%, #a4d815 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815'); background-color: #23486F; } .sectionSetting #user_option .savebtn a:active { position:relative; top:1px; } .sectionSetting #user_option .savebtn a:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); background-repeat: repeat-x; } .sectionSetting #user_option .savebtn a:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); background-repeat: repeat-x; background-position: bottom; } .sectionSetting #user_option .savebtn .save{ margin: 0 175px 0 0; } .sectionSetting #user_option .savebtn .default{ margin: 0 -345px 0 0; display: inline-block; } .sectionSetting .memory{ width:300px; font-size:12px; vertical-align:middle; margin:50px auto 0; } .sectionSetting .memory input{ vertical-align:middle; margin:0 5px 0; padding:0; } .sectionSetting .loginbtn { width:300px; margin:14px auto 0; } .sectionSetting .loginbtn a { width:85px; height:21px; -moz-box-shadow:inset 0px 1px 0px 0px #d6ee23; -webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23; box-shadow:inset 0px 1px 0px 0px #d6ee23; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008'); background-color:#a4d815; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #83bd07; display:inline-block; color:#ffffff; font-family:arial; font-size:14px; font-weight:bold; padding:2px 0; line-height:21px; text-decoration:none; text-shadow:1px 1px 0px #a2d613; margin:0 0 0 0; text-align:center; float:right; } .sectionSetting .loginbtn a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) ); background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815'); background-color:#83c008; } .sectionSetting .loginbtn a:active { position:relative; top:1px; } .alertTxt,.alertTxtDialog { position:absolute; margin:-20px 0 0 49px; font-size:13px; color:#e60012; display:block; text-align:center; width:300px; } /*----------------------------*/ /* 999. clearfix */ /*----------------------------*/ /*clearfix*/ .fix { } .fix:after { font-size:1px; content:"."; display:block; height:0px; clear:both; visibility:hidden; } .fix { zoom:1; } /*------------*/ #user_change article .sectionSetting #user_option ul li { margin-top: 10px; margin-bottom: 10px; } /* No.4 */ #cboAnimation { margin-left:120px; } .lblOptPageTransPeriod { padding-left:20px; } #txtValueAnimation { width:30px; border:solid 1px #222; text-align:center; } #slidebar-animation { display:inline-block; width:200px; margin:0 8px; } #slidebar-container { display:inline-block; padding:0 5px; }