/* TWM CSStore custom CSS */
html { display:block; margin:0; padding:0; height:100%; width:100%; overflow-x:hidden !important; }
body { margin:0 !important; overflow-x:hidden !important; width:100%; }
h1 { font-size:1.4em; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; font-weight:normal; }
h4 { font-size:1.1em; font-weight:normal; }
h5 { font-size:1em; }
h6 { font-size:.9em; }
p, b, strong { font-size:.9em; }
a, a:visited { /*color:#333*/ !important; }
li { padding-bottom:8px; }
* { box-sizing:border-box; margin:0; padding:0; font-family:Arial, '微軟正黑體'; /*color:#333;*/ text-decoration:none;}
@media -ms-viewport, screen and (max-width:360px) {
/*body { font-size:.8em; }*/
}
/* GENERAL */
/* Property */
.align-left,
.formbox-col1 .row b.align-left, .formbox-col1 .row p.align-left { text-align:left !important; }
.border-top { border-top:1px solid #ccc; }
.block { display:block; }
.center { text-align:center !important; }
.display-block { display:block !important; }
.font13 { font-size:.9em; }
.float-right { float:right; }
.gap { display:block; height:20px; }
.gap-bottom { margin-bottom:30px !important; }
.hot { display:inline-block; padding:2px 4px; margin:0 3px; border-radius:5px; background:orange; color:white; font-size:.85em; }
.inline-block { display:inline-block !important; }
.m30 { margin:30px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt35 { margin-top:35px !important; }
.m15 { margin:15px !important; }
.mid { font-size:1.1em; }
.mt15 { margin-top:15px !important; }
.mb15 { margin-bottom:15px !important; }
.mb10- { margin-bottom:-10px !important ; }
.mb30 { margin-bottom:30px !important; }
.min-h-300 { min-height:300px; }
.min-h-400 { min-height:400px; }
.min-h-500 { min-height:500px; }
.narrower { padding:15px; }
.sepline { display:block; width:100%; height:10px; border-top:1px solid #ccc; }
.small { font-size:.8em; }
.small >img { display: block;}
.large, .larger { font-size:1.4em !important; }
.larger-1 { font-size:1.13em !important; }
.larger-2 { font-size:1.2em !important; }
.larger-3 { font-size:1.04em !important; }
.orange { color:orange; }
.price { color:#eb5700; margin:5px auto 10px auto; }
.p10 { padding:9px 10px 11px 10px !important; }
.p12 { padding:10px 12px 11px 12px !important; }
.p20 { padding:18px 20px 12px 20px !important; }
.p25 { padding:20px 25px 18px 25px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt30 { padding-top:30px !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb15 { padding-top:15px !important; }
.pb150 { padding-bottom:150px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pr40 { padding-right:40px !important; }
.gray { color:#888 !important; }
.graylink { color:#888 !important; text-decoration:none !important; z-index:8; }
.subnote { margin:0 0 8px 45px !important; }
.smaller { font-size:.87em; color:inherit; }
.smallerlabel-checkbox { vertical-align:middle; margin-top:-20px; }
.normal { font-weight:normal; }
.strong { font-weight:bold; }
.notegray { display:block; /*background:#666;*/ border:1px dashed #eb5700; color:#eb5700 !important; border-radius:5px; padding:14px 10px !important; font-size:1em !important; text-align:center !important; margin-bottom:3px !important; }
.normal { font-size:normal !important; }
.no-border-top { border-top:0 !important; }
.underline { text-decoration:none !important; }
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited { color:#333; }
.no-border { border:0 !important; border-bottom:0 !important; }
.white { color:white !important; }
input.demo { margin:0 5px !important; top:auto !important; left:auto !important; }
a.center { margin-left:auto !important; margin-right:auto !important; }
a.btn-float-right { position:absolute; bottom:10px; right:10px; padding:10px 30px; }
/* Action */
.addtionalbuybox { margin:20px 0 !important; padding:0 !important; height:auto !important; }
.animate { -webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s; }
.animateslow { -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; }
.anchor, .noteheader { display:table; width:auto; margin:30px auto 5px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:5px 20px 3px 20px; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.anchor2, .noteheader { display:table; width:auto; margin:0px auto 5px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:5px 20px 3px 20px; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.anchor2 > .noteheader { display:table; width:auto; margin:0px auto 5px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:5px 20px 3px 20px; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.btnover { cursor:pointer; -webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s; }
.bglightgray { background-color:#e8e9ea; box-shadow:inset 0 0 6px -2px rgba(0,0,0,0.4); }
.bggray { background-color:#e2e4e7; box-shadow:inset 0 0 6px -2px rgba(0,0,0,0.4); }
.popanchor { display:table; width:auto; margin:0 auto 12px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:5px 20px 3px 20px; font-size:1em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.fixedtop { position:fixed !important; top:0px !important; box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.forcecenter, .forcecenter > p, .forcecenter > b, .forcecenter > strong { text-align:center !important; }
.forcelarger1 { font-size:1.4em !important; font-weight:bold !important; }
.forcelarger2 { width:100% !important; font-size:1.1em !important; }
.no-scroll { overflow:hidden !important; }
.borderbottom, .border-bottom { border-bottom:1px solid #ccc; }
.btnlogin { display:block; width:100% !important; background:orange; color:white !important; border-radius:5px; padding:14px 10px;
font-size:1.15em; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.3); box-sizing:border-box;
font-weight:normal !important; text-align:center; margin:10px 0; text-decoration:none !important; cursor:pointer;
font-size:1.0em; border-top:2px solid rgba(255,255,255,.2); margin:5px 0px !important; width: 100%; line-height: 2em; }
.btnlogin2 { display:block; width:100% !important; background:#fff; color:orange !important;
text-shadow:none !important; cursor:pointer; font-size:.9em; padding:14px 10px !important;
border:2px solid orange !important; margin:15px 0px !important; }
.btnpass { display:block; background:#white; border: 1px solid #eb5700; color:#eb5700 !important; border-radius:5px; padding:5px 5px; font-size:0.9em; font-weight:normal !important; text-align:center; margin:10px 0; text-decoration:none !important; cursor:pointer; }
.btnpass:hover { background:#eb5700; color:white !important; border-radius:5px; padding:5px 5px;font-weight:normal !important; }
.btndisable { background:#aaa !important; color:rgba(255,255,255,.5) !important; box-shadow:none !important; }
.btndisable:hover { background:#aaa; }
.btnlightgray { background:#999; }
.btnlightgray:hover { background:#555; }
.btngray { display:block; background:#666; color:white !important; border-radius:5px; padding:14px 10px; box-shadow:0 1px 2px rgba(0,0,0,0.3); text-align:center; margin:20px; cursor:pointer; }
.btngray:hover { background:#333; }
.btnedit, .icon-cancel, .icon-cancel1, .icon-cancel2, .btnok { display:block; background-color:#888; cursor:pointer; width:30px; height:30px; border-radius:15px; overflow:hidden; box-shadow:0 1px 1px rgba(0,0,0,.2); }
.btnedit:hover, .icon-cancel:hover, .icon-cancel1:hover, .icon-cancel2:hover, .btnok:hover { background-color:#555; }
.btn-congray { display:block; text-align:center; padding:10px; color:white; border-radius:5px; cursor:pointer; background:#999; margin:10px 0 0 0; }
.btn-congray > .mark { display:inline-block; text-align:center; color:#333; width:25px; margin-left:-15px; }
.btn-congrayactive { background:#666; }
.btn-congrayactive-xxx { background:none; margin:20px 0 15px 0; color:#333; border-bottom:1px dotted #333; }
.btnbankround { display:block; background-color:orange; cursor:pointer; height:auto; border-radius:15px; color:white !important; box-shadow:0 1px 1px rgba(0,0,0,.2); font-size:.8em; padding:4px 8px; z-index:8; }
.btn-radioover { position:absolute; right:10px; }
.btn-backtotop { display:block; width:40px; height:40px; position:fixed; bottom:-90px; right:20px; margin-left:-20px; border-radius:50%; background-color:rgba(0,0,0,.20); box-shadow:0 0 3px rgba(0,0,0,0.4); text-align:center; padding:0; }
.btn-backtotop:hover { background-color:rgba(0,0,0,.8); }
.btn-backtotop-show { /*bottom:20px !important;*/ cursor:pointer; }
.btn-backtotop i { margin:3px auto !important; }
.btn-2col { display:inline-block; position: relative; margin: 0 auto; width: 40% ;vertical-align:middle; background:#eb5700; color:white !important; border-radius:5px; padding:14px 10px; font-size:1.15em; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.3); box-sizing:border-box; font-weight:normal !important; text-align:center; text-decoration:none !important; cursor:pointer; font-size:1.0em; border-top:2px solid rgba(255,255,255,.2); }
.btn-2col:hover { background:#eb5700; color:white; border-radius:5px; padding:14px 10px; box-shadow:0 1px 2px rgba(0,0,0,0.3); font-weight:normal !important; }
.icon-prev {
background-repeat:no-repeat; background-position:50%; background-size:70%;
background-image: url('../asset/icon_prev.svg');
}
.icon-next {
background-repeat:no-repeat; background-position:50%; background-size:70%;
background-image: url('../asset/icon_next.svg');
}
.fright { position:absolute; top:50%; right:10px; margin-top:-15px; }
.ul-basic { display:block; margin:10px 10px 30px 10px; text-align:left; }
.ul-basic li { margin:0; margin-bottom:6px; list-style:disc; font-size:.9em; line-height:150%; text-align:justify; color:#555; }
.ul-basic li a { display:inline-block; margin:0 2px; color:#eb5700 !important; }
.ul-basic li a:hover { text-decoration:none !important; }
.ul-sub { display:block; margin:15px 0 30px 20px; text-align:justify; }
.ul-sub li { margin:0; margin-bottom:6px; list-style:decimal; font-size:1em; line-height:150%; text-align:justify; color:#555; }
.ul-justify li { text-align:justify; }
.ul-simple { margin:10px 20px; }
.ul-simple li { margin-bottom:0; font-size:inherit; color:inherit; }
.error { display:block; padding:2px 4px; color:#eb5700; color:#fe3e46; font-size:1em; border-radius:5px; margin:4px 0; padding-left:30px; transition:all .3s; }
.errormsg { background-color:#eb5700; background-color:#fe3e46; display:block; color:rgba(255,255,255,.9) !important; font-size:.8em; border-radius:5px; margin:6px 0; padding:5px 5px 3px 5px; transition:all .3s; }
.errormsg .icon { display:inline-block; vertical-align:middle; margin:-2px 3px 0 0; }
.forcehide { display:none !important; }
.formobj { display:block; position:relative; }
.con-reminder { font-size:.9em !important; text-align:justify !important; display:block; padding-top:10px !important; }
.con-reminder > span { text-align:justify !important; display:inline; padding-top:10px !important; }
.con-reminder .red { font-size:inherit !important; }
.notification { font-size:.8em !important; }
.notification .red { font-size:inherit !important; }
.scrollfixobj {}
.simplelarger { font-size:1.1em; }
.seperator { display:block; border-top:1px solid #999; margin:40px -20px; }
.seperator2 { display:block; border-top:1px solid #999; margin:50px -20px 30px -20px;}
.seperator3 { display:block; border-top:1px solid #999; margin: 0px auto; width:80%;}
.sep-equal { display:block; width:95%; padding:15px 0; border-top:2px dashed #333; margin:10px auto; }
.sep-equalshort { display:block; width:40%;border-top:2px dashed rgba(51, 51, 51, 0.4); margin:10px auto; }
.text-blackblock { display:block; text-align:center; background:#333; color:white; padding:10px 50px; border-radius:4px; font-size:16px; margin-top:10px;}
.text-blackblock > p { display:block; text-align:center; padding:5px; color:#bbbbbb;font-size:10px; }
.text-redblock { display:block; text-align:center; background:#eb5700; color:white; padding:10px; border-radius:4px; font-size:16px; margin-top:10px;}
.text-redblock > p { display:block; text-align:center; padding:5px; color:#white;font-size:0.9em; }
.toprollbannerarea-x { padding-top:40px !important; margin-bottom:-25px !important; }
a.btnmore { display:block; text-align:center; width:50%; margin:10px auto 20px auto; height:auto; font-size:.9em; color:#999; }
a.btnmore .icon { background-image:url(../asset/icon_arrow_down.svg); background-repeat:no-repeat; background-position:50% 50%; background-size:80%; display:block; width:40px; height:20px; margin:8px auto; transition:all .5s; -webkit-mask-image:none;
mask-image:none; }
a.btnmore-active .icon {
-ms-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
/* Popout Overlay */
.overlaycover { display:none; background:rgba(52,56,60,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index:88; }
.overlay { display:none; background:transparent; width:100%; height:100%; position:fixed; bottom:0; left:0; z-index:90; }
.overlay .canvas-x { display:block; background:white; width:100%; height:auto; box-sizing:border-box; text-align:center; padding:80px 30px 30px 30px; position:fixed; top:0; left:0; border-radius:3px; overflow-y:auto; }
.overlay .canvas { display:block; background:white; width:calc(100% - 20px); height:auto;
box-sizing:border-box; text-align:center; padding:0;
position:fixed; bottom:10px; left:10px; max-height:calc(100% - 20px); overflow-y:auto;
width-x:100%; bottom-x:0; left-x:0; transition:all cubic-bezier(.47,0,.12,1.14) .5s;
border-radius:3px; overflow-x:hidden; }
.overlay .canvas-full { height:calc(100% - 20px); overflow-y:scroll; }
.overlay .canvas h2 { font-weight:normal; margin:20px 0px; padding:0; }
.overlay .canvas h2 { font-weight:normal; margin:0 0 20px 0px; padding:20px; border-bottom:1px solid #eee; background-cc:#eee; font-size:1.2em; }
.overlay .canvas h2-xx { display:inline-block; font-weight:normal; margin:10px 0; padding:20px; border-bottom:1px solid #555; font-size:1em; }
.overlay .canvas .con { display:block; border-top-x:1px solid #ccc; margin:10px 0 0 0; padding:10px 20px; }
.overlay .canvas .confit { padding:0px; }
.overlay .canvas .confit2 { padding:10px 0px; }
.overlay .canvas .confit2 .formbox2 .sep-equal span { display:block; text-align:center; padding:5px; color:#eb5700; font-size:10px; }
.overlay .canvas .conpromotion { padding:40px; color:#eb5700; font-size:1.2em; font-weight:300; }
.overlay .canvas .concenter { text-align:center; }
.overlay .canvas .concenter b,
.overlay .canvas .concenter strong,
.overlay .canvas .concenter p { display:inline-block !important; margin:5px 0; }
.overlay .canvas .concenter b,
.overlay .canvas .concenter strong { width:auto; }
.overlay .canvas .con p { display:block; line-height:140%; }
.overlay .canvas .con p.highlightp { margin:14px auto; font-weight:bold; font-size:1.1em; }
.overlay .canvas .centerscroll { height:auto; max-height:460px; overflow-y:scroll; }
.overlay .canvas .con span { display:block; color:#888; font-size:inherit; x-font-size:.8em; margin:5px 0; text-align:center; }
.overlay .canvas .con p span { display:inline-block; margin:0; }
.overlay .canvas .con p .strong { padding:0 3px; font-weight:bold; }
.overlay .canvas .con img { display:block; width:100%; margin:10px 0; }
.overlay .canvas .con-no-tmargin { margin-top:0 !important; }
.overlay .canvas .conleft { text-align:left; }
.overlay .canvas .conleft > p { margin:20px 0; line-height:140%; text-align:left; }
.overlay .canvas .conleft > span { line-height:140%; text-align:left; }
.overlay .canvas .tabbox { display:block; width:100%; margin:10px 0 0; }
.overlay .canvas .tabbox a { display:table-cell; padding:10px; cursor:pointer; }
.overlay .canvas .tabbox a.active { border-bottom:3px solid #eb5700; }
.overlay .canvas .astable { display:table; width:100%; }
.overlay .canvas .wpart2 { width:49.999% !important; }
.overlay .canvas .wpart3 { width:33.3% !important; }
.overlay .btn-close-x { display:block; width:32px; height:32px; position:absolute; top:-10px; right:0; padding:0; opacity:.8;
cursor:pointer; }
.overlay .btn-close { display:block; width:32px; height:32px; position:absolute; top:7px; top:4px; right:10px; padding:0; opacity:.8;
cursor:pointer; }
.overlay .btn-close:hover {}
.overlay .btnset { margin:15px 0 30px 0; }
.overlay .btnconfirm-x { display:block; width:100%; height:auto; text-align:center; border-radius:0; margin:0; padding:16px;
border:0; border-top:1px solid #ccc; cursor:pointer; }
.overlay .btnconfirm { display:inline-block; width:auto; height:auto; text-align:center; border-radius:50px; margin:15px 0; padding:15px 70px;
border:1px solid #eee; border-top:1px solid #ccc; cursor:pointer; color:white; colorx:white !important; }
.overlay .btn-disable { color:#555 !important; background:#eee; border:0; }
.serverOverlay { background:rgba(100,100,100,0.9); width:102%; height:102%; position:fixed; top:-2px; left:-2px; z-index:92; }
.serverOverlay > p { display:block; width:100%; color:#fff; text-align:center !important; font-size:1em; position:absolute; top:50%; left:0; margin-top:0px; }
.serverOverlay > .loaderobj { display:block; width:40px; height:40px; background-color:#fff; border-radius:100%;
position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-50px;
-webkit-animation:serverOverlay-scaleout 1.0s infinite ease-in-out; animation:serverOverlay-scaleout 1.0s infinite ease-in-out; }
@-webkit-keyframes serverOverlay-scaleout {
0% { -webkit-transform: scale(0.0); }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes serverOverlay-scaleout {
0% { transform: scale(0.0); }
100% {
transform: scale(1.0);
opacity: 0;
}
}
.con-content { padding:20px 12px; font-size:.9em; }
.con-content .ul-basic li { font-size:.9em; }
#privacytextarea { width:100%; font-size:.8em; line-height:140%; text-align:left; opacity:.8; border:0; padding:10px 20px; overflow-y:scroll; }
#privacytextarea p { margin:10px 0; }
.centerwithimg { padding:30px 0; margin-bottom-x:20px; padding: 30px 30px; margin: -11px -30px 20px -30px; background: #f2f3f4; }
.centerwithimg h2 { margin-top:0; padding-bottom:10px; font-weight-x:normal; }
.centerwithimg p { text-align:justify; padding-bottom:10px; }
.centerwithimg img { width:160px !important; margin:10px auto !important; }
.framegraybox { padding:0 0 15px 0; }
.framegraybox h4 { font-size:.85em; }
.centerwithtxt { background:#999999;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px 25px; margin-top:25px;}
.centerwithtxt h2 { font-size:16px; line-height:1.5; text-align:center; color:#FFFFFF; margin-top:0;font-weight-x:normal; }
.centerwithtxt-con { text-align:justify; padding:10px 0px; }
.con > .formbox > .listview {}
.con > .formbox > .listview > p { display:block; text-align:left; padding:8px 0 8px 33px; cursor:pointer; }
.con > .formbox > .listview > p > span { display:block; text-align:left;cursor:pointer; font-size:0.8em; color:#bbbbbb; position:relative; top:-10px; }
.con > .formbox > .listview > p > span.longpara { color:#999; top:0; line-height:140%; }
/*.con > .formbox > .listview > p > span { display:inline; text-align:left; padding:0px 0 50px 5px; cursor:pointer; font-size:0.6em; color:#bbbbbb; position:relative; top:-3px; }*/
.con > .formbox > .listview > p.select { font-weight:bold; }
.con > .formbox > .listview > p.select2 { font-weight:bold; }
/*
============================================================================================================
.########.########.....###....##.....##.########
.##.......##.....##...##.##...###...###.##......
.##.......##.....##..##...##..####.####.##......
.######...########..##.....##.##.###.##.######..
.##.......##...##...#########.##.....##.##......
.##.......##....##..##.....##.##.....##.##......
.##.......##.....##.##.....##.##.....##.########
*/
.screencover { display:block; width:100%; height:100%; position:fixed; top:0; left:0; z-index:82; background-color:rgba(100,100,100,0.6);
background-color:rgba(52,56,60,0.8); }
.navside { display:block; width:300px; height:100%; position:fixed; top:0; right:-300px; z-index:106; background-color:#fff; overflow-y:auto; }
.navside b, .navside strong { display:block; text-align:center; margin:20px 0 5px 0; }
.navside .btnset { display:block; text-align:center; padding:0 5px 10px 5px; border-bottom:1px dotted #ccc; }
.navside .btnset a { display:block; text-align:center; padding:70px 0 0 0; margin:10px 0 26px 0; cursor:pointer; font-size:1em; text-decoration:none !important; color:#333; }
.navside .btnset:last-child { border-bottom:0; }
.navside .topblock { background-color-x:#ff803f; background:#c1c3c5; border-bottom:1px solid #ccc; color:white; box-shadow:0 1px 3px rgba(0,0,0,.1); padding:15px; }
.navside .topblock .bar { margin:-15px -15px 10px -15px; width:calc(100% + 30px); background-color-x:#c3c5c9; text-align:center; padding:8px 15px; position:relative; }
.navside .topblock .bar .icon { display:block; position:relative; }
.navside .topblock .bar .icon img { display:block; height:105%; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.navside .topblock .bar .icon,
.navside .topblock .bar p,
.navside .topblock .bar a { display:inline-block; vertical-align:middle; font-size:.9em; color:white; }
.navside .topblock p { text-align:center; margin:10px 5px; }
.navside .topblock .btn { display:block; margin:5px 0; border:1px solid #666; text-align:center; padding:5px; }
.navside .topblock .member-info { display:table; width:calc(100% + 30px); margin:0 -15px -10px -15px; }
.navside .topblock .member-info .item { display:table-cell; text-align:center; position:relative; width:33.33%; border-right:1px dotted #ccc; padding-top:25px; padding-bottom:30px; }
.navside .topblock .member-info .item:last-child { border-right:0; }
.navside .topblock .member-info .item span,
.navside .topblock .member-info .item b,
.navside .topblock .member-info .item strong { display:block; color:white; }
.navside .topblock .member-info .item .icon { display:block; color:white; margin:0 !important; position:absolute; bottom:0; left:calc(50% - 16px); }
.navside .topblock .member-info .item span { font-size:.8em; font-weight:bold; }
.navside .topblock .member-info .item b,
.navside .topblock .member-info .item strong { margin:5px 0; color:#333; font-weight:400; font-size:1.1em; }
.navside .topblock .member-info .item:nth-child(2) b,
.navside .topblock .member-info .item:nth-child(2) strong { margin:18px 0; }
.navside .topblock .member-info .item .icon {}
.navside .topblock .member-info .item-full { display:block; text-align:center; width:100%; border-right:0; padding-top:0; }
.navside .topblock .member-info .item-full span,
.navside .topblock .member-info .item-full b, .navside .topblock .member-info .item-full strong,
.navside .topblock .member-info .item-full .icon { display:inline-block; vertical-align:middle; color:white; }
.navside .topblock .member-info .item-full b,
.navside .topblock .member-info .item-full strong { margin:5px; color:#fff; font-weight:100; font-size:1.2em; }
.btnmenu-close { display:block; width:40px; height:40px; z-index:99; position:fixed; top:0; left:13px; }
.navarea { padding:0; }
.navarea .area { padding:20px 15px 13px 25px; }
.navarea .area:last-child { border-bottom:0; }
.navarea p { display:block; vertical-align:top; padding:5px 0; margin-left:-5px; height:55px; font-size:1.4em; color:inherit; zoom-xxx:.6; }
.navarea p .icon { margin:-1px 10px 0 0; vertical-align:top; }
.navarea a { display:inline-block; width:48.5%; vertical-align:top; text-decoration:none; height:27px; font-size:.9em; }
.navarea a .icon { margin:-3px 0 0 0; vertical-align:top; }
.navarea a.disable { opacity:.3; }
.btnset a { text-decoration:none !important; }
.navarea .smaller a { width:100%; font-size:.8em; }
.navarea .smaller a .icon { margin-top:-2px; margin-right:5px; }
.navarea.navlarger { line-height:2em; }
.navarea.navlarger a .icon { margin-top:4px; }
.searchbox-x { display:none; width:100%; height:auto; position:fixed; top:35px; left:0; padding:0; z-index:64; }
.searchbox { display:none; width:100%; height:auto; padding:15px 20px; margin:0; margin-top:10px; border-top:1px solid #ccc; }
.searchbox .box-x { display:block; width:100%; height:auto; background:white; padding:20px; box-shadow:0 2px 2px rgba(0,0,0,.4); }
.searchbox .box { display:block; width:100%; height:auto; }
.searchbox .box input { display:block; width:100%; font-size: 1.25em; padding:10px 10px 9px; margin:2px 0px; background: none repeat scroll 0% 0% #F5F6F7; width:100%; border: 1px solid #E5E5E5; border-radius: 5px; }
.searchbox .box .icon-searchnow { display:block; width:26px; height:26px; position:absolute; top:40px; right:35px; cursor:pointer; opacity:.5; }
.searchbox .subrow { display:block; margin:10px 0 0 0; }
.searchbox .subrow b,
.searchbox .subrow strong, .searchbox .subrow a { display:inline-block; color:#eb5700; padding:3px; font-size:.9em; text-decoration:none; }
.searchbox .subrow b,
.searchbox .subrow strong { background:orange; color:white !important; padding:2px 4px 1px 4px; font-size:.8em; font-weight:normal; }
.searchbox .box input.gray { font-size: 0.9em; padding: 12px 10px 11px; color: #AAA; }
.searchbox-recent { display:none; width:100%; height:auto; padding:15px 20px; margin:0; border-top:1px solid #ccc; }
.searchbox-recent a { display:block; padding:5px 10px; font-size:.9em; text-decoration:none; }
.searchbox-recent b,
.searchbox-recent strong { font-size:.9em; display:block; margin-bottom:10px; }
/* Header */
.header { display:block; width:100%; background:#fff; position:fixed !important; box-shadow:0; top:0; left:0; height:50px; height:auto; z-index:66; box-shadow:0 1px 4px rgba(0,0,0,.2); }
.header .row { position:relative; }
.header .logo-x { padding:0; display:inline-block; height:24px; position:absolute; top:50%; left:15px; margin-top:-12px; }
.header .logo { padding:0; display:block; height:24px; margin:13px 15px; position:relative; }
.header .logo img { display:block; height:100%; }
.header .headermenu { display:inline-block; width:40px; height:40px; position:absolute; margin-top:-20px; top:50%; right:0; transition:all .3s; }
.header .headermenu span { display:block; width:22px; height:2px; position:absolute; left:50%; top:50%; margin-left:-11px; background-color:rgba(150,150,150,.4); transition:all .3s; transform-origin:20% 50%; }
.header .headermenu span:nth-child(1) { margin-top:-5px; }
.header .headermenu span:nth-child(2) { opacity:1; }
.header .headermenu span:nth-child(3) { margin-top:5px; }
.header .headermenu-close {}
.header .headermenu-close span:nth-child(1) { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.header .headermenu-close span:nth-child(2) { opacity:0; }
.header .headermenu-close span:nth-child(3) { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.header .headersearch { display:inline-block; width:40px; height:40px; position:absolute; margin-top:-20px; top:50%; right:35px; transition:all .3s; }
.header .headerback { display: inline-block;width: 40px; height:40px; position:absolute; top:0; right: 70px;background-size: 45%;background-position: 30% 55%; }
.header .btn-back { display:inline-block; height:20px; position:absolute; top:30%; left:10px; color:white !important; font-size:.8em; padding:0; text-decoration:none; }
.header .btn-back .icon { margin:0; margin-top:-3px; vertical-align:middle; }
.header .bar { display:block; width:100%; height:3px; background:url(../img/twm-colorbar.jpg); background-position:center; background-size:cover; /*position:absolute; bottom:0; left:0;*/ }
.header .bar-green { background:#8dd428; }
.shorten { height-x:38px; box-shadow:0 1px 15px rgba(0,0,0,.4); }
.shorten .logo {}
.scroll-header {}
.scroll-header-fixed { position:fixed !important; box-shadow:0 1px 15px rgba(0,0,0,.4); top:-80px; left:0; display:block; width:100%; z-index:75; transition:all .4s; }
.scroll-header-fixed h4 { display:none; }
.scroll-header-fixedout { /**/top:20px; }
.scroll-header-fixedout .category-header { padding-top:50px; }
.scroll-header-fixedout .category-header .btn-back { width:auto; overflow:hidden; }
.scroll-header-fixedout .category-header .btn-more { display:none; }
.scroll-header-fixedout .category-header .headermenu { display:inline-block; width:40px; height:40px; position:absolute; top:6px; right:0; }
.scroll-header-fixedout .category-header .headersearch { display:inline-block; width:40px; height:40px; position:absolute; top:6px; right:35px; }
.bar-title { display:none; width:100%; background:#eb5700; color:white; height:31px; padding:0; text-align:center; position:absolute !important; top:40px; left:0; z-index:65; /*-webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s;*/ }
.bar-extand { display:block; width:100%; background:#eb5700; color:white; height:50px; padding:0; text-align:center; position:absolute; top:40px; z-index:63; /*-webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s;*/ }
.bar-extand > h4 { display:block; width:100%; color:white; font-weight:100; padding:5px 0; margin-top:10px; }
.bar-extand > h4 > p { font-size:.8em; display:inline-block; vertical-align:middle; }
.bar-extand > h4 > .headericon { display:inline-block; width:25px; height:25px; vertical-align:middle; margin:0 8px 0 0; }
.bar-title p { display:block; width:100%; color:white; padding:0; text-align:center; margin:5px 0; }
.barshorten { position:fixed !important; top:0; }
.barshorten-forceout { top:-50px !important; }
.bar-anchor { display:table; width:100%; background:#ccc; position:absolute; top:90px; z-index:71; /*-webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s;*/ }
.bar-anchor a { display:table-cell; text-align:center; width:25%; padding:11px 0 9px 0; font-size:.9em; cursor:pointer; }
.bar-anchor a:hover { color:white !important; }
.bar-anchor a.active { background:#333; color:white; }
.bar-anchor2 { display:table; width:100%; background:#fff; position:absolute; top:190px; z-index:2; /*-webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s;*/ }
.bar-anchor2 a { display:table-cell; text-align:center; width:25%; padding:11px 0 9px 0; font-size:.9em; cursor:pointer; }
.bar-anchor2 a:hover { color:white !important; }
.bar-anchor2 a.active { background:#333; color:white; }
.baranchor2shorten { position:fixed; top:0px; box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.baranchor2shorten-forceout { top:0; }
.baranchor2-forceout50 { top:19px !important; position:fixed; box-shadow:0 1px 2px rgba(0,0,0,0.2); }
.indexlinkset { display:block; width:100%; text-align:center; padding:25px 25px 10px 6px; margin:0; box-sizing:border-box; }
.indexlinkset:before { content:''; }
.indexlinkset .btnsub { display:inline-block; width:90px; margin:0; cursor:pointer; font-size:.8em; color:white !important; text-decoration:none; }
.icon-facebook,
.icon-csapp,
.icon-youtube
{ display:block; width:40px; height:40px; margin:10px auto; vertical-align:top; background-size:cover; background-repeat:no-repeat; background-position:center; vertical-align:top; }
.icon-facebook { background-image:url(../img/icon-facebook.png); }
.icon-csapp { background-image:url(../img/icon-csapp.png); }
.icon-youtube { background-image:url(../img/icon-youtube.png); }
.txtlinkset { display:block; padding-bottom:20px; padding-right:20px; opacity:.7; text-align:center; }
.txtlinkset a { display:inline-block; width:auto; padding:4px 0; margin-right:0; font-size:.7em; color:white !important; text-decoration:none; }
.txtlinkset a:last-child { margin-right:0; }
.copyright1 { opacity:.3; letter-spacing:3px; color:white; font-weight:bold; font-size:.8em; }
.copyright2 { font-size:.6em; opacity:.3; color:white; }
.bar-extand { height:40px; }
.bar-extand > h4 { margin-top:7px; }
.bar-extand > h4 > p { font-size:.8em; }
.twm-contentend { padding-top:0; }
.controller2 { display:block; background:#fff; border-bottom:0px solid #ccc; padding:0 0 10px 0; text-align:center; }
.controller2 div { display:inline-block; margin:0 2px; vertical-align:middle; }
.controller2 p { display:inline-block; font-size:.8em; margin:0 20px 0 5px; vertical-align:middle; }
.controller2 div > p { display:block; margin:0; color:#888; padding:0; text-overflow: ellipsis; width: 130px;}
.controller2 .comparethumbinfo > img { width:100px; height:100px;background:#fff;}
.compareconbox > div { display:inline-block; }
.compareconbox .sepline { display:inline-block; width:1px; border-right:1px dotted rgba(156,156,156,1.00); height:110px; margin:auto 10px; }
.compareconbox a.btn { display:block; width:auto; margin-top:4px !important; padding:4px 10px 5px 10px; }
/*
.baranchorshorten { position:fixed !important; top:50px; box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.baranchorshorten-forceout { top:0 !important; }
.baranchor-forceout50 { top:50px !important; position:fixed !important; box-shadow:0 1px 2px rgba(0,0,0,0.2); }
*/
.baranchorshorten { position:fixed; top:50px; box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.baranchorshorten-forceout { top:0; }
.baranchor-forceout50 { top:50px !important; position:fixed; box-shadow:0 1px 2px rgba(0,0,0,0.2); }
.listmenu { display:table; width:100%; }
.listmenu a { display:table-cell; width:33%; border-right:0px solid rgba(255,255,255,0.2); background:#eb5700; color:rgba(255,255,255,0.7) !important; padding:16px 0 12px 0 !important; text-align:center; text-decoration:none !important; line-height:100%; }
.listmenu a:hover { background:rgba(0,0,0,0.1) !important; }
.listmenu a.active { color:white !important; border-bottom:4px solid rgba(255,255,255,.7); }
.footer { background:#333; color:white; text-align:center !important; padding-bottom:30px !important; }
.footer-action-bar { display:block; background:#fff; width:100%; height:auto; padding:30px 0; x-position:fixed; x-bottom:0; x-left:0; text-align:center; }
.footer-action-bar h3 { display:block; width:100%; text-align:center; margin-bottom:15px; }
.footer-action-bar a { display:inline-block; width:auto; font-size:.9em; padding:10px; text-decoration:none; vertical-align:top; text-align:center; width:calc(50% - 3px); width:30%;border-right:1px dotted #ccc; border-right:0; }
.footer-action-bar a:last-child { border-right:0; }
.footer-action-bar a .icon { display:block; margin:15px auto; }
@media -ms-viewport, screen and (max-width:360px) {
body { font-size:.9em; }
.indexlinkset .btnsub { width:82px; font-size:.70em; }
.btnmenu-close { z-index:108; position:fixed; top:8px; left:8px; background:rgba(180,180,180,.7); border-radius:25px; padding-left:9px; width:50px; height:50px; }
}
/*
============================================================================================================
..######...#######..##....##.########.########.##....##.########
.##....##.##.....##.###...##....##....##.......###...##....##...
.##.......##.....##.####..##....##....##.......####..##....##...
.##.......##.....##.##.##.##....##....######...##.##.##....##...
.##.......##.....##.##..####....##....##.......##..####....##...
.##....##.##.....##.##...###....##....##.......##...###....##...
..######...#######..##....##....##....########.##....##....##...
*/
.list-decimal { display:block; text-align:left; margin:10px 15px 10px 30px; list-style:decimal; font-size:14px; }
.list-disc { display:block; text-align:left; margin:10px 15px 10px 30px; list-style:disc; font-size:14px; }
.list-nohead { display:block; text-align:left; margin:10px 15px 10px 30px; list-style:none; font-size:14px; }
.list-inblock { display:block; text-align:left; margin:10px 15px 10px 30px; list-style:decimal; }
.mainbannerbox { position:relative; overflow:hidden; display:block; width:100%; }
.mainbannerbox .list { display:block; width:100%; margin-top:10px; position:absolute; bottom:3px; left:0; }
.mainbannerbox .list > a { display:inline-block; box-shadow:0 0 3px rgba(50,50,50,.3); text-indent:-999px; background:#eee; opacity:.4; width:7px; height:7px; margin:0px 4px; border-radius:50%; overflow:hidden; }
.mainbannerbox .list > a.active { background:#eb5700; background:white; opacity:1; }
.mainbannerbox .con { overflow:hidden; display:block; width:100%; z-index:2; background:#e5e6e7; }
.mainbannerbox .con > .banner { overflow:hidden; display:inline-block; width:100%; padding:0; text-align:center; }
.mainbannerbox .con > .banner img { width:100%; margin:0; }
.mainbannerbox > .btnprev,
.mainbannerbox > .btnnext { display:block; position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; color:white !important; cursor:pointer; z-index:16; }
.mainbannerbox > .btnprev { left:0px; }
.mainbannerbox > .btnnext { right:0px; }
/* Content */
.container { padding-top:0px; padding-left:0px; padding-right:0px; background:white !important; }
.twm-content { display:block; border-x:1px solid red; margin:10px; text-align:center; position:relative; }
.twm-content > h4 { display:block; margin:20px auto 10px auto; text-align:center; }
.twm-content > h5 { display:inline-block; margin:20px auto 10px auto; text-align:center; background:#666; background:#eb5700; color:white; width:auto; border-radius:30px; line-height:100%; padding:9px 14px 5px 14px; }
.twm-content > span { color-x:#656565; font-size:inherit; }
.twm-content p { margin-bottom:10px; }
.twm-contentgray2 { text-align:center; background-color:#E8E9EA; }
.twm-anchor-content { padding-top:40px; }
.twm-anchor-content2 { padding-top:200px; }
.twm-anchor-content3 { padding-top:195px; }
.twm-contentend { padding-bottom:105px; padding-top:20px; }
.twm-contentend2 { padding-bottom:105px;}
.twm-contentend3 { padding-bottom:105px; padding-top:20px; }
.twm-contentend4 { padding-bottom:30px;}
.twm-contentend5 { padding-bottom:200px;}
.twm-contentend-addlist { padding-bottom:105px; }
.twm-contentnotop { padding-top:0 !important; }
.twm-content-full { padding:0; margin:0; }
.twm-content-full-clear { padding:0 !important; margin:0; }
.twm-content-top { margin-top:120px; }
.twm-content-narrow { margin:0; padding:25px 15px; padding:15px 5px; border:1px solid rgba(0,0,0,0); }
.twm-content-narrow > .btnset { margin:0 10px; }
.twm-content-shadow { box-shadow:0 2px 5px rgba(0,0,0,.3); }
.twm-contentgray { background-color:#eaebed !important; }
.twm-contentend .messagebox { padding-top:0; }
.twm-contentend .messagebox3 { padding-top:20px; }
.twm-contentend2 .messagebox { padding-top:0;padding-bottom:105px;!important; }
.twm-content > .formbox-header { border-top:1px solid #ccc; padding-top:15px; }
.twm-content > .formbox-header:first-child { border-top:0; padding-top:0; }
.twm-content-inside { display:block; position:relative; border-bottom:1px solid #ccc; }
.twm-content-inside:last-child { border-bottom:0; }
.twm-content-inside > .formbox-header { margin:14px 10px; text-align:left !important; }
.twm-content-inside > .btn-open-close { top:-2px !important; right:10px !important; border:0 !important; opacity:.5; }
.twm-content-inside > .contentxxx { border:0 !important; box-shadow:none !important; }
.twm-content-inside > .content { margin-bottom:5px !important; }
.twm-content-member { display:none; border-bottom:1px solid #ccc; padding:10px 10px 0 10px; padding:10px 0 0 0; box-shadow:inset 0 -1px 10px rgba(0,0,0,.2); }
.twm-content-member .content-box { display:block; background:#ffb6a7; background:#fcccc1; background:#ff6d03; }
.twm-content-member .topheader { display:block; text-align:left; /*padding:10px 13px 9px 10px; font-size:.7em; font-size:.8em;*/ position:relative; padding:0; }
.twm-content-member .topheader .colorbar { display:inline-block; height:100%; width:140px; background-image:url(../img/icon-myvipheader.png); background-size:100%; background-repeat:repeat-y; background-position:center; /*position:absolute; top:0; left:0;*/ margin-right:10px; height:40px; vertical-align:top; }
.twm-content-member .topheader .vipbar { display:inline-block; height:100%; width:170px; background-image:url(../img/icon-vipheader.png); background-size:100%; background-repeat:no-repeat; background-position:30px center; margin-right:10px; height:40px; vertical-align:top; }
.twm-content-member .topheader b,
.twm-content-member .topheader strong { display:inline-block; color-xxx:white; text-shadow:0; /*font-size:.9em;*/ color:white; vertical-align:middle; padding:10px 10px; font-size:17px; }
.twm-content-member .topheader .btnopen { display:block; float:right; font-size:.9em; }
.twm-content-member .member-messagebox { display-x:none; }
.twm-content-member .member-messagebox .row { display:block; padding:0 50px 0 40px; padding:0 30px 0 25px; border-top:1px solid rgba(150,150,150,.5); border-top:1px solid rgba(255,255,255,.5); margin:0; position:relative; }
.twm-content-member .member-messagebox .row .icon { display:block; position:absolute; top:5px; left:15px; }
.twm-content-member .member-messagebox .row .icon { display:block; background:white; width:7px; height:7px; position:absolute; top:10px; left:19px; }
.twm-content-member .member-messagebox .row a { display:block; text-align:left; font-size:.9em; font-size:1em; line-height:140%; padding:10px 13px; text-decoration:none; color:white !important; text-shadow:none !important; }
.twm-content-member .member-messagebox .row a span { color:#e95236; font-size:100%; color:white !important; }
.twm-content-member .member-messagebox .row .btnclose { display:block; width:50px; position:absolute; right:0; top:0; height:100%; background:url(../asset/icon_close_white.svg) no-repeat 50% 50%; background-size:63%; opacity:.5; cursor:pointer; }
.twm-content-member2 { border-bottom:0; padding:0; box-shadow:0 1px 5px rgba(0,0,0,.2); }
.twm-content-member2 .content-box { background:#fff; }
.twm-content-member2 .topheader { text-align:center; padding:13px; font-size:1em; }
.twm-content-member2 .topheader .colorbar { display:block; height:5px; width:100%; background-position:center top; top:42px; }
.twm-content-member2 .member-messagebox .row { display:block; padding:0 50px 0 40px; border-top:1px solid rgba(150,150,150,.5); margin:0; position:relative; background-color:#f5f6f7; }
.twm-content-member2 .member-messagebox .row .icon { display:block; position:absolute; top:5px; left:15px; }
.twm-content-member2 .member-messagebox .row a { display:block; text-align:left; font-size:.9em; padding:10px 13px; text-decoration:none; }
.twm-content-member2 .member-messagebox .row a span { color:#e95236; }
.twm-content-member2 .member-messagebox .row .btnclose { display:block; width:50px; position:absolute; right:0; top:0; height:100%; background:url(../asset/icon_close.svg) no-repeat 50% 50%; background-size:35px; cursor:pointer; opacity:.5; }
.twm-content-member .topheader b,
.twm-content-member .topheader strong,
.twm-content-member .member-messagebox .row a { font-size:17px; font-weight:bold; }
.twm-content-note { background:#f5f6f7; padding:15px 20px; box-shadow:inset 0px 4px 8px -3px rgba(50,50,50,.2); font-size:.94em; }
.twm-content-note h4 { display:block; font-size:.9em; margin:20px 0; }
.twm-content-note h4:before,
.twm-content-note h4:after { display:inline-block; vertical-align:middle; width:80px; height:1px; border-top:1px solid black; content:''; margin:0 2px; }
.twm-content-note ul { display:block; list-style:decimal; padding:0 10px 20px 20px; }
.twm-content-note ul li { font-size:.88em; text-align:left; line-height:160%; margin-bottom:10px; text-align:justify; }
.twm-content-note-smaller { background:#f5f6f7; padding:20px 20px 2px 20px; font-size:.9em; }
.twm-content-note-smaller ul { display:block; list-style:decimal; padding:0 10px 20px 20px; }
.twm-content-note-smaller ul li { font-size:.88em; text-align:left; line-height:160%; margin-bottom:10px; text-align:justify; }
.twm-content-qa {}
.twm-content-qa .twm-content h4 { font-size:17px !important; padding:0 40px 0 0 !important; font-weight:bold; }
.twm-content-qa .twm-content .content { box-shadow:none !important; border-radius:0 !important; border:0 !important; font-size:.94em; line-height:160%; }
.content-promotion { display:block; padding:30px 20px; margin:0; }
.content-promotion h2 { display:block; padding:10px; text-align:center; margin:10px 0; vertical-align:middle; }
.content-promotion h3 { display:block; padding:10px; text-align:center; margin:10px 0; vertical-align:middle; }
.content-promotion h3:before,
.content-promotion h3:after { content:''; display:inline-block; width:40px; height:1px; border-top:1px solid black; margin:0 10px; vertical-align:middle; }
.category-header { padding:0; color:white; position:relative; margin-bottom-x:20px; }
.category-header .btn-back { height:20px; width:20px; overflow:hidden; position:absolute; top:14px; left:8px; color:white !important; font-size:.8em; vertical-align:middle; text-decoration:none; padding:2px 0 0 0; }
.category-header .btn-back .icon { margin:-2px 0 0 0; vertical-align:middle; }
.category-header .btn-more { height:32px; width:32px; overflow:hidden; position:absolute; top:11px; right:8px; }
.category-header .btn-more .icon { margin:0; vertical-align:middle; }
.category-header h4 { font-size:1.3em; color:white; padding:14px 0 10px 0; }
.category-header .btn-row { display:table; width:100%; }
.category-header .btn-row a { display:table-cell; margin:0; padding:3px; text-decoration:none; color:white !important; box-sizing:border-box; vertical-align:middle; opacity:.5; border:0; vertical-align:top; font-size:.9em; padding:5px; }
.category-header .btn-row a.active { border-bottom:4px solid white; opacity:1; color:rgba(50,50,50,.9) !important; cursor:pointer; }
.category-header .btn-row-cal2 a { width:calc(50% - 0px); width:50%; }
.category-header .btn-row-cal3 a { width:calc(33.333% - 0px); width:33%; }
.category-header .step-row { display:block; width:100%; background:#eee; padding-top:30px}
.category-header .step-row p { display:inline-block; margin:0; padding:3px; text-decoration:none; color:#888 !important; box-sizing:border-box; vertical-align:middle; opacity:.5; border:0; vertical-align:top; font-size:.85em; padding:5px; text-align:center; }
.category-header .step-row p.active { opacity:1; color:rgba(50,50,50,.9) !important; }
.category-header .step-row p .icon { display:block; margin:4px auto; background-size:130%; background-position:50% 50%; border-radius:50%; }
.category-header .step-row p.active .icon svg path { fill:#333; }
.category-header .step-row p.active .icon_step1 { background-image:url(../asset/icon_step1.svg); }
.category-header .step-row p.active .icon_step2 { background-image:url(../asset/icon_step2.svg); }
.category-header .step-row p.active .icon_step3 { background-image:url(../asset/icon_step3.svg); }
.category-header .step-row-cal3 p { width:calc(33.3% - 7px); top:70px}
.twm-header-switch { position:relative; height:50px; vertical-align:middle; }
.twm-header-switch h3 { vertical-align:middle; padding-top:12px; }
.twm-header-switch .btn-prev,
.twm-header-switch .btn-next { display:block; height:40px; color:#aaa !important; position:absolute; top:50%; margin-top:-25px; font-size:.7em; }
.twm-header-switch .btn-prev { left:-10px; }
.twm-header-switch .btn-next { right:-10px; }
.twm-header-switch .btn-prev .icon,
.twm-header-switch .btn-next .icon { margin-top:5px; vertical-align:middle; }
.menu-row { display:block; }
.menu-row a { display:block; padding:9px 20px 7px 20px; text-align:left; text-decoration:none; position:relative; font-size-x:18px; border-bottom:1px solid #ccc; }
.menu-row a:first-child { border-top:1px solid #ccc; }
.menu-row a .icon { display:inline-block; vertical-align:middle; margin-right:15px; margin-top:5px; }
.menu-row a .icon_arrowgo { margin:0; position:absolute; top:50%; margin-top:-20px; right:0; }
.menu-row a .right { display:inline-block; vertical-align:middle; opacity:.5; position:absolute; right:40px; top:20px; font-size:inherit; }
.menu-row-app { display:block; }
.menu-row-app a { display:block; padding:15px 20px 7px 110px; text-align:left; text-decoration:none; position:relative; font-size-x:18px; border-bottom:1px solid #ccc; }
.menu-row-app a:last-child { border-bottom:0; }
.menu-row-app a img { display:block; position:absolute; top:15px; left:10px; }
.menu-row-app a b,.menu-row-app a strong { margin:15px 0; color:#fe3e49; font-size:1.1em; }
.menu-row-app a p { font-size:.95em !important; }
.app-screen-box { position:relative; height:520px; width:100%; }
.app-screen-box .mask { display:block; overflow-x:scroll; position:absolute; top:0; left:0; width:100%; height:100%; }
.app-screen-box .con { display:block; position:absolute; top:30px; left:0; }
.app-screen-box .con img { display:inline-block; height:460px; width:260px; margin-right:25px; }
.segment-head { display:inline-block !important; text-align:center !important; font-size:.9em !important; margin:20px auto !important; }
.segment-head:before,
.segment-head:after { display:inline-block; vertical-align:middle; width:80px; height:1px; border-top:1px solid black; content:''; margin:0 2px; }
.plan-block { border-bottom:1px solid #ccc; box-sizing:border-box; padding:6px 15px; width:100%; text-align:left; position:relative; }
.plan-block:last-child { border-bottom:0 !important; }
.plan-block h4 { display:block; width:100%; vertical-align:middle; padding:0; font-size:1.4em; text-align:left; }
.plan-block .btn-open-close { display:block; box-sizing:border-box; width:26px; height:26px; border:1px solid #333; border-radius:50%;
position:absolute; top:18px; right:15px; text-align:center; padding:0; }
.plan-block .btn-open-close .icon { border:0px solid green; margin:0; }
.plan-block .btn-open-close-text { position:absolute; top:21px; right:48px; padding:0; }
.plan-block .currently-use { display:inline; vertical-align:middle; background-color:orange; color:white; padding:4px 6px; border-radius:3px; position:absolute; top:15px; right:50px; }
.plan-block .currently-use .icon { display:inline-block; vertical-align:middle; margin:0 0 0 -3px; }
.plan-block .content { display:block; box-sizing:border-box;
border:1px solid rgba(200,200,200,.7); width:100%; margin:0 0 10px 0;
overflow:hidden; border-radius:4px;
box-shadow:inset 0 1px 8px rgba(50,70,100,.15); }
.plan-block .content > img { width:100%; height:auto; }
.plan-block .content-noborder { border:0; box-shadow:none; text-align:left; font-size:.85em; padding:10px; }
.plan-block .content-over { display:block; box-sizing:border-box;
border:1px solid rgba(200,200,200,.7); width:100%; margin:0 0 10px 0;
overflow:hidden; border-radius:4px; background:white;
box-shadow:0 1px 2px rgba(50,70,100,.15); }
.plan-block .content-over img { display:block; width:100%; height:auto; margin:10px auto; }
.plan-block .content-over .btn { display:table; margin:10px auto; }
.plan-block .content-full { margin:10px 0; }
.plan-block .formbox { display:block; display:table; box-sizing:border-box; width:100%; }
.plan-block .formbox .row { display:block; width:100%; border-bottom:1px solid #ccc; padding:5px 0; }
.plan-block .formbox .row:last-child { border-bottom:0; }
.plan-block .formbox .row b,
.plan-block .formbox .row strong,
.plan-block .formbox .row p { display:inline-block; vertical-align:top; text-align:left; }
.plan-block .formbox .row b,
.plan-block .formbox .row strong { width:80px; padding:3px 6px; padding-top:9px !important; font-weight:bold; }
.plan-block .formbox .row h5 { padding:3px 8px; font-weight:bold; }
.plan-block .formbox .row p { width:calc(100% - 99px); padding:1px 6px; }
.plan-block .formbox .row p span { display:block; color:#4ab3f3; font-size:inherit; }
.plan-block .formbox .row-head { padding:5px 0; background:#e9eaeb; text-shadow:1px 1px 0 white; }
.plan-block .formbox .row-head b,
.plan-block .formbox .row-head strong,
.plan-block .formbox .row-head p { font-weight:bold; }
.plan-block .formbox-green-b b,
.plan-block .formbox-green-b strong { color:#8ad128; }
.plan-block h3 { font-size:1.0em; margin:12px 0; text-align:center; }
.plan-block h4 { font-size:1.1em; margin:15px 0; }
.plan-block h5 { font-size:1.0em; margin:15px 0; }
.plan-block h2 { font-size:1.3em; margin:15px 0; }
.plan-block h2 .icon { margin:0 10px -4px -10px; }
.plan-block .formbox .row-incol { display:inline-block !important; width:50% !important; margin-right:0; float:left; border-bottom:0 !important; }
.plan-block .btnset .btn { padding:8px 30px; }
.plan-block .btnset-150 .btn,
.btnset-150 .btn
{ width:150px; }
.plan-block .formbox .row-head,
.plan-block .formbox .row
{ display:table; width:100%; position:relative !important; }
.plan-block .formbox .row-head > b,
.plan-block .formbox .row-head > strong,
.plan-block .formbox .row-head > p,
.plan-block .formbox .row > b,
.plan-block .formbox .row > strong,
.plan-block .formbox .row > p
{ display:inline-block; display:table-cell; border-topx:1px solid #ccc; border-bottom-xxx:1px solid #ccc; font-size:1em; font-size:15px; padding:8px; }
.plan-block .formbox .row .p > img { display: block;}
.plan-block .formbox .row-head:first-child b,
.plan-block .formbox .row-head:first-child strong,
.plan-block .formbox .row-head:first-child p,
.plan-block .formbox .row:first-child b,
.plan-block .formbox .row:first-child strong,
.plan-block .formbox .row:first-child p
{ border-top:0; }
.plan-block .formbox .row-head:last-child > b,
.plan-block .formbox .row-head:last-child > strong,
.plan-block .formbox .row-head:last-child > p,
.plan-block .formbox .row:last-child > b,
.plan-block .formbox .row:last-child > strong,
.plan-block .formbox .row:last-child > p,
.plan-block .formbox-col1 .row > b,
.plan-block .formbox-col1 .row > p,
.plan-block .formbox-col1-left .row > b,
.plan-block .formbox-col1-member .row > b,
.plan-block .formbox-col1-member .row > p,
.plan-block .formbox-inrow .row > b,
.plan-block .formbox-inrow .row > p
{ border-bottom:0; }
.plan-block .formbox .row a.btn-loc { display:table-cell; border-left:1px dashed #ccc; text-align:center; padding:8px; font-size:12px; text-decoration: none; }
.plan-block .formbox .row a.btn-loc .icon { margin:0; }
.plan-block .formbox .row-head b smaller,
.plan-block .formbox .row-head strong smaller,
.plan-block .formbox .row b smaller,
.plan-block .formbox .row strong smaller { font-size:.8em; color:#888; }
.plan-block .formbox-col2 .row-head b,
.plan-block .formbox-col2 .row b,
.plan-block .formbox-col2 .row-head strong,
.plan-block .formbox-col2 .row strong { width:36%; text-align:left; }
.plan-block .formbox-col2 .row-head p,
.plan-block .formbox-col2 .row p { width:60%; text-align:left; }
.plan-block .formbox-col3 .row b,
.plan-block .formbox-col3 .row strong { width:20%; text-align:left; }
.plan-block .formbox-col3 .row p { width:37%; text-align:left; }
.plan-block .formbox-col3-433 .row-head b,
.plan-block .formbox-col3-433 .row-head strong,
.plan-block .formbox-col3-433 .row-head p,
.plan-block .formbox-col3-433 .row b,
.plan-block .formbox-col3-433 .row strong,
.plan-block .formbox-col3-433 .row p
{ width:30%; }
.plan-block .formbox-col3-433 .row-head b:nth-child(1),
.plan-block .formbox-col3-433 .row-head strong:nth-child(1),
.plan-block .formbox-col3-433 .row-head p:nth-child(1),
.plan-block .formbox-col3-433 .row b:nth-child(1),
.plan-block .formbox-col3-433 .row strong:nth-child(1),
.plan-block .formbox-col3-433 .row p:nth-child(1)
{ width:37%; }
.plan-block .formbox-col3-343 .row-head b,
.plan-block .formbox-col3-343 .row-head strong,
.plan-block .formbox-col3-343 .row-head p,
.plan-block .formbox-col3-343 .row b,
.plan-block .formbox-col3-343 .row strong,
.plan-block .formbox-col3-343 .row p
{ width:36%; }
.plan-block .formbox-col3-343 .row-head b:nth-child(2),
.plan-block .formbox-col3-343 .row-head strong:nth-child(2),
.plan-block .formbox-col3-343 .row-head p:nth-child(2),
.plan-block .formbox-col3-343 .row b:nth-child(2),
.plan-block .formbox-col3-343 .row strong:nth-child(2),
.plan-block .formbox-col3-343 .row p:nth-child(2)
{ width:27%; }
.plan-block .formbox-col3-333 .row-head b,
.plan-block .formbox-col3-333 .row-head strong,
.plan-block .formbox-col3-333 .row-head p,
.plan-block .formbox-col3-333 .row b,
.plan-block .formbox-col3-333 .row strong,
.plan-block .formbox-col3-333 .row p
{ width:33%; }
.plan-block .formbox-col3-333 .row-head b:nth-child(1),
.plan-block .formbox-col3-333 .row-head strong:nth-child(1),
.plan-block .formbox-col3-333 .row-head p:nth-child(1),
.plan-block .formbox-col3-333 .row b:nth-child(1),
.plan-block .formbox-col3-333 .row strong:nth-child(1),
.plan-block .formbox-col3-333 .row p:nth-child(1)
{ width:31%; }
.plan-block .formbox-col3-334 .row-head b,
.plan-block .formbox-col3-334 .row-head strong,
.plan-block .formbox-col3-334 .row-head p,
.plan-block .formbox-col3-334 .row b,
.plan-block .formbox-col3-334 .row strong,
.plan-block .formbox-col3-334 .row p
{ width:18%; }
.plan-block .formbox-col3-334 .row-head b:nth-child(1),
.plan-block .formbox-col3-334 .row-head strong:nth-child(1),
.plan-block .formbox-col3-334 .row-head p:nth-child(1),
.plan-block .formbox-col3-334 .row b:nth-child(1),
.plan-block .formbox-col3-334 .row strong:nth-child(1),
.plan-block .formbox-col3-334 .row p:nth-child(1)
{ width:27%; }
.plan-block .formbox-col3-334 .row-head b:nth-child(3),
.plan-block .formbox-col3-334 .row-head strong:nth-child(3),
.plan-block .formbox-col3-334 .row-head p:nth-child(3),
.plan-block .formbox-col3-334 .row b:nth-child(3),
.plan-block .formbox-col3-334 .row strong:nth-child(3),
.plan-block .formbox-col3-334 .row p:nth-child(3)
{ width:45%; }
.plan-block .formbox-col4 .row b,
.plan-block .formbox-col4 .row strong { width:20%; text-align:left; }
.plan-block .formbox-col4 .row p { width:25%; text-align:left; }
.plan-block .formbox-colplan .row b,
.plan-block .formbox-colplan .row strong { width:90px; text-align:left; word-break:break-all; }
.plan-block .formbox-colplan .row p { width:auto; text-align:left; }
.plan-block .formbox-colplan4 .row b,
.plan-block .formbox-colplan4 .row strong { width:25%; text-align:left; word-break:break-all; }
.plan-block .formbox-colplan4 .row p { width:25%; text-align:left; }
.plan-block .formbox-colplan4 .row p.doublecol { width:50%; }
.plan-block .formbox-switch-block { display:block !important; }
.plan-block .formbox-switch-block .row { display:block !important; border-bottom:1px solid #ccc; position:relative !important; }
.plan-block .formbox-switch-block .row b,
.plan-block .formbox-switch-block .row strong,
.plan-block .formbox-switch-block .row p { display:block !important; width:100% !important; border:0 !important; text-align:left !important; padding:3px 10px; }
.plan-block .formbox-switch-block .row p { margin-top:-5px !important; margin-bottom:0 !important; }
.plan-block .formbox-switch-block .row a { display:block; position:absolute; top:6px; right:15px; }
.plan-block .formbox-switch-block-biggercon .row b,
.plan-block .formbox-switch-block-biggercon .row strong { margin-top:10px; margin-bottom:20px; }
.gift-item .gift { display:block !important; margin:20px auto !important; width:250px !important; height:auto !important; }
.formbox-loc { margin-bottom:18px; }
.formbox-loc .row,
.formbox-loc .row-head
{ display:block; width:100%; border-bottom:1px solid #ccc; padding:15px 10px 0 10px; }
.formbox-loc .row:last-child { border-bottom:0; }
/*
.formbox-loc .row b,
.formbox-loc .row p { display:inline-block; vertical-align:top; text-align:left; }
.formbox-loc .row p { width:calc(100% - 99px); padding:1px 6px; border-top:0 !important; }
.formbox-loc .row a { display:block; color:#4ab3f3; font-size:inherit; }
*/
.formbox-loc .row b,
.formbox-loc .row span,
.formbox-loc .row p { display-xx:block !important; width:100% !important; padding:1px 6px; border-top:0 !important; text-align:left !important; vertical-align:top; }
.formbox-loc .row b,
.formbox-loc .row strong { font-size:1.07em !important; }
.formbox-loc .row a { display:block; color:#4ab3f3; font-size:inherit; }
.formbox-loc .row-head { padding:0 !important; background:#e9eaeb; text-shadow:1px 1px 0 white; }
.formbox-loc .row-head b,
.formbox-loc .row-head strong { display:block; width:100% !important; padding:12px 8px !important; }
.formbox-loc .row-head p { border-bottom:0 !important; }
.plan-block .formbox-loc .row b,
.plan-block .formbox-loc .row strong { font-size:1.02em !important; padding-top:18px !important; }
.formbox-loc .row-head p { display:block; position:absolute; top:2px; right:10px; font-size:.86em !important; font-weight:normal !important; }
.formbox-loc .map-block { width:100%; height:250px; margin-bottom:-15px; border:10px solid white; }
.formbox-promo { margin-bottom:18px; }
.formbox-promo .row,
.formbox-promo .row-head,
{ display:block; width:100%; border-bottom:1px solid #ccc; padding:15px 10px 0 10px; }
.formbox-promo .row:last-child { border-bottom:0; }
/*
.formbox-loc .row b,
.formbox-loc .row p { display:inline-block; vertical-align:top; text-align:left; }
.formbox-loc .row p { width:calc(100% - 99px); padding:1px 6px; border-top:0 !important; }
.formbox-loc .row a { display:block; color:#4ab3f3; font-size:inherit; }
*/
.formbox-promo .row b,
.formbox-promo .row strong,
.formbox-promo .row span,
.formbox-promo .row p { display:block !important; text-decoration:none !important; width:100% !important; padding:1px 15px !important; border-top:0 !important; text-align:left !important; vertical-align:top; }
.formbox-promo .row b,
.formbox-promo .row strong { font-size:1.07em !important; }
.formbox-promo .row a { display:block; color:#4ab3f3; font-size:inherit; text-decoration:none !important; }
.formbox-promo .row a b,
.formbox-promo .row a strong,
.formbox-promo .row a p,
.formbox-promo .row a span { text-decoration:none !important; }
.formbox-promo .row-head { padding:12px 0 !important; background:#e9eaeb; text-shadow:1px 1px 0 white; }
.formbox-promo .row-head b,
.formbox-promo .row-head strong { display:block; width:100% !important; padding:12px 8px !important; }
.plan-block .formbox-promo .row b,
.plan-block .formbox-promo .row strong { font-size:1.02em !important; padding-top:18px !important; }
.formbox-promo .row-head p { display:block; position:absolute; top:2px; right:10px; font-size:.86em !important; font-weight:normal !important; }
.formbox-promo .map-block { width:100%; height:250px; margin-bottom:-15px; border:10px solid white; }
.formbox-col2-28 .row-head b:nth-child(1),
.formbox-col2-28 .row-head strong:nth-child(1),
.formbox-col2-28 .row-head p:nth-child(1),
.formbox-col2-28 .row b:nth-child(1),
.formbox-col2-28 .row strong:nth-child(1),
.formbox-col2-28 .row p:nth-child(1)
{ width:20%; text-align:left !important ;}
.formbox-col2-28 .row-head b,
.formbox-col2-28 .row-head strong,
.formbox-col2-28 .row-head p,
.formbox-col2-28 .row b,
.formbox-col2-28 .row strong,
.formbox-col2-28 .row p
{ width:80%; text-align:center; }
.formbox-col2-55 .row b:nth-child(1),
.formbox-col2-55 .row strong:nth-child(1),
.formbox-col2-55 .row p:nth-child(1)
{ width:50%; text-align:left !important ;}
.formbox-col2-55 .row b,
.formbox-col2-55 .row strong,
.formbox-col2-55 .row p
{ width:49%; text-align:center; }
.formbox-col2-64 .row b:nth-child(1),
.formbox-col2-64 .row strong:nth-child(1),
.formbox-col2-64 .row p:nth-child(1)
{ width:60%; text-align:left !important ;}
.formbox-col2-64 .row b,
.formbox-col2-64 .row strong,
.formbox-col2-64 .row p
{ width:38%; text-align:center; }
.formbox-col1 .row b,
.formbox-col1 .row strong,
.formbox-col1 .row p,
.formbox-col1 .row h4,
.formbox-col1 .row div
{ display:block !important; width:100% !important; text-align:center !important; }
.formbox-col1 .row b,
.formbox-col1 .row strong { padding-top:15px !important; margin-bottom:-10px !important; }
.formbox-col1 .row p { border-top:0 !important; margin-bottom:0px !important; }
.formbox-col1 .row h4 { margin-bottom:0px !important; }
.formbox-col1 .row { display:block !important; border-bottom:1px solid #ccc; }
.formbox-col1-left .row b,
.formbox-col1-left .row strong,
.formbox-col1-left .row p,
.formbox-col1-left .row h4,
.formbox-col1-left .row div
{ display:block !important; padding:10px 15px !important; width:100% !important; text-align:left !important; }
.formbox-col1-left .row b,
.formbox-col1-left .row strong { padding-top:25px !important; margin-bottom:-15px !important; }
.formbox-col1-left .row p { border-top:0 !important; margin-bottom:10px !important; }
.formbox-col1-left .row { display:block; border-x:1px solid #ccc; }
.formbox-col1-member .row b,
.formbox-col1-member .row strong,
.formbox-col1-member .row p,
.formbox-col1-member .row h4,
.formbox-col1-member .row > div
{ display:block !important; padding:10px 15px !important; width:100% !important; text-align:left !important; }
.formbox-col1-member .row b,
.formbox-col1-member .row strong { padding-top:25px !important; margin-bottom:-15px !important; color:orange; border-top:0 !important; }
.formbox-col1-member .row p { border-top:0 !important; border-bottom:0 !important; margin-bottom:2px !important; font-size:17px; }
.plan-block .formbox-col1-member .row,
.formbox-col1-member .row { display:block !important; border-bottom:1px solid #ccc; padding:0 !important; position:relative; }
.formbox-col1-member .row .frame { padding:0 !important; position:relative; }
.formbox-col1-member .row .frame div { padding:5px !important; margin:0; }
.formbox-col1-member .row .frame div select-x { font-size:1.1em; }
.formbox-col1-member .row .frame div > span { display:block; font-size:.8em; margin:5px 10px; }
.formbox-col1-member .row .frame > .w100-xx { padding:5px 12px !important; }
.frame-member-btnset { display:block; padding-bottom:10px; }
.frame-member-btnset > div { display:block; padding-bottom:10px; }
.frame-member-btnset > div a { display:inline-block; border:1px solid #ccc; border-radius:4px; padding:4px; margin:2px -1px;
text-align:center; width:calc(33% - 2px); }
.frame-member-btnset > div a.active { border:1px solid orange; color:orange !important; font-weight:bold; }
.formbox-form {}
.formbox-form .row { border-radius:0; display:block; width:100% !important; border-bottom:1px solid #ccc !important; }
.formbox-form .row b,
.formbox-form .row strong,
.formbox-form .row p,
.formbox-form .row .frame,
.formbox-form .row h5 { display:block !important; width:100% !important; text-align:left !important; }
.formbox-form .row p,
.formbox-form .row .frame { }
.formbox-form .row .frame p { display:block; border-top:0; font-size:inherit; margin:0; padding:0 8px; }
.plan-block .formbox-form .row { display:block; padding:5px 10px !important; }
.bill-btn-set { display:block; width:100%; padding:8px 0 15px 0 !important; border-bottom-x:1px solid #ccc; box-sizing:border-box; margin:-5px 0 0 0 !important; }
.bill-btn-set a { display:inline-block; text-decoration:none; font-size:.9em; padding:4px 7px; border-radius:30px; }
.formbox-col { display:block; }
.formbox-col .row { display:inline-block; vertical-align:top; margin:10px 0; padding:10px 0; width:calc(50% - 4px); border-right:1px dotted #ccc; }
.formbox-col .row:last-child { border-right:0; }
.formbox-col .row b,
.formbox-col .row strong,
.formbox-col .row p { display:block; width:100%; padding:1px 0; text-align:center; }
.formbox-col .row p { font-size:2.4em; font-family:'Roboto'; font-weight:300; color:#333; }
.formbox-col .row p.orange { color:orange; }
.formbox-col .row p.green { color:#8ad128; }
.formbox-col .row small { font-size:.8em; }
.formbox-inrow { display:block !important; }
.formbox-inrow .row { display:block !important; }
.formbox-inrow .row b,
.formbox-inrow .row strong,
.formbox-inrow .row p { display:block !important; width:100% !important; padding:1px 0; border-top:0 !important; }
.formbox-inrow .row b,
.formbox-inrow .row strong { padding-bottom:0 !important; text-align:center !important; }
.formbox-inrow .row p { border-bottom-x:1px solid #ccc !important; text-align:center !important; }
.formbox-inrow .row:last-child p { border-bottom:0 !important; }
.formbox-header { display:block; margin:14px 0 8px 0; background-x:#e5e6e7; font-weight:bold; font-size:1.3em; }
.formbox-header-area { display:block; margin:0; background:#e5e6e7; padding:1px 20px; text-align:center; }
.formbox-header-area p { line-height:140%; margin:-10px 15px 10px 15px; font-size:14px; }
.break-header { display:block; background:#eee; padding:15px !important; margin:8px 0 0 0; text-align:center !important; font-weight:bold; }
.plan-block .content-table {}
.plan-block .content-table .row { padding:10px 12px; }
.plan-block .content-table .row h5,
.plan-block .content-table .row p { padding:2px 4px; margin:0; }
.plan-block .content-table .row p { font-size:16px; }
.plan-block .content-table .row p span.green { display:inline-block; color:#8ad128; font-size:16px; }
.plan-block .content-table .row p span.link { display:inline-block; color:#888; font-size:14px; }
.plan-block .content-table .row h5 { opacity:.5; }
.plan-block-inner { padding:4px; }
.content-privacy { display:block; text-align:justify; line-height:150%; padding:0; }
.content-privacy .row { display:block; padding:15px 30px; }
.content-privacy .row:nth-child(even) { background-color:#f5f6f8; }
.content-privacy h4 { color-x:orange; font-size:1.2em; font-weight:bold; margin:10px 0; }
.content-privacy p { margin:10px 0; }
.content-privacy ul { display:block; margin:10px 0 10px 14px; }
.content-privacy ul li { margin-bottom:10px; }
.twm-content-news {}
.twm-content-news .row { display:block; border-bottom:1px solid #ccc; text-decoration:none; text-align:left; padding:15px 20px; }
.twm-content-news .row span { color:#999; font-size:.9em; }
.twm-content-news .row h5 { font-size:18px; color:orange; margin:10px 0; }
.twm-content-news .row p { font-size:14px; font-weight:normal; }
.twm-content-news .row img { display:block; margin:8px 0; width:100%; height:auto; }
.twm-content-newscon { display:block; text-align:left; padding:15px 20px; }
.twm-content-newscon span { color:#999; font-size:.9em; }
.twm-content-newscon h3 { font-size:22px; font-weight:bold; color:orange; margin:15px 0; background-color:none; }
.twm-content-newscon p { font-size:14px; font-weight:normal; line-height:150%; }
.twm-content-newscon img { display:block; margin:12px 0; width:100%; height:auto; }
.usage-data-main { display:block; width:100%; height:220px; position:absolute; top:0; left:0; text-align:center; padding-top:95px; }
.usage-data-main span { display:block; margin:5px; }
.usage-data-main h4 { font-size:2em; color:#8cd328; font-family-x:'Roboto'; font-weight:bold; margin:0; text-align:center; }
.usage-data-row { margin:20px 0; }
.usage-data-row p { display:inline-block; }
.usage-data-row p span { display:inline-block; width:15px; height:15px; overflow:hidden; margin:0 10px; border-radius:50%; vertical-align:middle; }
.usage-data-row p span.color-green { background-color:#8cd328; }
.usage-data-row p span.color-gray { background-color:#dcdcdc; }
.usage-data-info {
margin: 20px -20px -46px -20px;
display: table;
width: calc(100% + 40px);}
.usage-data-info .row { display:table-row; border-bottom:1px solid #ccc; padding:0; }
.usage-data-info .row:last-child { border-bottom:0; }
.usage-data-info .row:last-child p { border-top:1px solid #ccc; }
.usage-data-info .row p { display:table-cell; width:50%; text-align:center; border-right:1px solid #ccc; padding:35px 20px; margin:0; font-size:1.1em; font-weight:bold; }
.usage-data-info .row p:last-child { border-right:0; }
.usage-data-info .row p span { display:block; font-size:14px; font-weight:normal; }
.content-suggest-banner { margin-top:20px; position:relative; border:0px dotted gray; }
.content-suggest-banner a { text-decoration:none; }
.content-suggest-banner img { display:block; height:150px; margin:10px auto; }
.content-suggest-banner b,
.content-suggest-banner strong { color:orange; }
.content-suggest-banner .btn-prev,
.content-suggest-banner .btn-next
{ display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-25px; border:0px solid red; }
.content-suggest-banner .btn-prev { left:0; }
.content-suggest-banner .btn-next { right:0; }
.content-suggest-banner .btn-prev .icon,
.content-suggest-banner .btn-next .icon { margin:0; }
.graybanner { border-radius:5px; background:#f2f3f4; padding:15px; margin:10px 0 !important; }
.graybanner b,
.graybanner strong { font-size:1.2em; }
.graybanner p { margin-bottom:0; }
.search-result-block { display:block; font-size:16px !important; background-x:#f2f3f4;
padding:15px; border-bottom:1px solid #ccc; margin-top:0 !important;
box-shadow:inset 0 4px 10px -10px rgba(0,0,0,.2);
}
.quicklink-row { display:block; height:47px; overflow:hidden; padding:0; width:100%; position:relative; }
.quicklink-row .bar { transition:all .3s; display:block; height:3px; width:100px; background:#7ab549; position:absolute; bottom:0; left:20px; }
.quicklink-row .mask { display:block; height:47px; overflow-x:auto; position:relative; }
.quicklink-row .con { display:block; height:47px; margin-left:20px; width:auto; position:absolute; top:0; left:0; }
.quicklink-row .con a { transition:all .3s; display:inline-block; padding:10px; padding-top:15px; font-size:.9em; cursor:pointer; text-decoration:none; opacity:.5; }
.quicklink-row .con a.active { color:#7ab549; border-bottom-xx:4px solid #7ab549; opacity:1; }
.quicklink-row .sidecover-left,
.quicklink-row .sidecover-right { display:block; width:20px; height:40px; position:absolute; top:0; border-xx:1px solid #ccc; }
.quicklink-row .sidecover-left {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
left:0;
}
.quicklink-row .sidecover-right {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
right:0;
}
.content-banner-border { border:0px solid #333; background:#d1d2d6; padding:5px 20px; border-radius:8px; margin-bottom:10px; }
.content-banner-border .btn { background:rgba(80,90,110,.95); color:white !important; font-weight:bold; padding:10px 20px 8px 20px; }
.gift-selected { border-x:2px solid orange; box-sizing:border-box; position:relative; }
.gift-selected .cover { display:block; width:100%; height:100%; background:rgba(50,50,56,.8);
box-sizing:border-box; position:absolute; top:0; left:0; padding-top:48%; color:white; }
.gift-selected .cover p { color:white; }
.row-selectset-direct {}
.row-selectset-direct label { margin-left:12px !important; }
.img-header { display:block; height:210px; position:relative; overflow:hidden; }
.img-header img { display:block; height:auto; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.img-header b,
.img-header strong { display:block; width:100%; color:white; font-size:1.3em; font-weight:bold; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-shadow:0 1px 3px rgba(0,0,0,.6); }
/*
.bannerbox { display:block; border:1px solid red; height:350px; }
.rowbannerbox { display:block; background:#e5e6e7; padding:5px 12px 0 12px; border-top:1px solid #d8d9da; border-bottom:1px solid #e1e2e3; }
.rowbannerbox div { display:block; width:100%; padding:10px; text-align:center; }
.rowbannerbox div img { display:block; width:100%; height:auto; margin:0 auto; box-shadow:0 1px 2px rgba(0,0,0,0.2); max-width:320px; }
.rowbannerbox div p { display:inline-block; width:100%; overflow:hidden; white-space:nowrap; padding:0; margin:8px auto 0 auto; text-overflow:ellipsis; }
.rowbannerbox .btnprev, .rowbannerbox .btnnext { display:block; width:20px; height:20px; position:absolute; top:70px; background-repeat:no-repeat; background-position:center; background-size:80%; opacity:.4; cursor:pointer; }
.rowbannerbox .btnprev { left:0; z-index:11; }
.rowbannerbox .btnnext { right:0; z-index:12; }
.textlinkbox { display:block; padding:10px 0; }
.textlinkbox a { display:block; text-align:left; padding:10px 15px; text-decoration:none; border-bottom:1px solid #ccc; }
.textlinkbox a p { display:block; color:#333; margin-right:32px; text-overflow:clip; white-space:nowrap; font-size:1em; text-overflow:ellipsis; }
.messagebox { display:block; padding:20px 15px 20px 20px; text-align:justify; }
.messagebox p { text-align:justify; }
.textlink { display:inline-block; margin:0 5px; font-size:.9em; background:#aaa; color:white !important; text-shadow:none !important; border-radius:15px; padding:2px 8px; text-decoration:none !important; cursor:pointer; }
.messagebox2 { display:block; padding:20px 15px 20px 20px; text-align:justify; border-bottom:#CECECE solid 1px; }
.messagebox2 >.noteheader2 { display:table; width:auto; margin:15px auto 15px auto; background:#fbfbfb; border:0px solid #ccc; border-radius:30px; color:#555; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.30); }
.messagebox3 { display:block; padding:20px 15px 40px 20px; text-align:justify; }
.messagebox3 >.noteheader2 { display:table; width:auto; margin:15px auto 15px auto; background:#fbfbfb; border:0px solid #ccc; border-radius:30px; color:#555; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.30); }
.messagebox2 > .ordercon { }
.messagebox4 { display:block; padding:20px 15px 20px 20px; text-align:justify; }
.messagebox5 { display:block; padding:20px 15px 20px 20px; text-align:justify; }
.messagebox5 >.noteheader2 { display:table; width:auto; margin:15px auto 15px auto; background:#fbfbfb; border:0px solid #ccc; border-radius:30px; color:#555; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.30); }
.messagebox6 { display:block; padding:20px 15px 20px 20px; text-align:justify; }
.messagebox6 >.noteheader2 { display:table; width:auto; margin:25px auto 5px auto; padding:7px 15px 7px 15px; font-size:1.4em; letter-spacing:1px; font-weight:normal;}
.messagebox7 { display:block; padding:0px 15px 0px 20px; text-align:left !important; }
.messagebox7 >.noteheader2 { display:table; width:auto; margin:25px auto 5px auto;padding:7px 15px 7px 15px; font-size:1.4em; letter-spacing:1px; font-weight:normal; }
.textlink:hover { background:#888; }
.textlinkbutton { background:#aaa; box-shadow:0 1px 1px rgba(0,0,0,.4); color:white !important; border-radius:4px; padding:12px 20px; cursor:pointer; }
.textlink:hover { background:#888; }
*/
/* Step */
/*
.stepbox { display:block; box-sizing:border-box; margin:10px; background:rgba(0,0,0,0.3); border-radius:50px; }
.stepbox p { display:inline-block; width:auto; color:rgba(255,255,255,0.5); padding:10px 5px; text-align:center; font-size:.8em; }
.stepbox p.active { color:white; }
.stepbox span { opacity:0.5; }
.stepbox span.active { opacity:1; }
*/
.stepbox { display:block; vertical-align:middle; box-sizing:border-box; margin:14px 0 0 0; }
.stepbox p { display:inline-block; width:auto; vertical-align:middle; color:rgba(255,255,255,0.5); padding:5px; text-align:center; font-size:.8em; }
.stepbox p.active { color:white; }
.stepbox span { opacity:0.5; }
.stepbox span.active { opacity:1; }
.formbox { display:block; text-align:left; }
.formbox > h2 { font-weight:normal; font-size:1.4em; text-align:center; padding:20px; letter-spacing:-.07em; }
.formbox > .row { display:block; margin:0; padding:12px 0; box-sizing:border-box; }
.formbox > .row > h5 { display:block; font-weight:normal; font-size:.85em; margin:5px 2px; }
.formbox > .row > h5 > span { display:inline-block; padding:0 4px; color:#999; }
input[type="text"],
.formbox > .row input[type="text"],
.formbox > .row input[type="date"],
.formbox > .row input[type="tel"],
.formbox > .row input[type="number"],
.formbox > .row input[type="password"],
.formbox > .row textarea
{ display:block; font-size:1.25em; padding:10px 10px 9px 10px; margin:2px 0; background:#f5f6f7;
border:1px solid #e5e5e5; border-radius:5px; max-width:100%; width:100%; }
.formbox > .row input.gray { font-size:.9em; padding:12px 10px 11px 10px; color:#aaa; }
.formbox > .row input.error { border:0px solid #eb5700; color:#333; box-shadow:inset 0 0 2px red !important; }
.formbox > .row input.phone-area { width:20%; }
.formbox > .row input.phone-number { width:70%; }
.formbox > .row input:focus { box-shadow:inset 0 0 2px rgba(0,0,0,0.4) !important; background:#fff; }
.formbox > .row input[type='text'] { width:100%; min-height:50px; }
.formbox > .row input[type='radio'] { display-x:block; width:20px; height:20px; font-size:1.25em; margin:3px 0; }
.formbox > .row input[type='checkbox'] { display:inline-block; margin:0; }
.formbox > .row > select { display:block; font-size:1.25em; padding:10px; margin:3px 0; width:100%; border:1px solid #ccc; border-radius:5px; }
.formbox > .row > div { display:block; padding:0; margin:0; box-sizing:border-box; }
.formbox > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box;
padding:0;
position:relative; }
.formbox > .row > div.frame-xxx { display:block; padding:0; margin:0; box-sizing:border-box; }
.formbox > .row > div.frame >h4 { padding:20px; font-size:1.2em; text-align:center; color:#000000; }
.formbox > .row > div.frame > .inforow { display:table; width:100%; background:white; padding:6px 10px; font-size:.9em; border-bottom:1px dotted #ccc; position:relative; cursor:pointer; }
.formbox > .row > div.frame > ul { display:block; padding:3px 15px; }
.formbox > .row > .frame-search { border:1px solid red; position:relative; }
.formbox > .row > .frame-search input { padding-right:100px; }
.formbox > .row > .frame-search .btn-remove,
.formbox > .row > .frame-search .btn-search { display:block; height:100%; width:50px; text-align:center; position:absolute; top:0; }
.formbox > .row > .frame-search .btn-remove { right:50px; opacity:.1; }
.formbox > .row > .frame-search .btn-search { right:0; background:white; border-radius:0 4px 4px 0; border:1px solid #ddd; }
.formbox > .row > .frame-search .btn-search:active { background:#888; color:white; }
.formbox > .row > .frame-search-row2 { position:relative; margin-top:8px; margin-bottom:-8px; padding:5px 0 0 0; }
.formbox > .row > .frame-search-row2 .btn-store { font-size:.9em; position:absolute; top:7px; right:0; }
.formbox > .row > div.frame .w15 { display:inline-block; width:calc(15% - 5px); vertical-align:top; }
.formbox > .row > div.frame .w30 { display:inline-block; width:calc(30% - 5px); vertical-align:top; }
.formbox > .row > div.frame .w40 { display:inline-block; width:calc(40% - 5px); vertical-align:top; }
.formbox > .row > div.frame .w60 { display:inline-block; width:calc(60% - 5px); vertical-align:top; }
.formbox > .row > div.frame .w70 { display:inline-block; width:calc(70% - 5px); vertical-align:top; }
.formbox > .row > div.frame .w85 { display:inline-block; width:calc(85% - 0px); vertical-align:top; }
.formbox > .row > div.frame > .inforow a { color:#eb5700; }
.formbox > .row > div.frame > .inforow > .title { width-x:40%; color:#999; font-size:.8em; }
.formbox > .row > div.frame > .inforow > .price { color:#333 !important; padding:0; font-weight:bold; margin:0; }
.formbox > .row > div.frame > .inforow > .icon-canel-text { width-x:40%; color:#999; font-size:.8em; padding:-0px 100px 0px 50px;text-align:right;}
.formbox > .row > div.frame > .inforow > .icon-checked-black { display:inline-block; width:26px; height:26px; }
.formbox > .row > div.frame > .inforow > div { display-x:table-cell; vertical-align:top; padding:2px 0; font-size:1em; }
.formbox > .row > div.frame > .inforow:first-child { margin-top:1px; border-radius:4px 4px 0 0; }
.formbox > .row > div.frame > .inforow:last-child { margin-bottom:1px; border-radius:0 0 4px 4px; border-bottom:0; }
.formbox > .row > div.frame > .inforow > .largertitle { font-weight:bold; color:#eb5700; }
.formbox > .row > div.frame > .inforow > div > .subtitle { display:block; width:100%; padding:6px 0; margin-top:8px; }
.formbox > .row > div.frame > .inforow > div > .subrow { display:table; width:100%; box-sizing:border-box; margin:0; padding:0; border-bottom:1px dotted #ccc; position:relative; background:#f3f4f5; }
.formbox > .row > div.frame > .inforow > div > .subrow > b,
.formbox > .row > div.frame > .inforow > div > .subrow > strong { display:table-cell; width:120px; color:#999; font-weight:100; padding:7px; border-right: 1px dotted #ccc;}
.formbox > .row > div.frame > .inforow > div > .subrow > p { display:table-cell; font-size:.9em; margin:0; padding:7px; }
.formbox > .row > div.frame > .inforow > div > .subrow:last-child { border-bottom:0px; margin-bottom:7px; }
.formbox > .row .error-select { border:1px solid #eb5700; box-shadow: 0px 0px 2px #f00 inset !important; }
.formbox > .row > .error { border:1px solid #eb5700; box-shadow:0px 0px 2px #f00 inset !important; transition:all .3s; }
.formbox > .row > .error input { border:1px solid #eb5700; box-shadow:0px 0px 2px #f00 inset !important; transition:all .3s; }
.formbox > .row2 { display:block; margin:0; box-sizing:border-box; margin-top:-20px; }
.formbox > .row2 > h5 { display:block; font-weight:normal; font-size:.85em; margin:5px 2px; }
.formbox > .row2 > h5 > span { display:inline-block; padding:0 4px; color:#999; }
.formbox > .row2 > .comparethumbinfo { display:inline-block; width:49%; }
.formbox > .row2 > .comparethumbinfo > img { display:block; vertical-align:middle; margin:0 auto; width:120px; height:120px; }
.formbox > .row2 > .comparethumbinfo > b,
.formbox > .row2 > .comparethumbinfo > strong { text-align:center; color: #eb5700;display: block;font-size: .9em;margin: 8px 0px;padding: 0px 20px; }
.formbox > .row > div.frame > .inforow > div > .subtitle2 { display:block; width:100%; padding:6px 0; margin-top:8px; }
.formbox > .row > div.frame > .inforow > div > .subrow2 { display:table; width:100%; box-sizing:border-box; margin:0; padding:0; border-bottom:1px dotted #ccc; position:relative; background:#f3f4f5; }
.formbox > .row > div.frame > .inforow > div > .subrow2 > b,
.formbox > .row > div.frame > .inforow > div > .subrow2 > strong { display:table-cell; width:50%; color:#999; font-weight:100; padding:7px; border-right: 1px dotted #ccc;}
.formbox > .row > div.frame > .inforow > div > .subrow2 > p { display:table-cell; color:#999; font-size:.9em; margin:0; padding:7px; }
.formbox > .row > div.frame > .inforow > div > .subrow2:last-child { border-bottom:0px; margin-bottom:7px; }
.formbox1 { display:block; text-align:left; }
.formbox1 > .row { display:block; margin:0; padding:12px 0; box-sizing:border-box; }
.formbox1 > .row > div.frame > .inforow { display:table; width:100%; background:white; padding:10px 15px 20px 15px; font-size:.9em; position:relative; border-bottom:1px dotted #ccc;}
.formbox1 > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }
.formbox1 > .row > div.frame > .inforow > .price { font-size:1.1em; font-weight:bold; margin:0; padding:0; }
.formbox2 { display:block; text-align:left; }
.formbox2 > .row { display:block; margin:0; padding:12px 0; box-sizing:border-box; }
.formbox2 > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }
.formbox2 > .row > div.frame > .inforow { display:table; width:100%; background:white; padding:10px 15px 20px 15px; font-size:.9em; position:relative; }
.formbox-checkboxset .row label { margin-left:30px; }
.listview > div { display:block; margin-bottom:4px; }
.listview > div:last-child { border-bottom:0px; }
.listview > div > b,
.listview > div > strong { display:block; font-size:.7em; margin-top:15px; text-align:left !important; opacity:.5; }
.listview > div > p { text-align-x:center !important; font-size:.9em; cursor:pointer; padding-left:40px !important; }
.sub-content-block { font-size:.9em; padding-top:6px; }
.sub-content-block .row { border-bottom:0 !important; }
.sub-content-block .row h5 { border:0; padding:0; margin:5px 0; }
.sub-content-block .gift-x { width:calc(100% - 20px); display:block; box-sizing:border-box; margin:10px; text-align:center;
border-x:2px solid orange; border-radius:4px; font-size:1.05em; padding:10px; }
.sub-content-block .gift { width:100%; display:block; box-sizing:border-box; margin:-6px 0 0 0; text-align:center;
border-x:2px solid orange; border-radius:0px; font-size:1.05em; padding:10px;
background:orange; color:white;
}
.sub-content-block .gift span { display:inline-block; margin:0 5px; border:0;}
.sub-content-block .gift-gray { width:100%; display:block; box-sizing:border-box; margin:-6px 0 0 0; text-align:center;
border-x:2px solid orange; border-radius:0px; font-size:1.05em; padding:10px;
background:#f5f6f7; color:#444;
}
.right-button { display:block; height:24px; padding:0 30px 0 0; position:absolute; top:50%; margin-top:-12px; right:-10px;
font-size:.8em !important; vertical-align:middle; text-decoration: none; }
.right-button .icon { margin:0; position:absolute; top:-4px; right:0; }
/*
.frame center2 { display:block; text-align:left; }
.frame center2 > h2 { font-weight:normal; font-size:1.4em; text-align:center; padding:20px; letter-spacing:-.07em; }
.frame center2 > .row { display:block; margin:0; padding:12px 0; box-sizing:border-box; }
.frame center2 > .row > h5 { display:block; font-weight:normal; font-size:.85em; margin:5px 2px; }
.frame center2 > .row > h5 > span { display:inline-block; padding:0 4px; color:#999; }
.frame center2 > .row input { display:block; font-size:1.25em; padding:10px 10px 9px 10px; margin:2px 0; background:#f5f6f7; width:100%; border:1px solid #e5e5e5; border-radius:5px; }
.frame center2 > .row input.gray { font-size:.9em; padding:12px 10px 11px 10px; color:#aaa; }
.frame center2 > .row input.error { border:0px solid #eb5700; color:#333; box-shadow:inset 0 0 2px red !important; }
.frame center2 > .row input:focus { box-shadow:inset 0 0 2px rgba(0,0,0,0.4) !important; background:#fff; }
.frame center2 > .row input[type='radio'] { display:block; font-size:1.25em; margin:3px 0; width:auto; }
.frame center2 > .row input[type='checkbox'] { background:none; }
.frame center2 > .row > select { display:block; font-size:1.25em; padding:10px; margin:3px 0; width:100%; border:1px solid #ccc; border-radius:5px; }
.frame center2 > .row > div { display:block; padding:0; margin:0; box-sizing:border-box; }
.frame center2 > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }
.frame center2 > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }0
.frame center2 > .row > div.frame-xxx { display:block; padding:0; margin:0; box-sizing:border-box; }
.frame center2 > .row > div.frame > .inforow { display:table; width:100%; background:white; padding:6px 10px; font-size:.9em; border-bottom:1px dotted #ccc; position:relative; }
.frame center2 > .row > div.frame > .inforow > .title { width-x:40%; color:#999; font-size:.8em; }
.frame center2 > .row > div.frame > .inforow > .icon-checked-black { display:inline-block; width:26px; height:26px; }
.frame center2 > .row > div.frame > .inforow > div { display-x:table-cell; vertical-align:top; padding:2px 0; font-size:1em; }
.frame center2 > .row > div.frame > .inforow:first-child { margin-top:1px; border-radius:4px 4px 0 0; }
.frame center2 > .row > div.frame > .inforow:last-child { margin-bottom:1px; border-radius:0 0 4px 4px; border-bottom:0; }
.frame center2 > .row .error-select { border:1px solid #eb5700; box-shadow: 0px 0px 2px #f00 inset !important; }
.frame center2 > .row > .error { border:1px solid #eb5700; box-shadow:0px 0px 2px #f00 inset !important; }
.row > .btngray { margin:5px 0; }
.frame > .blockrow { display:block; width:100%; background:white; min-height:120px; padding:15px 0 15px 115px; font-size:.9em; border-bottom:1px dotted #ccc; position:relative; }
.frame > .blockrow > .thumb { width:100px; height:auto; position:absolute; top:10px; left:0; border:1px solid rgba(150,150,150,.2); }
.frame > .blockrow > b { display:block; font-size:1.0em; margin-bottom:8px; }
.frame > .blockrow > p { font-size:.9em; text-align:justify; }
.frame > .blockrow:first-child { margin-top:20px; }
.frame > .blockrow:last-child { border-bottom:0; margin-bottom:20px; }
.shareboxaddition { margin:18px 0 35px 0; }
.frame > .searchitem { display:block; border-bottom:1px dotted #ccc; padding:20px 0 10px 0; position:relative; text-align:center; margin:1px 0; background:#f5f5f5; }
.frame > .searchitem:last-child { border-bottom:0px; }
.frame > .searchitem > b { display:block; font-size:1.1em; color:#eb5700; font-weight:100; margin:10px 30px; }
.frame > .searchitem > a.btnselect { display:block; width:170px; height:auto; position-x:absolute; right-x:0; top-x:50%; background:#f5f5f5; color:white; background:#888; border:1px solid #ccc; border-radius:5px; margin:10px auto 15px auto; padding:12px 20px; cursor:pointer; box-shadow:0 0 1px rgba(0,0,0,0.3); }
.frame > .searchitem > a.btnselect:hover { background:#555; }
.formbox > .row .w100 { display:block; width:100% !important; vertical-align:middle; }
.formbox > .row .w80 { display:inline-block !important; width:74.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w70 { display:inline-block !important; width:69.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w60 { display:inline-block !important; width:59.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w40 { display:inline-block ; width:39.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w30 { display:inline-block ; width:29.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w20 { display:inline-block ; width:24.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .association { display:block; margin:0 3px; padding:5px; }
.formbox > .row p { display:block; font-size:.8em; margin:0 3px; padding:5px; text-align:justify; margin:0; }
.formbox > .package { display:block; margin:5px auto; padding:12px 10px 8px 10px; text-align:center; background:#f5f6f7; box-shadow-xxx:0 1px 2px rgba(0,0,0,.3); border:1px solid #ccc; border-radius:8px; }
.formbox > .package > h5 { color:#333; font-weight:normal; margin:6px 0; }
.formbox > .package .price { color:#eb5700; margin:4px; font-size:1em; }
.formbox > .package > img { display:block; width:auto; height:80px; margin:10px auto; }
.formbox > .package .btn-detail { display:block; vertical-align:middle; background:#aaa; color:white; padding:4px 8px; border-radius:4px; margin:3px 30px; cursor:pointer; box-shadow:0 1px 0px rgba(0,0,0,0.2); font-size:.9em; }
.formbox > .package .btn-detail:hover { background:#666; }
.formbox > .package .box { display:block; margin:0; border-bottom:1px dotted #ccc; padding:15px 0; }
.formbox > .package .box:first-child { margin-top:15px; }
.formbox > .package .box:last-child { border-bottom:0; padding-bottom:0; }
.formbox > .package .box > div { display:block; vertical-align:middle; }
.formbox > .package .button { display:inline-block !important; vertical-align:middle; width:25px; height:25px; margin:5px; border-radius:20px; background:#e5e5e6; border:1px solid #bbb; box-shadow:0 1px 0 rgba(0,0,0,0.2); cursor:pointer; }
.formbox > .package .button:hover { background:#bbb; }
.formbox > .package .btn-delete { vertical-align:middle; width:20px; height:30px; cursor:pointer; opacity:.7; }
.formbox > .package .btn-delete:hover { opacity:1; }
.formbox > .package .select .btn-delete { vertical-align:middle; width:40px; height:43px; opacity:1; cursor:pointer; display:block; margin:4px 0; border:1px solid rgba(50,50,50,.15); border-radius:6px; background-color:white; }
.formbox > .package p { display:inline-block; }
.formbox > .package > p.titlegray { display:inline-block; background:#ccc; padding:3px 10px; font-size:.8em; border-radius:20px; }
.formbox > .package > p.titlered { display:inline-block; background:#eb5700; padding:3px 10px; font-size:.8em; border-radius:20px; color:white; }
.formbox > .packagewhite { background:white; }
.formbox > .packagered { background:#eb5700; color:white; }
.formbox > .packagered > h5 { color:white; }
.formbox > .packagered > .price { color:white; }
.formbox > .packagered > .price2 { color:white;font-size:.8em; padding:10px 10px;}
.formbox > .packagephoto > h5 { color:#eb5700; }
.formbox > .icon-add, .icon-add { display:block; margin:2px auto; width:20px; height:20px; }
.btnapply { display:block; background:#999; color:white; padding:12px 0; border-radius:4px; font-size:.9em; text-decoration:none; text-align:center; width:100%; margin:2px auto; }
.narrowcheckbox {}
.frame-blank { position:relative; }
.frame-blank > .numbertype { display:block; font-size:.8em; margin:0 3px; padding:5px 14px; position:absolute; top:11px; right:5px; border-radius:3px; background:#888; color:white; }
.frame-blank > .numbertype-in { background:#FF7D00; }
.frame-blank > .numbertype-out { background:#98cb00; }
.frame-blank > .numbertype > .icon-checkedwhite,
.btngray2 > .icon-checked { display:inline-block; width:13px; height:13px; vertical-align:top; margin-right:7px; background-size:100% !important; background-position:0 1px !important; }
.framerow { display:table; width:70%; margin:5px auto; }
.framerow > div { display:table-cell; line-height:100%; vertical-align:middle; }
.framerow > div.select { width:86%; padding-left:40px; padding-right:4px; }
.framerow > div.select > .ui-select > .ui-btn { background:#fff !important; }
.framerow > div { display:table-cell; line-height:100%; vertical-align:middle; }
.content-framerow { display:table; width:40%; margin:5px auto; }
.content-framerow > div { display:table-cell; line-height:100%; vertical-align:middle; }
.content-framerow > div.select {}
.content-framerow > div.select > .ui-select > .ui-btn {}
.content-framerow > div { display:table-cell; line-height:100%; vertical-align:middle; }
.innerframe { padding:20px; background:white; border-radius:2px; }
.icon-cancel3 { display:block; background-color:#888; cursor:pointer; width:30px; height:30px; border-radius:15px; overflow:hidden; box-shadow:0 1px 1px rgba(0,0,0,.2); position:absolute; top:10px; right:10px; }
.icon-cancel3:hover { background-color:#555; }
.listbox > div > p.img-angle-white { display:block; width:20px; height:20px; position:absolute; top:-1px; left:-2px; background-size:100%; }
*/
.nav { display:block; text-align:center; margin:0 0 25px 0; }
.nav a, .nav p { display:inline-block; vertical-align:middle; }
.nav a { width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:60%; }
.nav-pageset { display:block; text-align:center; margin:25px 0; }
.nav-pageset a { display:inline-block; text-align:center; width:30px; height:30px; margin:0; padding-top:5px; opacity:.5; text-decoration:none; font-size:.9em; }
.nav-pageset a.active { background:#eee; color:white; border:1px solid #ccc; border-radius:4px; opacity:1; }
.sub-nav-set { display:table; width:100%; padding:0; margin-top:25px; border-bottom:1px solid #ccc; }
.sub-nav-set a { display:table-cell; text-align:center; font-size:.8em; opacity:.5; padding:10px 20px; text-decoration:none; border-right-x:1px solid #ccc; width:50%; }
.sub-nav-set a:last-child { border-right:0; }
.sub-nav-set a.active { border-bottom:3px solid #353638; opacity:1; /*background:#353638; color:white !important;*/ }
.table-simple { border:0px solid #ccc; width:100%; margin:15px 0 0 0; padding:0; border-collapse:collapse; }
.table-simple tbody { width:100%; margin:0; padding:0; }
.table-simple td, .table-simple th { padding:4px 0; border-bottom:1px solid #ccc; }
.table-simple tr:last-child td, .table-simple tr:last-child th { border-bottom:0; }
.table-simple .btn { padding:0; background:#888 !important; margin:2px; width:34px; height:34px; }
.table-simple .btn .icon { margin:0; }
.user-thumb-image { display:block; margin:25px auto; width:120px; height:120px; border-radius:50%; overflow:hidden; position:relative; }
.user-thumb-image img { display:block; height:130px; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.user-thumb-set { display:block; position:relative; padding-bottom:10px; }
.user-thumb-set .btn-edit { display:block; width:40px; height:40px; border-radius:50%;
position:absolute; top:85px; left:50%; margin-left:30px; background:#ccc; }
.user-thumb-set .btn-edit:hover { opacity:1; }
.user-thumb-set .btn-edit .icon { margin-top:8px; }
.p-verified { display:block; position:absolute; bottom:10px; right:10px; vertical-align:top; }
.p-verified .icon { margin:-2px; vertical-align:top; }
.p-verified-nofloat { display:block; position:relative !important; bottom:auto; right:auto; vertical-align:top; }
.p-verified-nofloat .icon { margin:-2px; vertical-align:top; }
.content-promotion {}
.content-promotion .mask { display:block; width:100%; height:100%; overflow-y:hidden; overflow-x:auto; position:relative; }
.content-promotion .mask .con { display:block; width:100%; position:absolute; top:0; left:0; }
.content-promotion .mask .con .col { display:inline-block; height:auto; margin-right:30px; vertical-align:top; overflow:hidden; }
.vip-name-header { display:block; font-size:1.2em; padding:0;
margin:50px 0 25px 0; text-align:center; }
.vip-name-header img { display:block; width:60px; height:60px; margin:10px auto; }
.vip-name-header:before,
.vip-name-header:after { display:inline-block; vertical-align:middle; width:50px; height:1px;
border-top:1px solid black; content:''; margin:0 10px; }
.vip-img-header { display:block; position:relative;
background-image-x:url(../img/patternbg.jpg); background-position:0 0; background-repeat:no-repeat; }
.vip-img-header img { display:block; width:100px; height:100px; margin:0 auto 20px auto; }
.vip-img-header h3-x { font-weight:bold !important; padding:10px 20px;
z-index:10; text-align:center; font-size:1.4em; }
.vip-img-header .icon { margin:0 auto -15px auto !important; opacity:.7; }
.vip-con { padding:5px 15px; line-height:165%; font-size:.9em; text-align:left; }
ul.vip-con { padding:5px 25px 5px 30px; }
ul.vip-con li { line-height:165%; text-align:left; }
.vip-noteblock { margin-top:-4px; text-align:left; padding:15px 20px; font-size:.8em; font-weight:bold; line-height:140%;
border-radius:5px; background:orange; color:white; }
.icon-invip { display:block; width:100px; height:100px; margin:10px auto; }
.vip-thin-header-x { font-weight:100; letter-spacing:5px; font-size:1.8em !important; padding:10px 20px; }
.vip-thin-header { font-weight:200 !important; letter-spacing:5px; font-size:1.8em !important; padding:40px 20px 20px 20px;
text-shadow-x:0 1px 2px rgba(0,0,0,.7); colorxxxx:#555759 !important; }
.vip-list { padding:0px 0; text-align:left; font-size:.9em; }
/*
.vip-list ul { list-style:none; display:block; width:100%; padding:10px; text-align:center; }
.vip-list ul li { list-style:none; display:inline-block; vertical-align:top; height:130px; font-size:.7em;
width:calc(50% - 23px); margin:10px; padding:20px; text-align:center; font-size:.8em; border-radius:5px; }
.vip-list ul li b { display:block; font-size:2em; color:white; margin-top:10px; }
.vip-list ul li:nth-child(1) { background:#ffdf4a; }
.vip-list ul li:nth-child(2) { background:#ff803f; }
.vip-list ul li:nth-child(3) { background:orange; }
.vip-list ul li:nth-child(4) { background:#ff5764; }
.vip-list ul li:nth-child(5) { background:#59ffbb; }
.vip-list ul li:nth-child(6) { background:#90da2a; }
.vip-list ul li:nth-child(7) { background:#7ab549; }
.vip-list ul li:nth-child(8) { background:#61d0ff; }
*/
.vip-list ul { list-style:none; display:block; width:100%; padding:10px; text-align:center; }
.vip-list ul li { list-style:none; display:inline-block; vertical-align:top; height:190px; font-size:.7em;
width:calc(50% - 2px); margin:0 -3px 1px 0; padding:15px; text-align:center; font-size:.8em; }
.vip-list ul li b,
.vip-list ul li strong { display:block; font-size:2em; color-x:white; margin-top:10px; }
.vip-list-single ul li { display:block; width:100%; padding:15px 40px; height:210px; }
.vip-list-single ul li b,
.vip-list-single ul li strong { margin-bottom:10px; font-size:1.7em; }
/*
.vip-list ul li:nth-child(1) b { color:#ffdf4a; }
.vip-list ul li:nth-child(2) b { color:#ff803f; }
.vip-list ul li:nth-child(3) b { color:orange; }
.vip-list ul li:nth-child(4) b { color:#ff5764; }
.vip-list ul li:nth-child(5) b { color:#59ffbb; }
.vip-list ul li:nth-child(6) b { color:#90da2a; }
.vip-list ul li:nth-child(7) b { color:#7ab549; }
.vip-list ul li:nth-child(8) b { color:#61d0ff; }
*/
.vip-list ul li:nth-child(1),
.vip-list ul li:nth-child(4),
.vip-list ul li:nth-child(5),
.vip-list ul li:nth-child(8) { background:#f1f3f6; }
.vip-list ul li:nth-child(2),
.vip-list ul li:nth-child(3),
.vip-list ul li:nth-child(6),
.vip-list ul li:nth-child(7) { background:#e1e3e6; }
.vip-list-single ul li:nth-child(2),
.vip-list-single ul li:nth-child(3) { display:inline-block; padding:15px; width:calc(50% - 1px); }
.vip-list-single ul li:nth-child(1) { padding-top:25px; background:#eaecef; }
.vip-list-single ul li:nth-child(1) b,
.vip-list-single ul li:nth-child(1) strong { letter-spacing:5px; }
.vip-list-single ul li:nth-child(3) { background:#eaecef; }
.vip-list-single ul li:nth-child(3) { background:#eaecef; }
.vip-list-row ul li { display:block; width:100%; padding:15px 20px; height:auto; }
.vip-list-row ul li b,
.vip-list-row ul li strongx { margin-top:-25px; margin-bottom:10px; font-size:1.7em; }
.vip-list-row ul li strong { font-size:inherit !important; }
.vip-list-row ul li > ul.inlist { border-topxxxx:1px dotted rgba(150,150,160,.5); border-topxx:1px dotted white;
display:block; width:auto;
font-size:1.2em; list-style:disc !important; padding:0; margin-bottom:25px; }
.vip-list-row ul li > ul.inlist li { display:block; width:auto; padding:0; height:auto;
text-align:left; font-size:1.02em; list-style:disc !important; list-style-position:outside;
padding:10px 30px 5px 46px;
background:transparent !important; border-bottomxxxx:1px dotted rgba(150,150,160,.5);
border-bottomxx:1px dotted white; text-align:left; position:relative; }
.vip-list-row ul li > ul.inlist li .icon { position:absolute; top:7px; left:16px; margin:0; }
/*
.vip-list-row ul li > ul.inlist li:after { content:''; display:block; width:4px; height:4px; background:#555;
position:relative; transform:rotate(45deg); margin:15px auto 0 auto; }
*/
.vip-list-row ul li:nth-child(even) { background:#f1f3f6; }
.vip-list-row ul li:nth-child(odd) { background:#e1e3e6; }
.password-status { padding:7px 0; }
.password-status > div { font-weight:bold; font-size:.8em; padding:7px 0; }
.password-status > div > .bar-short,
.password-status > div > .bar-medium,
.password-status > div > .bar-long { display:block; box-sizing:border-box; height:3px; background-color:red; margin-top:5px; }
.password-status > div > .bar-short { background:red; width:100px; }
.password-status > div > .bar-medium { background:orange; width:150px; }
.password-status > div > .bar-long { background:#8dd428; width:200px; }
/*
..#######..##.....##.########.########..##......##.########..####.########.########
.##.....##.##.....##.##.......##.....##.##..##..##.##.....##..##.....##....##......
.##.....##.##.....##.##.......##.....##.##..##..##.##.....##..##.....##....##......
.##.....##.##.....##.######...########..##..##..##.########...##.....##....######..
.##.....##..##...##..##.......##...##...##..##..##.##...##....##.....##....##......
.##.....##...##.##...##.......##....##..##..##..##.##....##...##.....##....##......
..#######.....###....########.##.....##..###..###..##.....##.####....##....########
*/
.ui-controlgroup, fieldset.ui-controlgroup { margin:0 !important; }
.ui-btn { margin:3px 1px !important; padding:6px 0 !important; }
.ui-btn-active { background:#999 !important; }
.ui-btn-up-c { border:0 !important; background:#f8f9fa !important; font-weight:normal !important; }
.ui-btn-hover-c { border:0 !important; background:white !important; font-weight:normal !important; }
.ui-btn-corner-all { border-radius:5px !important; font-weight:normal !important; }
.ui-checkbox > .ui-btn-up-c,
.ui-checkbox > .ui-btn-hover-c { background:none !important; }
.ui-checkbox { display:inline !important; }
.ui-checkbox .ui-btn-up-c { position:relative; width:auto; }
.ui-checkbox input { position:relative; width:auto; display:inline; }
.ui-mobile label, .ui-controlgroup-label { display:inline-block; }
.u
.ui-body-c, .ui-dialog.ui-overlay-c { text-shadow:none !important; }
.ui-body-c .ui-link { color:#333; text-decoration:none; font-weight:normal; }
.ui-shadow { box-shadow:0 0px 1px rgba(0,0,0,0.3) !important; }
.ui-shadow-inset { box-shadow:none !important; }
.ui-btn-inner { border-top:0 !important; }
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon { background-color:#888; }
.ui-corner-top, .ui-corner-bottom, .ui-btn-up-c, .ui-btn-hover-c { border-radius:4px !important; }
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon { background-color:#999; }
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { text-shadow:none !important; }
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a { color:#333; font-weight:100; }
.ui-input-text, .ui-input-search { border-width:0px; }
.ui-select { margin-top:0; margin-bottom:0; width:100%; }
.ui-select .ui-btn { border:0px; font-weight:100; padding:10px 0 !important; }
.ui-select .ui-btn > span:not(.ui-li-count) { margin: 6px 0; }
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn.ui-btn-a:hover { color:#333; font-weight:100; background:none; text-shadow:none; }
.ui-input-text, .ui-input-search { margin:0px; }
label { background:none !important; border:0 !important; font-weight-x:100 !important; }
.ui-checkbox label { display:inline-block; vertical-align:top !important; padding-left:37px !important; }
.ui-checkbox > input[type="checkbox"] { vertical-align:top !important; }
.frame > fieldset > .ui-controlgroup-controls > .ui-radio { display:block; width:100%; background:#f5f5f5; margin:1px 0; padding:6px 0; font-size:1em; }
.frame > fieldset > .ui-controlgroup-controls > .ui-radio > label { display:block; font-size:.9em; width:100%; padding-left:40px !important; }
.frame > fieldset > .ui-controlgroup-controls > .ui-radio > input { display:none; }
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on::after, html .ui-bar-a .ui-checkbox-on::after, html .ui-body-a .ui-checkbox-on::after, html body .ui-group-theme-a .ui-checkbox-on::after, .ui-btn.ui-checkbox-on.ui-btn-a::after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active { background-color:#555; }
.ui-page-theme-a .ui-radio-on::after, html .ui-bar-a .ui-radio-on::after, html .ui-body-a .ui-radio-on::after, html body .ui-group-theme-a .ui-radio-on::after, .ui-btn.ui-radio-on.ui-btn-a::after {
border-color: #666;
}
.ui-select .ui-btn { padding-right: 20px !important; }
.formbox > .row > .frame > .sc-refresh { display:table; width:98%; margin:5px 1%; }
.formbox > .row > .frame > .sc-refresh > p.scimg { display:table-cell; max-width:90px; padding:0; }
.formbox > .row > .frame > .sc-refresh > p.scimg > img { display:block; margin:0 5px 0 0; }
.formbox > .row > .frame > .sc-refresh > a.btn-refresh { display:table-cell; border:1px solid #eee; border-radius:0 5px 5px 0;
background-color:#f5f6f7; font-size:0.9em; vertical-align:middle; text-align:center;
color:#999; cursor:pointer; }
.formbox > .row > .frame > .sc-refresh > a.btn-refresh:hover { background:#9a9b9c; color:white; }
.login-modal { position:relative; margin: 50px 10px 30px 10px; background-color: white; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);}
.or-divider { position:relative; margin:26px 0px; font-size: 14px; font-weight: 600; width: 100%; height: 0px; display:block; border: 1px solid #eeeeee; }
.or-divider span { color: #7f7f7f; position:absolute; top:-7px; background-color: white; padding:0 10px; left:50%; margin-left:-25px; width:50px; display:block; }
.or-divider2 { position: relative; margin: 26px 0px; font-size: 14px; font-weight: 600; width: 100%; height: 0px; border: 1px solid #7f7f7f;}
.or-divider2 span { color: #7f7f7f; position: relative; top: -7px; padding: 0 8px; left: 50%; margin-left: -16px; background-color:#e8e9ea; }
/*
.formbox > .row > .frame > .sc-refresh { display:table; width:98%; margin:5px 1%; }
.formbox > .row > .frame > .sc-refresh > p.scimg { display:table-cell; max-width:90px; padding:0; }
.formbox > .row > .frame > .sc-refresh > p.scimg > img { display:block; margin:0 5px 0 0; }
.formbox > .row > .frame > .sc-refresh > a.btn-refresh { display:table-cell; border:1px solid #ccc; border-radius:5px; background-color:#aaabac; font-size:0.9em; vertical-align:middle; text-align:center; color:white; cursor:pointer; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); }
.formbox > .row > .frame > .sc-refresh > a.btn-refresh:hover { background:#9a9b9c; }
.product-con { padding:13px 0 55px 0; height:420px; position:relative; }
.product-con .list { display:block; width:100%; position:absolute; top:200px; left:0; }
.product-con .list > a { display:inline-block; text-indent:-999px; background:#888; width:5px; height:5px; margin:0px 7px; border-radius:50%; overflow:hidden; }
.product-con .list > a.active { background:#eb5700; }
.product-con .imgbox > .imgboxcon { height:160px; overflow:hidden; margin-top: 20px;}
.product-con .imgbox > .imgboxcon img { height:160px; width:160px; }
.product-con .imgbox > .btnprev,
.product-con .imgbox > .btnnext { display:block; position:absolute; top:90px; width:50px; height:50px; opacity:0.2; cursor:pointer; background-size:50%; background-repeat:no-repeat; background-position:center; }
.product-con .imgbox > .btnprev:hover, .product-con .imgbox > .btnnext:hover { opacity:.5; }
.product-con .imgbox > .btnprev { left:0; }
.product-con .imgbox > .btnnext { right:0; }
.product-con > .content-framerow {}
.product-con > b { color:#eb5700; display:block; font-size:1.1em; margin:30px 0 8px 0; padding:0 40px; }
.product-con > p.price1 { color:#888; display:block; font-size:.8em; margin:1px 0; }
.product-con > .addedhint { display:block; padding:0; font-size:.9em; position:absolute; top:0; right:5px; }
.product-con > .addedhint > .icon-added { display:block; width:70px; height:70px; margin:4px auto; background:url(../img/icon-added2.png) no-repeat 0 0; background-size:cover; }
.titlefilter { display:inline-block; font-size:.7em; padding:10px 20px; font-weight:normal; background:#555; width:auto; color:white; border-radius:40px; margin:10px 0; }
.listbox { display:block; text-align:left; padding:10px 0; background:#fff; }
.listbox > div { display:block; width:auto; margin:0 0 10px 0; padding:10px; background-color:white; box-sizing:border-box; text-decoration:none; position:relative; text-align:center; vertical-align:top; }
.listbox > div > img { display:block; width:130px; margin:1px auto; vertical-align:top; }
.listbox > div > b { display:block; color:#eb5700; font-weight:bold; font-size:1.1em; margin:-10px -10px 20px -10px; overflow:hidden; padding:0px; text-overflow:ellipsis; vertical-align:top; width:auto; background-color:#fff; text-align:left; }
.listbox2 { display:block; text-align:left; padding:10px; background:#e8e9ea; }
.listbox2 > div { display:block; width:auto; margin:0 0 10px 0; padding:10px; background-color:white; box-sizing:border-box; text-decoration:none; position:relative; text-align:left; vertical-align:top; box-shadow:0 1px 2px rgba(0,0,0,.3); }
.listbox2 > div > img { display:block; width:130px; margin:1px auto; vertical-align:top; }
.listbox2 > div > b { display:block; color:#eb5700; font-weight:bold; font-size:1.1em; margin:-10px -10px 20px -10px; overflow:hidden; padding:15px 30px; text-overflow:ellipsis; vertical-align:top; width:auto; background-color:#f6f7f8; text-align:left; }
.listbox2 > .formbox > .row > .frame > .sc-refresh { display:table; width:98%; margin:5px 1%; }
.listbox2 > .formbox > .row > .frame > .sc-refresh > p.scimg { display:table-cell; max-width:90px; padding:0; }
.listbox2 > .formbox > .row > .frame > .sc-refresh > p.scimg > img { display:block; margin:0 5px 0 0; }
.listbox2 > .formbox > .row > .frame > .sc-refresh > a.btn-refresh { display:table-cell; border:1px solid #ccc; border-radius:5px; background-color:#aaabac; font-size:0.9em; vertical-align:middle; text-align:center; color:white; cursor:pointer; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); }
.listbox2 > .formbox > .row > .frame > .sc-refresh > a.btn-refresh:hover { background:#9a9b9c; }
.listbox3 { display:block; text-align:left; padding:10px; background:#e8e9ea; }
.listbox3 > .rowtype { display:block; width:auto; margin:0 0 10px 0; padding:10px; background-color:white; box-sizing:border-box; text-decoration:none; position:relative; vertical-align:top; box-shadow:0 1px 2px rgba(0,0,0,.3); min-height: 150px; text-align: left;}
.listbox3 > .rowtype > img { display:block; width:130px; float:left; margin:auto 0 auto 0px; }
.listbox3 > .rowtype > b { display:block; width:auto; font-size:inherit; color:#eb5700 !important; font-weight:bold; text-decoration:none; padding:30px 0px 0px 0px; }
.listbox3 > div > p.img-angle-white { display:block; width:20px; height:20px; position:absolute; top:-1px; left:-2px; background-size:100%; }
.listbox3 > div > .btngray { display:inline-block; margin:15px auto 5px auto; padding:5px 20px 5px 15px; box-shadow:none; background:#aaa; }
.listbox3 > div > .btngray > .icon-checked { display:inline-block; background-size:35px 30px; width:30px; height:15px; padding:0; margin: 0px 0px 3px -10px; vertical-align:middle; }
.listbox3 > div > .btngray:hover { background:#777; }
.listbox3 > div > .btnselect { background:#eb5700; }
.listbox > .listboxrecom > b { background-color:#eb5700; color:white; padding:15px 70px 15px 30px; text-align:left; }
.listbox > .listboxrecom2 > b { background-color:#eb5700; color:white; padding:30px 30px; text-align:center; font-weight:100; }
.listbox > .listboxrecom3 > b { background-color:#333333; color:white; padding:30px 30px; text-align:center; font-weight:100; }
.listbox > div > p.img-angle2 { display:block; width:20px; height:20px; position:absolute; top:-1px; left:-2px; background-size:100%; }
.loginmainnav { dispaly:inline-block; background-color: #000000 ; width: 100%; margin-right: auto; margin-left: auto; overflow:hidden; list-style: outside none none; }
.loginmainnav ul { }
.loginmainnav li { display:block; float: left; width: 50%; text-align: center; padding:0px; margin:0px 0px 20px 0px; }
.loginmainnav li:first-child a { border-radius: 0.25em 0px 0px; }
.loginmainnav li:last-child a { border-radius: 0px 0.25em 0px 0px; }
.loginmainnav li { display:inline-block; float: left; width: 50%; text-align: center; }
.loginmainnav li > a.selected { background: none repeat scroll 0% 0% #FFF; color: #505260;}
.loginmainnav li a { display: block; padding:0 15px; background-color: #000000; color: #FFFFFF; font-weight: bold; font-size: 15px; text-decoration: none; height: 70px; line-height: 70px; width: 100%; background: none repeat scroll 0% 0% #D2D8D8; }
.loginmainnav li a:hover { background-color: #CCCCCC; color: #000000; }
.switcher { dispaly:inline-block; width: 100%; margin-right: auto; margin-left: auto; overflow:hidden; list-style: outside none none; }
.switcher ul { }
.switcher li { display:block; float: left; width: 50%; text-align: center; padding:0px; margin:0px 0px 0px 0px; }
.switcher li:first-child a { border-radius: 0.25em 0px 0px; }
.switcher li:last-child a { border-radius: 0px 0.25em 0px 0px; }
.switcher li { display:inline-block; float: left; width: 50%; text-align: center; }
.switcher li > a.selected { background: none repeat scroll 0% 0% #fff; color: #eb5700!important;}
.switcher li a { display: block; padding:0 15px; color: #fff !important; font-weight: bold; font-size: 15px; text-decoration: none; height: 70px; line-height: 70px; width: 100%; background: none repeat scroll 0% 0% rgba(15, 12, 13, 0.09) }
.switcher li a:hover { background-color: #eb5700; color: #000000; }
.promotiomsell > img { display:block; width:100%; height:auto; margin:0 auto; box-shadow:0 1px 2px rgba(0,0,0,0.2); max-width:960px; }
.product-listbox { display:block; }
.product-listbox > .btn-section { display:block; font-size:1em; font-weight:normal; padding:10px 0 0 5px; cursor:pointer; }
.product-listbox > .btn-section > .icon-productconarrow { opacity:.7; }
.product-listbox > .btn-section:hover > .icon-productconarrow { opacity:1; }
.product-listbox-tabclose > .btn-section { padding-bottom:8px; }
.product-listbox-tabclose > .btn-section > .icon-productconarrow { background-position:0 4px; }
.product-listbox > .row { padding-top:8px; }
.listviewapply { display:table !important; width:100%; }
.listviewapply > .item { display:table-cell !important; margin:0; padding:0; width:33%; height:90px; text-align:center; border-right:0px dotted #ccc; cursor:pointer; }
.listviewapply > .item:last-child { border-right:0; }
.listviewapply > .item > .icon { display:block; width:90px; height:90px; background-repeat:no-repeat; background-size:90px 180px !important; background-position:50% top !important; margin:0 auto; }
.listviewapply > .item > #aq { background-image:url(../img/icon_apply_aq.png) !important; }
.listviewapply > .item > #np { background-image:url(../img/icon_apply_np.png) !important; }
.listviewapply > .item > #rn { background-image:url(../img/icon_apply_rn.png) !important; }
.listviewapply > .item > p { display:block; text-align:center !important; padding:0 !important; margin:0 !important; }
.listviewapply > .select > p { color:#eb5700; }
.listviewapply > .select > .icon { background-position:50% bottom !important; }
.claimbox { display:block; border:1px dashed orange; padding:10px; }
.claimbox > label { display:block; color:orange; text-align:left; margin-bottom:10px; }
.claimbox p { display:block; text-align:left; padding-top:0; padding-bottom:5px; }
.claimbox p > div { vertical-align:middle; }
.claimbox p > div input { margin-top:-3px; }
.claimbox p > label { display:block; text-align:left; font-size:1.1em; margin-left:35px; margin-top:0; }
.claimbox p span { display:block; text-align:left; color:red; font-size:1.1em; margin-left:35px; margin-top:0; }
*/